@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-Light.wdFiIFKA.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-Light.CxMM-8HM.woff) format("woff");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-LightItalic.m3MNd05S.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-LightItalic.DEld81QO.woff) format("woff");
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized.CUHdWajK.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized.DbDG9gke.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-Italic.Z1PTFCls.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-Italic.-lQ202z0.woff) format("woff");
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-Demibold.Bd_rMkcO.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-Demibold.r4X_FOpE.woff) format("woff");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-Demibold.Bd_rMkcO.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-Demibold.r4X_FOpE.woff) format("woff");
	font-weight: 600;
	font-style: italic
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-Bold.e5MxrtTc.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-Bold.B7TBy_py.woff) format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: Malvern JH Sans;
	src: url(mux-main/resources/assets/ManulifeJHSans-Optimized-BoldItalic.F4Ezv6Ml.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSans-Optimized-BoldItalic.JBup179Y.woff) format("woff");
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: "Malvern JH Serif";
	src: url(mux-main/resources/assets/ManulifeJHSerif-Optimized-Italic.BR10hVwM.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSerif-Optimized-Italic.Diu9eW-F.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "Malvern JH Serif";
	src: url(mux-main/resources/assets/ManulifeJHSerif-Optimized-Italic.BR10hVwM.woff2) format("woff2"), url(mux-main/resources/assets/ManulifeJHSerif-Optimized-Italic.Diu9eW-F.woff) format("woff");
	font-weight: 400;
	font-style: italic
}
.mux-Accordion {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	box-sizing: border-box;
	background-color: var(--cds-color-neutral-light-light-3);
	color: var(--cds-color-neutral-dark-light-1);
	width: 100%
}
.mux-Accordion:open>.mux-Accordion-Header>.mux-Accordion-HeaderIcon>svg {
transform:rotate(-180deg);
transition:transform .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.mux-Accordion:open>.mux-Accordion-Header>.mux-Accordion-HeaderIcon>svg {
transition:none
}
}
.mux-Accordion-Header {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	gap: var(--cds-spacing-3);
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 1.25rem
}
.mux-Accordion-Header:hover, .mux-Accordion-Header:focus {
	-webkit-text-stroke-width: .4px
}
.mux-Accordion-Header:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Accordion-Header .mux-Accordion-HeaderIcon {
	color: var(--cds-color-accent-default);
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
margin-top:.125rem
}
.mux-Accordion-Header .mux-Accordion-HeaderIcon>svg {
	transform: rotate(0);
	transition: transform .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
.mux-Accordion-Header .mux-Accordion-HeaderIcon>svg {
	transition: none
}
}
.mux-Accordion-Header .mux-Accordion-HeaderTitle {
	color: var(--cds-color-neutral-dark-light-1)
}
.mux-Accordion-Header[data-icon-side=right] {
	flex-flow: row-reverse;
	justify-content: space-between
}
.mux-Accordion[data-variant=primary] {
	border: 1px solid var(--cds-color-neutral-dark-light-4)
}
.mux-Accordion[data-variant=primary]:hover, .mux-Accordion[data-variant=primary]:focus-within {
border-color:var(--cds-color-neutral-dark-light-3)
}
.mux-Accordion[data-variant=primary] .mux-Accordion-Header {
	font-size: var(--cds-font-size-xl);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Accordion[data-variant=primary] .mux-Accordion-Header .mux-Accordion-HeaderTitle {
	font-size: var(--cds-font-size-xl);
	font-weight: var(--cds-font-weight-demibold);
	line-height: var(--cds-line-height-xl)
}
@media (min-width: 1024px) {
.mux-Accordion[data-variant=primary][data-icon-side=left] .mux-Accordion-Body {
	margin-left: var(--cds-spacing-6)
}
}
.mux-Accordion[data-variant=secondary] {
	background-color: transparent;
	border-top: 1px solid var(--cds-color-neutral-dark-light-4);
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-4);
	width: calc(100% - 2.5rem)
}
.mux-Accordion[data-variant=secondary]+.mux-Accordion[data-variant=secondary] {
	border-top: none
}
.mux-Accordion[data-variant=secondary]:hover, .mux-Accordion[data-variant=secondary]:focus-within {
border-color:var(--cds-color-neutral-dark-light-3)
}
@media (min-width: 1024px) {
.mux-Accordion[data-variant=secondary] {
	margin: 0 1.25rem
}
}
.mux-Accordion[data-variant=secondary] .mux-Accordion-Header {
	padding-left: 0;
	padding-right: 0
}
.mux-Accordion[data-variant=secondary] .mux-Accordion-Header .mux-Accordion-HeaderTitle {
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-demibold);
	line-height: var(--cds-line-height-xl)
}
.mux-Accordion[data-variant=secondary] .mux-Accordion-Body {
	padding-left: 0;
	padding-right: 0
}
.mux-Accordion[data-variant=legal] .mux-Accordion-Header {
	padding: var(--cds-spacing-3)
}
@media (min-width: 1024px) {
.mux-Accordion[data-variant=legal] .mux-Accordion-Header {
	padding: var(--cds-spacing-3) 0
}
}
.mux-Accordion[data-variant=legal] .mux-Accordion-Header .mux-Accordion-HeaderTitle {
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-regular)
}
.mux-Accordion[data-variant=legal] .mux-Accordion-Header .mux-Accordion-HeaderIcon {
	margin-top: 0
}
.mux-Accordion[data-variant=legal] .mux-Accordion-Body {
	padding-left: 0;
	padding-right: 0
}
.mux-Accordion-Body {
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	line-height: var(--cds-line-height-xl);
	padding: 0 1.25rem 1.25rem
}
@media (min-width: 1024px) {
.mux-Accordion-Body {
	margin-left: var(--cds-spacing-6);
	margin-right: 0
}
.mux-Accordion-Body[data-icon-side=right] {
	margin-left: 0;
	margin-right: var(--cds-spacing-6)
}
}
.mux-ActionButton {
	align-items: center;
	background: none;
	border-style: none;
	box-sizing: border-box;
	color: var(--cds-color-neutral-dark-default);
	cursor: pointer;
	display: inline-flex;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-regular);
gap:.375rem;
	line-height: var(--cds-line-height-lg);
	padding: 0;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition-property: color, text-shadow;
	transition-timing-function: ease-in-out;
	transition-duration: .1s;
	vertical-align: middle
}
.mux-ActionButton:hover, .mux-ActionButton:active, .mux-ActionButton:focus {
	color: var(--cds-color-primary-main-dark-2)
}
.mux-ActionButton:hover .mux-ActionButton-Icon, .mux-ActionButton:active .mux-ActionButton-Icon, .mux-ActionButton:focus .mux-ActionButton-Icon {
	color: var(--cds-color-primary-main-dark-2)
}
.mux-ActionButton:hover:not(:disabled), .mux-ActionButton:active:not(:disabled), .mux-ActionButton:focus:not(:disabled) {
	-webkit-text-stroke-width: .4px
}
.mux-ActionButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px;
-webkit-text-stroke-width:.4px
}
.mux-ActionButton:disabled {
	color: var(--cds-color-neutral-light-dark-3);
	cursor: not-allowed
}
.mux-ActionButton:disabled .mux-ActionButton-Icon {
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-ActionButton-Icon {
	color: var(--cds-color-primary-main-default);
	display: inline-flex;
	font-size: 1.25rem;
	transition-property: color;
	transition-timing-function: ease-in-out;
	transition-duration: .1s
}
.mux-ActionButton-Icon svg, .mux-ActionButton-Icon span {
	width: 100%;
	height: 100%
}
.mux-Alert {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-light);
	line-height: var(--cds-line-height-xl);
	color: var(--cds-color-neutral-dark-light-1);
	background-color: var(--cds-color-neutral-light-light-3);
	display: flex;
	width: 100%
}
.mux-Alert[data-variant=primary] {
	border: 2px solid;
	border-left: 0
}
.mux-Alert[data-variant=primary][data-severity=warning] {
	border-color: var(--cds-color-status-warning)
}
.mux-Alert[data-variant=primary][data-severity=alert] {
	border-color: var(--cds-color-status-error)
}
.mux-Alert[data-variant=primary][data-severity=complete] {
	border-color: var(--cds-color-status-success)
}
.mux-Alert[data-variant=primary][data-severity=information] {
	border-color: var(--cds-color-status-information)
}
.mux-Alert[data-variant=hardstop] {
	color: var(--cds-color-neutral-light-light-3);
	background-color: var(--cds-color-status-error)
}
.mux-Alert[data-variant=secondary] {
	background-color: transparent
}
.mux-Alert-IconBar {
	width: var(--cds-spacing-7);
	font-size: var(--cds-font-size-4xl);
	display: flex;
	justify-content: center;
	padding: calc(var(--cds-spacing-5) - 2px) 0;
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Alert-IconBar[data-severity=warning] {
	background-color: var(--cds-color-status-warning)
}
.mux-Alert-IconBar[data-severity=alert] {
	background-color: var(--cds-color-status-error)
}
.mux-Alert-IconBar[data-severity=complete] {
	background-color: var(--cds-color-status-success)
}
.mux-Alert-IconBar[data-severity=information] {
	background-color: var(--cds-color-status-information)
}
.mux-Alert-IconBar[data-variant=hardstop] {
	margin: 0 var(--cds-spacing-2);
	background-color: var(--cds-color-status-error)
}
.mux-Alert-IconCircle {
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--cds-spacing-6);
	height: var(--cds-spacing-6);
	color: var(--cds-color-neutral-light-light-3);
	border-radius: 1rem;
	margin-right: var(--cds-spacing-3)
}
.mux-Alert-IconCircle[data-severity=warning] {
	background-color: var(--cds-color-status-warning)
}
.mux-Alert-IconCircle[data-severity=alert] {
	background-color: var(--cds-color-status-error)
}
.mux-Alert-IconCircle[data-severity=complete] {
	background-color: var(--cds-color-status-success)
}
.mux-Alert-IconCircle[data-severity=information] {
	background-color: var(--cds-color-status-information)
}
.mux-Alert-Content {
	width: 100%
}
.mux-Alert-Content[data-variant=primary] {
	padding: 1.25rem
}
.mux-Alert-Content[data-variant=hardstop] {
	padding: 1.25rem 1.25rem 1.25rem 0
}
.mux-Alert-Content .mux-Alert-Title {
	display: block;
	margin-bottom: var(--cds-spacing-1);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Alert-CloseButton {
	font-size: 1.25rem;
	height: 1.25rem;
	width: 1.25rem;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	margin: 1.25rem 1.25rem 0 0
}
.mux-Alert-CloseButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
gap:.5rem;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: 1.1875rem;
	line-height: var(--cds-line-height-xl);
	min-width: var(--mux-Button-min-width);
	padding: var(--mux-Button-padding);
	-webkit-text-decoration: none;
	text-decoration: none;
	cursor: pointer
}
.mux-Button:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Button[data-saving=true] {
	cursor: progress
}
.mux-Button[data-small=true] {
--mux-Button-Icon-font-size: 1rem;
	font-size: var(--cds-font-size-sm);
	line-height: var(--cds-line-height-sm);
	min-width: 80px;
	padding: var(--cds-spacing-3) var(--cds-spacing-5)
}
.mux-Button[data-variant=primary] {
	background-color: var(--cds-color-accent-default);
	border: 2px solid var(--cds-color-accent-default);
	color: var(--cds-color-neutral-light-light-3);
	font-weight: var(--cds-font-weight-bold)
}
.mux-Button[data-variant=primary] .mux-Button-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary] .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-accent-default)
}
.mux-Button[data-variant=primary] .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary] {
	background-color: var(--cds-color-neutral-light-light-3);
	border: 2px solid var(--cds-color-accent-default);
	color: var(--mux-Button-secondary-color);
	font-weight: var(--mux-Button-secondary-font-weight)
}
.mux-Button[data-variant=secondary] .mux-Button-Icon {
	color: var(--mux-Button-secondary-color)
}
.mux-Button[data-variant=secondary] .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary] .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-secondary-color)
}
.mux-Button:not(:disabled):hover .mux-Button-Icon, .mux-Button:not(:disabled):focus-visible .mux-Button-Icon {
color:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:disabled, .mux-Button[data-variant=secondary]:disabled {
	background-color: var(--mux-Button-background-disabled);
	border-color: var(--mux-Button-background-disabled);
	color: var(--mux-Button-color-disabled);
	cursor: not-allowed
}
.mux-Button[data-variant=primary]:disabled .mux-Button-Icon {
	color: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=secondary]:disabled .mux-Button-Icon {
	color: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=primary]:disabled .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-background-disabled)
}
.mux-Button[data-variant=secondary]:disabled .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-background-disabled)
}
.mux-Button[data-variant=primary]:disabled .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=secondary]:disabled .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=primary]:active:not(:disabled), .mux-Button[data-variant=secondary]:active:not(:disabled) {
	background-color: var(--cds-color-accent-dark-2);
	border-color: var(--cds-color-accent-dark-2);
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:active:not(:disabled) .mux-Button-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:active:not(:disabled) .mux-Button-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-accent-dark-2)
}
.mux-Button[data-variant=secondary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-accent-dark-2)
}
.mux-Button[data-variant=primary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):hover, .mux-Button[data-variant=primary]:not(:active):not(:disabled):focus-visible, .mux-Button[data-variant=secondary]:not(:active):not(:disabled):hover, .mux-Button[data-variant=secondary]:not(:active):not(:disabled):focus-visible {
background-color:var(--cds-color-accent-dark-1);
border-color:var(--cds-color-accent-dark-1);
color:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):hover .mux-Button-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):focus-visible .mux-Button-Icon {
color:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):hover .mux-Button-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):focus-visible .mux-Button-Icon {
color:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-accent-dark-1)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
stroke:var(--cds-color-accent-dark-1)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-accent-dark-1)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
stroke:var(--cds-color-accent-dark-1)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=primary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-FillRing {
stroke:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=secondary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-FillRing {
stroke:var(--cds-color-neutral-light-light-3)
}
.mux-Button[data-variant=sign-in] {
	background-color: var(--cds-color-secondary-two-light-1);
	border-color: var(--cds-color-secondary-two-light-1);
	color: var(--cds-color-neutral-dark-default);
	font-size: 1.1875rem;
	font-size: var(--mux-Button-font-size, 1.1875rem);
	font-weight: var(--cds-font-weight-bold)
}
.mux-Button[data-variant=sign-in] .mux-Button-Icon {
	color: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in] .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-secondary-two-light-1)
}
.mux-Button[data-variant=sign-in] .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:disabled {
	background-color: var(--mux-Button-background-disabled);
	border-color: var(--mux-Button-background-disabled);
	color: var(--mux-Button-color-disabled);
	cursor: not-allowed
}
.mux-Button[data-variant=sign-in]:disabled .mux-Button-Icon {
	color: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=sign-in]:disabled .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-background-disabled)
}
.mux-Button[data-variant=sign-in]:disabled .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-color-disabled)
}
.mux-Button[data-variant=sign-in]:active:not(:disabled) {
	background-color: var(--cds-color-secondary-two-dark-1);
	border-color: var(--cds-color-secondary-two-dark-1)
}
.mux-Button[data-variant=sign-in]:active:not(:disabled) .mux-Button-Icon {
	color: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-secondary-two-dark-1)
}
.mux-Button[data-variant=sign-in]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):hover, .mux-Button[data-variant=sign-in]:not(:active):not(:disabled):focus-visible {
background-color:var(--cds-color-secondary-two-default);
border-color:var(--cds-color-secondary-two-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):hover .mux-Button-Icon {
	color: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):focus-visible .mux-Button-Icon {
color:var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--cds-color-secondary-two-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
stroke:var(--cds-color-secondary-two-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant=sign-in]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-FillRing {
stroke:var(--cds-color-neutral-dark-default)
}
.mux-Button[data-variant^=tertiary] {
	background-color: var(--mux-Button-tertiary-background);
	border: 2px solid var(--mux-Button-tertiary-border);
	color: var(--mux-Button-tertiary-color);
	line-height: var(--cds-line-height-base);
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	min-width: auto
}
.mux-Button[data-variant^=tertiary] .mux-Button-Icon {
	color: var(--mux-Button-tertiary-Icon-color)
}
.mux-Button[data-variant^=tertiary] .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-tertiary-background)
}
.mux-Button[data-variant^=tertiary] .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-tertiary-Icon-color)
}
.mux-Button[data-variant^=tertiary]:disabled {
	background-color: var(--mux-Button-tertiary-background-disabled);
	border-color: var(--mux-Button-tertiary-background-disabled);
	color: var(--mux-Button-tertiary-color-disabled);
	cursor: not-allowed
}
.mux-Button[data-variant^=tertiary]:disabled .mux-Button-Icon {
	color: var(--mux-Button-tertiary-Icon-color-disabled)
}
.mux-Button[data-variant^=tertiary]:disabled .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-tertiary-background-disabled)
}
.mux-Button[data-variant^=tertiary]:disabled .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-tertiary-Icon-color-disabled)
}
.mux-Button[data-variant^=tertiary]:active:not(:disabled) {
	background-color: var(--mux-Button-tertiary-background-active);
	border-color: var(--mux-Button-tertiary-border-active);
	color: var(--mux-Button-tertiary-color-active)
}
.mux-Button[data-variant^=tertiary]:active:not(:disabled) .mux-Button-Icon {
	color: var(--mux-Button-tertiary-Icon-color-active)
}
.mux-Button[data-variant^=tertiary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-tertiary-background-active)
}
.mux-Button[data-variant^=tertiary]:active:not(:disabled) .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-tertiary-Icon-color-active)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):hover, .mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):focus-visible {
background-color:var(--mux-Button-tertiary-background-hover);
border-color:var(--mux-Button-tertiary-border-hover);
color:var(--mux-Button-tertiary-color-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):hover .mux-Button-Icon {
	color: var(--mux-Button-tertiary-Icon-color-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):focus-visible .mux-Button-Icon {
color:var(--mux-Button-tertiary-Icon-color-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
	stroke: var(--mux-Button-tertiary-background-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-BackgroundRing {
stroke:var(--mux-Button-tertiary-background-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):hover .mux-Button-Spinner svg .mux-Progress-FillRing {
	stroke: var(--mux-Button-tertiary-Icon-color-hover)
}
.mux-Button[data-variant^=tertiary]:not(:active):not(:disabled):focus-visible .mux-Button-Spinner svg .mux-Progress-FillRing {
stroke:var(--mux-Button-tertiary-Icon-color-hover)
}
.mux-Button-Icon {
	display: inline-flex;
	font-size: var(--mux-Button-Icon-font-size, var(--cds-font-size-4xl))
}
.mux-Button-Spinner svg {
	display: flex;
	justify-content: center
}
.mux-Card {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	line-height: var(--cds-line-height-xl);
	background: var(--cds-color-neutral-light-light-3);
	border: 1px solid var(--cds-color-neutral-light-default);
	width: 100%;
	color: var(--cds-color-neutral-dark-default);
	display: flex;
	flex-direction: column;
	text-align: inherit
}
.mux-Card[data-centered=true] {
	text-align: center
}
.mux-Card[data-centered=true] .mux-CardAction {
	justify-content: center
}
.mux-Card[data-centered=true] .mux-CardHeader[data-has-adornment=true]:before {
	left: calc(50% - var(--cds-spacing-4))
}
.mux-CardAction {
	padding: 5px;
	border-top: 1px solid var(--cds-color-neutral-light-default);
	display: flex
}
.mux-CardContent {
	padding: 1.25rem;
	font-weight: var(--cds-font-weight-light);
	flex: 1 1 auto
}
.mux-CardContent p:first-child {
	margin-top: 0
}
.mux-CardContent p:last-child {
	margin-bottom: 0
}
.mux-CardHeader {
padding:1.25rem 1.25rem .625rem;
	font-weight: var(--cds-font-weight-demibold);
	font-size: 1.25rem;
	line-height: 1.4;
	position: relative
}
.mux-CardHeader[data-has-adornment=true]:before {
	content: "";
	position: absolute;
	left: 1.25rem;
	bottom: 0;
	background-color: var( --mux-CardHeader-adornment-color, var(--cds-color-primary-main-default) );
	height: 3px;
	width: var(--cds-spacing-6)
}
.mux-CardHeader[data-has-adornment=false]+div {
	padding-top: 0
}
.mux-CardImage {
	max-width: 100%;
	width: 100%
}
.mux-CardSeparator {
	margin: 0 1.25rem;
	height: 1px;
	background-color: var(--cds-color-neutral-light-default)
}
.mux-Checkbox {
	display: inline-flex;
	align-items: center;
	align-self: start;
	position: relative
}
.mux-Checkbox .mux-Checkbox-Icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.75rem;
	height: 1.75rem;
	line-height: var(--cds-line-height-2xl);
	text-align: center;
	pointer-events: none;
	color: var(--cds-color-primary-main-default);
	font-size: 1.75rem
}
.mux-Checkbox .mux-Checkbox-Input {
	display: inline-block;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--cds-color-neutral-light-light-3);
	border-style: solid;
	border-width: 2px;
	border-color: var(--cds-color-neutral-dark-light-4);
	width: 1.75rem;
	height: 1.75rem;
	vertical-align: top;
	margin: 0;
	cursor: pointer
}
.mux-Checkbox .mux-Checkbox-Input:hover, .mux-Checkbox .mux-Checkbox-Input:focus {
	border-width: 2px;
	border-color: var(--cds-color-neutral-dark-light-3)
}
.mux-Checkbox .mux-Checkbox-Input:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Checkbox .mux-Checkbox-Input:checked, .mux-Checkbox .mux-Checkbox-Input[data-indeterminate=true] {
	border-width: 3px;
	border-color: var(--cds-color-primary-main-default)
}
.mux-Checkbox .mux-Checkbox-Input[aria-invalid=true] {
	background-color: var(--mux-Input-error-background-color);
	border-color: var(--cds-color-status-error)
}
.mux-Checkbox .mux-Checkbox-Input[aria-invalid=true]+.mux-Checkbox-Icon {
	color: var(--cds-color-status-error)
}
.mux-Checkbox .mux-Checkbox-Input:disabled, .mux-Checkbox .mux-Checkbox-Input:disabled:hover, .mux-Checkbox .mux-Checkbox-Input:disabled:focus {
	cursor: not-allowed;
	background-color: var(--cds-color-neutral-light-default);
	border-color: var(--cds-color-neutral-dark-light-4)
}
.mux-Checkbox .mux-Checkbox-Input:disabled+.mux-Checkbox-Icon, .mux-Checkbox .mux-Checkbox-Input:disabled:hover+.mux-Checkbox-Icon, .mux-Checkbox .mux-Checkbox-Input:disabled:focus+.mux-Checkbox-Icon {
	color: var(--cds-color-neutral-dark-light-4)
}
.mux-CheckboxGroup {
	padding: 0;
	border: none
}
.mux-CheckboxGroup .mux-Legend {
	margin-bottom: var(--cds-spacing-3)
}
.mux-CheckboxGroup .mux-Errors {
	margin-top: var(--cds-spacing-2)
}
.mux-ComboBox .mux-Input-Adornment[data-is-open=true] svg {
	transform: rotate(-180deg);
	transition: transform .15s ease-in-out
}
.mux-ComboBox .mux-Input-Adornment svg {
	flex-shrink: 0;
	min-height: var(--cds-spacing-5);
	min-width: var(--cds-spacing-5);
	height: var(--cds-spacing-5);
	width: var(--cds-spacing-5);
	transform: rotate(0);
	transition: transform .15s ease-in-out
}
.mux-ComboBox .mux-Input-Value:disabled .mux-Placeholder, .mux-ComboBox .mux-Input-Value[data-disabled=true] .mux-Placeholder {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-ComboBox-Popover[data-placement=top] {
	box-shadow: 0 -2px 4px #0000001a, 0 -4px 6px #0000001a
}
.mux-ComboBox-Popover[data-placement=bottom] {
	box-shadow: 0 2px 4px #0000001a, 0 4px 6px #0000001a
}
.mux-ComboBox-Popover:has([data-focus-visible=true]) {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-ComboBox-Popover .mux-ListBox {
	border-top: solid 1px var(--cds-color-neutral-dark-light-4)
}
.mux-DataTable {
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-light);
	font-size: var(--cds-font-size-base);
	background: var(--cds-color-neutral-light-light-3);
	max-width: 100%
}
.mux-DataTable-TableWrapper {
	overflow-x: auto
}
.mux-DataTable-OptionsContainer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-demibold);
	line-height: var(--cds-line-height-xl);
	min-height: 3.5rem;
	width: 100%;
	padding: var(--cds-spacing-4)
}
.mux-DataTable-OptionsContainer[data-selected=true] {
	background-color: var(--cds-color-primary-main-dark-1);
	color: var(--cds-color-neutral-light-light-3);
	justify-content: space-between
}
.mux-DataTable-OptionsContainer[data-selected=true] .mux-ActionButton, .mux-DataTable-OptionsContainer[data-selected=true] .mux-ActionButton-Icon {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-DataTable-PaginationContainer {
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-light);
	line-height: var(--cds-line-height-xl);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: var(--cds-spacing-4)
}
.mux-DataTable-SortingButton button {
	all: unset;
	outline: revert;
	cursor: pointer;
	text-align: left;
	line-height: var(--cds-line-height-xl);
	vertical-align: middle
}
.mux-DataTable-SortingButton button:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-DataTable-SortingButton svg {
	font-size: var(--cds-font-size-4xl);
	display: inline-flex;
	vertical-align: text-bottom;
	margin-left: var(--cds-spacing-1)
}
.mux-DataTable-SortingButton .mux-DataTable-SortingIcon {
	white-space: nowrap
}
.mux-DataTable-SortingButton .mux-DataTable-SortingIcon:before {
	content: "⁠"
}
.mux-DataTable-SelectionCheckbox .mux-Checkbox-Input[data-selection-mode=single] {
	border-radius: 999px
}
.mux-DataTable-SelectionCheckbox .mux-Checkbox-Input[data-selection-mode=single]:focus-visible {
border-radius:999px
}
.mux-DateOfBirth {
--mux-Input-width: auto;
	margin: 0;
	padding: 0;
	border: none;
	width: 20.9375rem;
	max-width: 100%;
	display: grid;
	grid-column-gap: var(--cds-spacing-4);
	-moz-column-gap: var(--cds-spacing-4);
	column-gap: var(--cds-spacing-4);
	grid-template-columns: auto 8.75rem auto;
	grid-template-rows: auto var(--cds-spacing-3) auto;
	grid-template-areas: "legend legend legend" ". . ." "day month year"
}
.mux-DateOfBirth[data-invalid=true] {
	grid-template-rows: auto var(--cds-spacing-3) auto var(--cds-spacing-2) auto;
	grid-template-areas: "legend legend legend" ". . ." "day month year" ". . ." "errors errors errors"
}
.mux-DateOfBirth .mux-DateOfBirth-Legend {
	grid-area: legend
}
.mux-DateOfBirth .mux-DateOfBirth-Day {
	grid-area: day
}
.mux-DateOfBirth .mux-DateOfBirth-Month {
	grid-area: month
}
.mux-DateOfBirth .mux-DateOfBirth-Year {
	grid-area: year
}
.mux-DateOfBirth .mux-DateOfBirth-Errors {
	grid-area: errors
}
.mux-DateOfBirth .mux-DateOfBirth-FormatLabel {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-light);
	color: var(--cds-color-neutral-dark-light-3)
}
.mux-DatePicker {
	position: relative
}
.mux-DatePicker .mux-Input-Adornment.mux-DatePicker-Trigger {
	padding: var(--cds-spacing-2)
}
.mux-DatePicker .mux-Input-Adornment.mux-DatePicker-Trigger[data-variant^=basic-line] {
	padding-right: 0
}
.mux-DatePicker .mux-Input-Adornment:disabled {
	color: var(--cds-color-neutral-light-dark-3);
	cursor: not-allowed
}
.mux-DatePicker .mux-Input-Adornment:hover:not(:disabled) {
	color: var(--cds-color-primary-main-dark-1)
}
.mux-DatePicker .mux-Input-Adornment:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-DatePicker .mux-Input-Adornment svg {
	height: 1.25rem;
	width: 1.25rem
}
.mux-DatePicker .mux-Input-Value:has([data-placeholder=true]) {
color:var(--cds-color-neutral-light-dark-3);
display:flex;
align-items:center;
justify-content:flex-start;
gap:.0625rem
}
.mux-DatePicker-Button {
	background: transparent;
	border: none;
	color: var(--cds-color-neutral-dark-default);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--cds-spacing-6);
	width: var(--cds-spacing-6);
	position: relative
}
.mux-DatePicker-Button:disabled {
	color: var(--cds-color-neutral-light-dark-3);
	cursor: not-allowed
}
.mux-DatePicker-Button:hover:not(:disabled) {
	color: var(--cds-color-primary-main-dark-1)
}
.mux-DatePicker-Button:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-DatePicker-Button svg {
	height: var(--cds-spacing-5);
	width: var(--cds-spacing-5)
}
.mux-DatePicker-Calendar {
	background: var(--cds-color-neutral-light-light-3);
	box-sizing: border-box;
	border: 1px solid var(--cds-color-neutral-light-default);
	display: block;
	min-width: 0;
	min-width: var(--trigger-width, 0);
	padding: 0 var(--cds-spacing-1)
}
@media (min-width: 320px) {
.mux-DatePicker-Calendar {
	padding: var(--cds-spacing-3) var(--cds-spacing-1)
}
}
@container (min-width: 335px) {
.mux-DatePicker-Calendar {
padding:var(--cds-spacing-4) var(--cds-spacing-2)
}
}
@container (min-width: 395px) {
.mux-DatePicker-Calendar {
padding:var(--cds-spacing-4)
}
}
.mux-DatePicker-CalendarHeader {
	color: var(--cds-color-neutral-dark-default);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
max-width:calc(395px - var(--cds-spacing-2) * 2);
padding:.5625rem var(--cds-spacing-3);
	width: 100%
}
@container (min-width: 336px) {
.mux-DatePicker-CalendarHeader {
padding:.5625rem 0
}
}
.mux-DatePicker-CalendarHeader .mux-DatePicker-Button svg {
	height: 1.25rem;
	width: 1.25rem
}
.mux-DatePicker-CalendarHeader .react-aria-CalendarHeaderCell {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-DatePicker-CalendarWrapper {
	container-type: inline-size;
	width: max(288px, var(--trigger-width));
	box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
}
.mux-DatePicker-CalendarCell, .mux-DatePicker-Calendar .react-aria-CalendarHeaderCell {
	color: var(--cds-color-neutral-dark-default);
	font-size: var(--cds-font-size-sm);
	line-height: var(--cds-line-height-sm);
	margin-left: auto;
	margin-right: auto;
	height: var(--cds-spacing-6);
	width: var(--cds-spacing-6)
}
@media (min-width: 320px) {
.mux-DatePicker-CalendarCell, .mux-DatePicker-Calendar .react-aria-CalendarHeaderCell {
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-base);
	height: var(--cds-spacing-7);
	width: var(--cds-spacing-7)
}
}
@container (min-width: 335px) {
.mux-DatePicker-CalendarCell, .mux-DatePicker-Calendar .react-aria-CalendarHeaderCell {
height:2.75rem;
width:2.75rem
}
}
@container (min-width: 395px) {
.mux-DatePicker-CalendarCell, .mux-DatePicker-Calendar .react-aria-CalendarHeaderCell {
height:3.25rem;
width:3.25rem
}
}
.mux-DatePicker-CalendarCell {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--cds-font-weight-regular)
}
.mux-DatePicker-CalendarCell[data-disabled=true] {
	color: var(--cds-color-neutral-light-dark-3);
	cursor: default
}
.mux-DatePicker-CalendarCell[data-today=true]:not([data-selected=true]) {
	box-shadow: inset 0 0 0 2px var(--cds-color-neutral-light-dark-3)
}
.mux-DatePicker-CalendarCell:not([data-disabled=true]):hover {
	background-color: var(--cds-color-primary-main-light-4);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-DatePicker-CalendarCell:not([data-disabled=true])[data-selected=true] {
	background-color: var(--cds-color-primary-main-dark-1);
	color: var(--cds-color-neutral-light-light-3);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-DatePicker-CalendarCell:not([data-disabled=true]):focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-DatePicker-CalendarGrid {
	border-collapse: collapse;
	font-weight: var(--cds-font-weight-light);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
max-width:calc(395px - var(--cds-spacing-2) * 2);
	width: 100%
}
.mux-DatePicker-CalendarGrid .react-aria-CalendarGridBody tr>td {
	padding: 0
}
.mux-DatePicker-CalendarGrid th {
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-DatePicker-CalendarGrid th abbr {
	border-bottom: none;
	cursor: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}
.mux-DatePicker-DateSegment {
	border: 1px solid transparent;
border-radius:.125rem;
	color: var(--cds-color-neutral-dark-default);
	display: inline;
	padding: 0
}
.mux-DatePicker-DateSegment[data-disabled=true] {
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-DatePicker-DateSegment[data-placeholder=true] {
	color: var(--cds-color-neutral-dark-light-3)
}
.mux-DatePicker-DateSegment[data-hovered=true] {
	background: var(--cds-color-neutral-light-light-2);
	border-color: var(--cds-color-neutral-dark-light-3)
}
.mux-DatePicker-DateSegment[data-focused=true] {
	background: var(--mux-DatePicker-DateSegment-background-focused);
	border-color: var(--mux-DatePicker-DateSegment-border-focused)
}
.mux-DatePicker-DateSegment[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
	box-shadow: var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
	outline: 2px solid transparent;
	outline-offset: 2px
}
.mux-DatePicker-DateSegment:focus-visible {
outline:none
}
.mux-DatePicker-DateSegmentContainer {
	display: inline-flex;
	align-items: center;
	justify-content: center
}
.mux-DatePicker-DateSegmentContainer:has(.mux-DatePicker-DateSegment[data-focused=true]) .mux-DatePicker-Cursor {
animation:blink 1s step-end infinite
}
.mux-DatePicker-Description {
	color: var(--cds-color-neutral-dark-light-3);
	font-weight: var(--cds-font-weight-light);
	margin-top: var(--cds-spacing-2)
}
.mux-DatePicker-Heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: var(--cds-font-size-lg);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Dropdown select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer
}
.mux-Dropdown select::-ms-expand {
display:none
}
.mux-Dropdown .mux-Input-Adornment {
	position: absolute;
	right: 0
}
.mux-Dropdown .mux-Input-Adornment svg {
	flex-shrink: 0;
	min-height: var(--cds-spacing-5);
	min-width: var(--cds-spacing-5);
	height: var(--cds-spacing-5);
	width: var(--cds-spacing-5)
}
.mux-Dropdown .mux-Input-Value:disabled .mux-Placeholder, .mux-Dropdown .mux-Input-Value[data-disabled=true] .mux-Placeholder {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-Errors.mux-Stack {
	color: var(--cds-color-red);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	line-height: var(--cds-line-height-xl);
	text-align: left;
	align-items: flex-start;
	gap: var(--cds-spacing-2)
}
.mux-Errors-Icon {
	display: inline;
	flex-shrink: 0;
	font-size: var(--cds-font-size-4xl)
}
.mux-Errors-Label.mux-Stack {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: var(--cds-spacing-2)
}
.mux-ExpandableParagraph {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-light);
	font-size: var(--cds-font-size-base)
}
.mux-ExpandableParagraph-ExpandedContent {
	display: block;
	margin: var(--cds-spacing-4) 0
}
.mux-ExpandableParagraph-Button {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	font-stretch: normal;
	font-style: normal;
	line-height: var(--cds-line-height-xl);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-light);
	color: var(--cds-color-primary-main-dark-2)
}
.mux-FileUpload {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl)
}
.mux-FileUpload .mux-FileUpload-Input {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	font-size: 0;
	cursor: pointer
}
.mux-FileUpload .mux-FileUpload-Input:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-FileUpload .mux-FileUpload-Input:disabled {
	cursor: not-allowed
}
.mux-FileUpload .mux-FileUpload-Input::file-selector-button {
display:none
}
.mux-FileUpload .mux-FileUpload-Dropzone {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	pointer-events: none
}
.mux-FileUpload[data-variant=large] {
	display: grid;
	height: 268px
}
.mux-FileUpload[data-variant=large] .mux-FileUpload-Dropzone {
	box-sizing: border-box;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	border: 2px dashed var(--cds-color-neutral-dark-light-4)
}
.mux-FileUpload[data-variant=large] .mux-FileUpload-LargeIcon {
	color: var(--cds-color-neutral-dark-light-4);
	font-size: 2.5rem;
margin-bottom:.4rem
}
.mux-FileUpload[data-variant=large] .mux-FileUpload-InstructionText {
	color: var(--mux-TextLink-color);
	text-decoration-color: var(--cds-color-primary-main-default);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-style: solid;
	text-underline-offset: var(--mux-TextLink-text-underline-offset)
}
.mux-FileUpload[data-variant=large] .mux-FileUpload-MaxFilesMessage {
	color: var(--cds-color-neutral-dark-light-1);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-FileUpload[data-variant=large] .mux-Errors {
	margin-top: var(--cds-spacing-2)
}
.mux-FileUpload[data-variant=large][data-disabled=true] .mux-FileUpload-Dropzone {
	color: var(--cds-color-neutral-dark-light-4);
	border: 2px solid var(--cds-color-neutral-light-dark-3);
	background-color: var(--cds-color-neutral-light-light-1)
}
.mux-FileUpload[data-variant=large][data-disabled=true] .mux-FileUpload-InstructionText {
	color: var(--cds-color-neutral-dark-light-4);
	text-decoration-color: var(--cds-color-neutral-dark-light-4)
}
.mux-FileUpload[data-variant=large][data-invalid=true] .mux-FileUpload-Dropzone {
	border: 3px dashed var(--cds-color-status-error)
}
.mux-FileUpload[data-variant=large]:not([data-disabled=true]):hover .mux-FileUpload-InstructionText, .mux-FileUpload[data-variant=large]:not([data-disabled=true]):focus .mux-FileUpload-InstructionText, .mux-FileUpload[data-variant=large]:not([data-disabled=true]):active .mux-FileUpload-InstructionText {
	color: var(--cds-color-primary-main-dark-2);
	text-decoration-color: var(--mux-TextLink-text-underline-color-hover);
	text-decoration-thickness: 2px;
	text-shadow: 0 .2px var(--mux-TextLink-text-shadow), 0 -.2px var(--mux-TextLink-text-shadow), .2px 0 var(--mux-TextLink-text-shadow), -.2px 0 var(--mux-TextLink-text-shadow)
}
.mux-FileUpload[data-variant=small] {
	display: inline-grid;
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-lg)
}
.mux-FileUpload[data-variant=small] .mux-FileUpload-Dropzone {
	display: flex;
	align-items: center;
gap:.375rem;
	color: var(--cds-color-neutral-dark-default)
}
.mux-FileUpload[data-variant=small] .mux-FileUpload-SmallIcon {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--cds-color-primary-main-default)
}
.mux-FileUpload[data-variant=small][data-disabled=true] .mux-FileUpload-Dropzone, .mux-FileUpload[data-variant=small][data-disabled=true] .mux-FileUpload-SmallIcon {
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-FileUpload[data-variant=small]:not([data-disabled=true]):hover .mux-FileUpload-Dropzone, .mux-FileUpload[data-variant=small]:not([data-disabled=true]):hover .mux-FileUpload-SmallIcon, .mux-FileUpload[data-variant=small]:not([data-disabled=true]):focus-within .mux-FileUpload-Dropzone, .mux-FileUpload[data-variant=small]:not([data-disabled=true]):focus-within .mux-FileUpload-SmallIcon {
color:var(--cds-color-primary-main-dark-2)
}
.mux-FileUpload-FileDetails {
	display: flex;
	flex-flow: column nowrap;
	gap: var(--cds-spacing-2);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	line-height: var(--cds-line-height-xl);
	font-size: var(--cds-font-size-base);
	margin: 0;
	padding: var(--cds-spacing-5) 0 0;
	color: var(--cds-color-neutral-dark-light-1)
}
.mux-FileUpload-FileDetails[data-disabled=true] {
	color: var(--cds-color-neutral-dark-light-4)
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-Header {
	font-weight: var(--cds-font-weight-demibold);
	text-align: left
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	grid-template-areas: "file-name view-button delete-button" "file-size . .";
	padding: var(--cds-spacing-4) var(--cds-spacing-3);
	grid-row-gap: var(--cds-spacing-2);
	row-gap: var(--cds-spacing-2);
	grid-column-gap: var(--cds-spacing-4);
	-moz-column-gap: var(--cds-spacing-4);
	column-gap: var(--cds-spacing-4);
	border-top: 1px solid var(--cds-color-neutral-light-dark-2)
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File:last-child {
	border-bottom: 1px solid var(--cds-color-neutral-light-dark-2)
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File .mux-FileUpload-FileDetails-FileName {
	grid-area: file-name;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File .mux-FileUpload-FileDetails-FileSize {
	grid-area: file-size;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File .mux-FileUpload-FileDetails-ViewButton {
	grid-area: view-button
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File .mux-FileUpload-FileDetails-DeleteButton {
	grid-area: delete-button
}
.mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File th, .mux-FileUpload-FileDetails .mux-FileUpload-FileDetails-File td {
	padding: 0;
	font-weight: inherit;
	text-align: inherit
}
.mux-FileUpload-FilePreview .mux-Modal-Content {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center
}
.mux-FileUpload-FilePreview .mux-Modal-Content img, .mux-FileUpload-FilePreview .mux-Modal-Content object {
	width: 100%;
	margin: var(--cds-spacing-4) 0
}
.mux-FileUpload-FilePreview .mux-FileUpload-FilePreviewTitle {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 90%
}
.mux-FloatingActionButton {
	color: var(--cds-color-neutral-light-light-3);
	background-color: var(--cds-color-neutral-dark-default);
	border-radius: var(--mux-FloatingActionButton-border-radius);
	height: var(--cds-layout-6);
	padding: var(--cds-spacing-3);
	display: flex;
	flex-flow: row nowrap;
	gap: var(--cds-spacing-3);
	line-height: var(--cds-line-height-xl);
	position: fixed;
	bottom: var(--cds-spacing-4);
	right: var(--cds-spacing-4);
	z-index: 10000;
	box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
}
@media (min-width: 768px) {
.mux-FloatingActionButton {
	right: var(--cds-spacing-7);
	bottom: var(--cds-spacing-7)
}
}
@media (min-width: 1920px) {
.mux-FloatingActionButton {
	right: var(--cds-spacing-9);
	bottom: var(--cds-spacing-9)
}
}
.mux-FloatingActionButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-FloatingActionButton:not(:disabled):hover, .mux-FloatingActionButton:not(:disabled):focus, .mux-FloatingActionButton:not(:disabled):active {
	background-color: var(--cds-color-neutral-dark-dark-1);
	-webkit-text-stroke-width: .4px
}
.mux-FloatingActionButton[data-has-text=true] {
	padding: var(--cds-spacing-3) var(--cds-spacing-5)
}
.mux-FloatingActionButton[data-variant=brand] {
	background-color: var(--cds-color-primary-main-dark-1)
}
.mux-FloatingActionButton[data-variant=brand]:not(:disabled):hover, .mux-FloatingActionButton[data-variant=brand]:not(:disabled):focus, .mux-FloatingActionButton[data-variant=brand]:not(:disabled):active {
	background-color: var(--cds-color-primary-main-dark-2)
}
.mux-FloatingActionButton .mux-FloatingActionButton-IconWrapper {
	font-size: var(--cds-font-size-4xl)
}
.mux-FloatingActionButton .mux-FloatingActionButton-TextWrapper {
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular)
}
.mux-Footer {
	z-index: 3;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: var(--cds-color-neutral-dark-default);
	color: var(--cds-color-neutral-light-dark-3);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-regular);
	padding: 0 var(--cds-spacing-4)
}
@media (min-width: 768px) {
.mux-Footer {
	padding: 0 var(--cds-spacing-7)
}
}
.mux-Footer .mux-TextLink[data-variant=inverse] {
	-webkit-text-decoration: none;
	text-decoration: none
}
.mux-Footer .mux-Footer-Icon {
margin-left:.3125rem;
	display: inline-flex
}
.mux-Footer .mux-Footer-LinkDropdown {
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-1)
}
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-Toggle {
	display: flex;
	align-items: center;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-bold);
	color: var(--cds-color-neutral-light-dark-3);
	text-transform: uppercase;
	background: transparent;
	border: none;
	padding: 0
}
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-Toggle .mux-Footer-LinkDropdown-Icon {
	font-size: 1.25rem;
	margin-right: var(--cds-spacing-3)
}
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-Header {
	font-weight: var(--cds-font-weight-bold);
	color: var(--cds-color-neutral-light-dark-3);
	text-transform: uppercase
}
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-List {
	display: flex;
	flex-direction: column;
padding:.875rem 0 0 var(--cds-spacing-6);
gap:.875rem;
	margin: 0;
	list-style: none
}
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-List[data-visible=false] {
	display: none
}
@media (min-width: 768px) {
.mux-Footer .mux-Footer-LinkDropdown .mux-Footer-LinkDropdown-List {
	flex-direction: row;
	gap: var(--cds-spacing-7);
padding:.875rem 0 0
}
}
.mux-Footer .mux-Footer-SiteLinks {
	display: flex;
	flex-direction: column;
	-moz-column-gap: var(--cds-spacing-7);
	column-gap: var(--cds-spacing-7);
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-1)
}
@media (min-width: 1280px) {
.mux-Footer .mux-Footer-SiteLinks {
	flex-direction: row
}
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SiteLinks-List {
	display: grid;
	grid-template-columns: auto auto;
grid-gap:.875rem 0;
gap:.875rem 0;
	margin: 0;
	padding: 0;
	list-style: none
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SiteLinks-List[data-lang=fr-CA] {
	grid-template-columns: auto
}
@media (min-width: 768px) {
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SiteLinks-List {
	grid-template-columns: auto;
	grid-auto-flow: column;
	justify-content: start;
	gap: var(--cds-spacing-7)
}
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List {
	display: flex;
	margin-top: var(--cds-spacing-7);
	padding: 0;
	list-style: none
}
@media (min-width: 1280px) {
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List {
	margin-top: 0
}
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List .mux-Footer-SocialMediaLinks-Link {
	display: flex;
	color: var(--cds-color-neutral-light-dark-3);
	background: transparent;
	border: none;
	padding: 0;
	margin-right: var(--cds-spacing-5)
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List .mux-Footer-SocialMediaLinks-Link:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List .mux-Footer-SocialMediaLinks-Link :hover, .mux-Footer .mux-Footer-SiteLinks .mux-Footer-SocialMediaLinks-List .mux-Footer-SocialMediaLinks-Link :focus {
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Footer .mux-Footer-Legal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.25rem 0 var(--cds-spacing-7);
	font-weight: var(--cds-font-weight-light);
	color: var(--cds-color-neutral-light-light-3)
}
.mux-Footer .mux-Footer-Legal .mux-Footer-Legal-Copyright {
margin:.875rem 0 0
}
.mux-Footer .mux-Footer-Legal .mux-Footer-Legal-Text {
	font-size: var(--cds-font-size-3xs);
	line-height: 1.125rem
}
.mux-Footer .mux-Footer-Legal[data-has-legal-text=true] {
	flex-direction: column
}
.mux-Footer .mux-Footer-Legal[data-has-legal-text=true] .mux-Footer-Legal-Copyright {
margin:.875rem 0 1.25rem
}
@media (min-width: 768px) {
.mux-Footer .mux-Footer-Legal {
	flex-direction: row
}
.mux-Footer .mux-Footer-Legal .mux-Footer-Legal-Copyright {
margin:0 0 0 .875rem
}
}
.mux-Input {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: column;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	min-width: 0;
	min-width: var(--mux-Input-min-width, 0);
	max-width: 100%;
	max-width: var(--mux-Input-max-width, 100%);
	width: 18.4375rem;
	width: var(--mux-Input-width, 18.4375rem)
}
.mux-Input .mux-Label {
	margin-bottom: var(--cds-spacing-2)
}
.mux-Input .mux-Label .mux-Label-Element {
	line-height: var(--cds-line-height-xl)
}
.mux-Input .mux-Label .mux-Label-Light {
	margin-left: var(--cds-spacing-1)
}
.mux-Input .mux-Errors {
	margin-top: var(--cds-spacing-2)
}
.mux-Input-Wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--cds-color-neutral-light-light-3);
	border-radius: 0;
	border: 1px solid var(--cds-color-neutral-dark-light-4);
	box-sizing: border-box;
	color: var(--cds-color-neutral-dark-default);
	outline: 2px solid transparent;
	outline-offset: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%
}
.mux-Input-Wrapper:disabled, .mux-Input-Wrapper[data-disabled=true] {
	background-color: var(--cds-color-neutral-light-light-2);
	border-color: var(--cds-color-neutral-light-dark-3);
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-Input-Wrapper:disabled .mux-Input-Adornment, .mux-Input-Wrapper[data-disabled=true] .mux-Input-Adornment {
	cursor: not-allowed
}
.mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[aria-invalid=true], .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-invalid=true] {
	background-color: var(--mux-Input-error-background-color);
	border: 2px solid var(--cds-color-status-error)
}
.mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-visible:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-within:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):has(:focus-visible):not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focused=true]:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focus-visible=true]:not([aria-invalid=true]):not([data-invalid=true]) {
border-color:var(--cds-color-primary-main-default)
}
.mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus, .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-visible, .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-within, .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):has(:focus-visible), .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focused=true], .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):hover:not(:focus-within):not([data-focused=true]):not([aria-invalid=true]):not([data-invalid=true]) {
	border-color: var(--cds-color-neutral-dark-light-3)
}
.mux-Input-Wrapper[data-variant=basic-line] {
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-4)
}
.mux-Input-Wrapper[data-variant=basic-line]:disabled, .mux-Input-Wrapper[data-variant=basic-line][data-disabled=true] {
	background: transparent;
	border-bottom: 1px solid var(--cds-color-neutral-light-dark-3)
}
.mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[aria-invalid=true], .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[data-invalid=true] {
	background-color: var(--mux-Input-error-background-color);
	border-color: transparent;
	border-bottom: 2px solid var(--cds-color-status-error)
}
.mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus-visible:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus-within:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[data-focused=true]:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[data-focus-visible=true]:not([aria-invalid=true]):not([data-invalid=true]) {
border-color:transparent;
border-bottom:1px solid var(--cds-color-primary-main-default)
}
.mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus, .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus-visible, .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):focus-within, .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[data-focused=true], .mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true])[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Input-Wrapper[data-variant=basic-line]:not(:disabled):not([data-disabled=true]):hover:not(:focus-within):not([data-focused=true]):not([aria-invalid=true]):not([data-invalid=true]) {
	border-color: transparent;
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-3)
}
.mux-Input-Wrapper[data-variant=basic-line-dashed] {
--mux-Input-underline-color: var(--cds-color-neutral-dark-light-4);
	background-color: transparent;
	border: none
}
.mux-Input-Wrapper[data-variant=basic-line-dashed]:disabled, .mux-Input-Wrapper[data-variant=basic-line-dashed][data-disabled=true] {
	background-color: transparent
}
.mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[aria-invalid=true], .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[data-invalid=true] {
--mux-Input-underline-color: var(--cds-color-status-error);
--mux-Input-underline-height: 2px;
	background-color: var(--mux-Input-error-background-color);
	border-color: transparent
}
.mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus-visible:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus-within:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[data-focused=true]:not([aria-invalid=true]):not([data-invalid=true]), .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[data-focus-visible=true]:not([aria-invalid=true]):not([data-invalid=true]) {
--mux-Input-underline-color: var(--cds-color-primary-main-default);
--mux-Input-underline-height: 2px;
border-color:transparent
}
.mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus, .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus-visible, .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):focus-within, .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[data-focused=true], .mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true])[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Input-Wrapper[data-variant=basic-line-dashed]:not(:disabled):not([data-disabled=true]):hover:not(:focus-within):not([data-focused=true]):not([aria-invalid=true]):not([data-invalid=true]) {
--mux-Input-underline-color: var(--cds-color-neutral-dark-default);
	border-color: transparent
}
.mux-Input-Value {
	background-color: transparent;
	border: none;
	box-sizing: border-box;
	color: var(--cds-color-neutral-dark-default);
	display: inline-block;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	line-height: var(--cds-line-height-xl);
	outline: none;
	overflow: hidden;
	padding: var(--cds-spacing-3);
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.mux-Input-Value[data-text-align=center] {
	text-align: center
}
.mux-Input-Value[data-text-align=right] {
	text-align: right
}
.mux-Input-Value[data-has-icon=true] {
	padding-right: 0
}
.mux-Input-Value:disabled, .mux-Input-Value[data-disabled=true] {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-Input-Value[data-variant=basic-line], .mux-Input-Value[data-variant=basic-line-dashed] {
	padding-left: 0;
	padding-right: 0
}
.mux-Input-Underline {
	background: linear-gradient(to right, var(--mux-Input-underline-color, var(--cds-color-neutral-dark-light-3)) 50%, transparent 50%);
	background-size: 10px 100%;
	bottom: 0;
	height: 1px;
	height: var(--mux-Input-underline-height, 1px);
	position: absolute;
	width: 100%
}
.mux-Input-Adornment {
	cursor: auto;
	pointer-events: none;
	display: flex;
	align-items: center;
	padding: var(--cds-spacing-3);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.mux-Input-Adornment[data-variant=basic-line][data-adornment-position=left], .mux-Input-Adornment[data-variant=basic-line-dashed][data-adornment-position=left] {
	padding-left: 0
}
.mux-Input-Adornment[data-variant=basic-line][data-adornment-position=right], .mux-Input-Adornment[data-variant=basic-line-dashed][data-adornment-position=right] {
	padding-right: 0
}
.mux-Input-Adornment[data-show-pointer=true] {
	cursor: pointer;
	pointer-events: auto
}
.mux-Label .mux-Label-Element {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	font-weight: var(--cds-font-weight-demibold);
	color: var(--cds-color-neutral-dark-light-1);
	vertical-align: middle
}
.mux-Label .mux-Label-Element[data-show-pointer=true] {
	cursor: pointer
}
.mux-Label .mux-Label-Element[data-disabled=true] {
	cursor: not-allowed;
	color: var(--cds-color-neutral-dark-light-4)
}
.mux-Label .mux-Label-Element:has([type=checkbox], [type=radio]) {
display:flex;
align-items:center;
font-weight:var(--cds-font-weight-regular);
cursor:pointer
}
.mux-Label .mux-Label-Element:has([type=checkbox], [type=radio]):not(:has([type=checkbox]:disabled, [type=checkbox]:checked, [type=radio]:disabled, [type=radio]:checked)):hover, .mux-Label .mux-Label-Element:has([type=checkbox], [type=radio]):not(:has([type=checkbox]:disabled, [type=checkbox]:checked, [type=radio]:disabled, [type=radio]:checked)):focus {
-webkit-text-stroke-width:.4px
}
.mux-Label .mux-Label-Element .mux-Checkbox, .mux-Label .mux-Label-Element .mux-RadioButton {
	margin-right: var(--cds-spacing-3)
}
.mux-Label .mux-Label-Element:has(input[type=checkbox]:checked, input[type=radio]:checked), .mux-Label .mux-Label-Element:has(input[type=checkbox][data-indeterminate=true]) {
-webkit-text-stroke-width:.4px
}
.mux-Label .mux-Label-Element:has(input[type=checkbox]:disabled, input[type=radio]:disabled) {
cursor:not-allowed;
color:var(--cds-color-neutral-dark-light-4)
}
.mux-Label .mux-Label-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Label .mux-Tooltip {
	margin-left: var(--cds-spacing-1);
	vertical-align: middle
}
.mux-Label+.mux-PillBox {
	margin-top: var(--cds-spacing-2)
}
.mux-Layout {
--mux-Layout-header-height: 40px;
--mux-Layout-MainNav-width: 80px
}
.mux-Layout[data-is-global=true] {
--mux-Layout-header-height: 0
}
.mux-Layout {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	min-height: 100vh;
	position: relative;
	overflow-x: clip
}
@media (min-width: 768px) {
.mux-Layout {
	min-height: calc(100vh - var(--mux-Layout-header-height))
}
}
.mux-Layout .mux-Layout-Container {
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	margin-top: 60px;
	width: 100%;
	transform: translate(0);
	transition: all .1s ease-in-out
}
.mux-Layout .mux-Layout-Container[data-is-expanded=true] {
	transform: translate(310px);
	transform: translate(var(--mux-SideNav-SubItem-width, 310px))
}
@media (min-width: 768px) {
.mux-Layout .mux-Layout-Container {
	margin-top: 0;
	min-height: calc(100vh - var(--mux-Layout-header-height));
	width: 100%
}
.mux-Layout .mux-Layout-Container[data-is-expanded=true][data-is-static=true] {
	width: calc(100% - var(--mux-SideNav-SubItem-width) - var(--mux-Layout-MainNav-width))
}
.mux-Layout .mux-Layout-Container .mux-SideNav {
	height: 100%;
	min-height: calc(100vh - var(--mux-Layout-header-height));
	max-height: 100vh
}
}
@media (min-width: 1920px) {
.mux-Layout .mux-Layout-Container {
--mux-SideNav-SubItem-width: var(--mux-SideNav-SubItem-width-xl, 350px)
}
}
.mux-Layout .mux-Layout-Content {
	background-color: var(--cds-color-neutral-light-light-2);
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0
}
.mux-Legend {
	display: inline-flex;
	align-items: center
}
.mux-ListBox {
	background: var(--cds-color-neutral-dark-light-4);
	display: flex;
	flex-direction: column;
	height: 100%;
	height: var(--mux-ListBox-height, 100%);
	margin: 0;
	min-height: 0;
	min-height: var(--mux-ListBox-min-height, 0);
	max-height: inherit;
	max-height: var(--mux-ListBox-max-height, inherit);
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
	text-overflow: ellipsis;
	width: var(--trigger-width)
}
.mux-ListBox[data-placement=bottom] {
	padding-top: 0
}
.mux-ListBox[data-placement=top] {
	padding-bottom: 0
}
.mux-ListBoxItem {
	background: var(--cds-color-neutral-light-light-3);
	border: solid 1px var(--cds-color-neutral-dark-light-4);
	border-top-color: transparent;
	box-sizing: border-box;
	color: var(--cds-color-neutral-dark-light-1);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--mux-ListBoxItem-font-weight, var(--cds-font-weight-light));
	line-height: var(--cds-line-height-lg);
	outline: none;
	overflow: hidden;
	padding: var(--cds-spacing-3);
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mux-ListBoxItem[aria-disabled=true] {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-ListBoxItem[aria-selected=true]:not([aria-disabled=true]) {
	background: var(--mux-ListBoxItem-selected-background);
	box-shadow: inset 4px 0 0 0 var(--cds-color-primary-main-default);
box-shadow:inset calc(var(--mux-ListBoxItem-selected-show-indicator, 1) * 4px) 0 0 0 var(--cds-color-primary-main-default);
	font-weight: var(--mux-ListBoxItem-selected-font-weight);
	-webkit-text-stroke-width: .4px
}
.mux-ListBoxItem[aria-selected=true]:not([aria-disabled=true]) .mux-ListBoxLabel, .mux-ListBoxItem[aria-selected=true]:not([aria-disabled=true]) .mux-ListBoxDescription {
	-webkit-text-stroke-width: .4px
}
.mux-ListBoxItem[data-focused=true] {
	box-shadow: inset 0 0 0 2px var(--cds-color-neutral-dark-light-3)
}
.mux-ListBoxItem[data-focused=true][aria-selected=true]:not([aria-disabled=true]) {
	box-shadow: inset 0 0 0 2px var(--cds-color-neutral-dark-light-3), inset 4px 0 0 0 var(--cds-color-primary-main-default);
box-shadow:inset 0 0 0 2px var(--cds-color-neutral-dark-light-3), inset calc(var(--mux-ListBoxItem-selected-show-indicator, 1) * 4px) 0 0 0 var(--cds-color-primary-main-default)
}
.mux-ListBoxItem:hover:not([aria-disabled=true]) {
	background-color: var(--cds-color-neutral-light-light-1)
}
.mux-ListBoxItem[data-focused=true]:not([aria-disabled=true]), .mux-ListBoxItem:hover:not([aria-disabled=true]) {
	cursor: pointer
}
.mux-ListBoxItem[data-focused=true]:not([aria-disabled=true])[aria-selected=true], .mux-ListBoxItem:hover:not([aria-disabled=true])[aria-selected=true] {
	background: var( --mux-ListBoxItem-selected-hover, var(--cds-color-neutral-light-light-1) );
	box-shadow: inset 0 0 0 2px var(--cds-color-primary-main-default), inset 4px 0 0 0 var(--cds-color-primary-main-default);
box-shadow:inset 0 0 0 2px var(--cds-color-primary-main-default), inset calc(var(--mux-ListBoxItem-selected-show-indicator, 1) * 4px) 0 0 0 var(--cds-color-primary-main-default)
}
.mux-ListBoxItem[data-focused=true]:not([aria-disabled=true]):not([aria-selected=true]), .mux-ListBoxItem:hover:not([aria-disabled=true]):not([aria-selected=true]) {
	background: var( --mux-ListBoxItem-hover-background, var(--cds-color-neutral-light-default) )
}
.mux-ListBoxLabel {
	overflow: hidden;
	text-overflow: ellipsis
}
.mux-ListBoxDescription {
	color: var(--cds-color-neutral-dark-light-3);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-light);
	font-size: var(--cds-font-size-sm);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mux-ListBox-NotFound {
	background: var(--cds-color-neutral-light-light-3);
	border-color: transparent;
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-lg);
	padding: var(--cds-spacing-3)
}
.mux-MobileInput {
--mux-Input-width: auto;
	display: grid;
	grid-column-gap: var(--cds-spacing-2);
	-moz-column-gap: var(--cds-spacing-2);
	column-gap: var(--cds-spacing-2);
	grid-template-columns: 8rem minmax(min-content, 18.4375rem);
	grid-template-rows: auto var(--cds-spacing-3) auto;
	grid-template-areas: "legend legend" ". ." "countryCode phoneNumber"
}
.mux-MobileInput[data-invalid=true] {
	grid-template-rows: auto var(--cds-spacing-3) auto var(--cds-spacing-2) auto;
	grid-template-areas: "legend legend" ". ." "countryCode phoneNumber" ". ." "errors errors"
}
.mux-MobileInput .mux-MobileInput-Legend {
	grid-area: legend
}
.mux-MobileInput .mux-MobileInput-CountryCodeInput {
	grid-area: countryCode
}
.mux-MobileInput .mux-MobileInput-PhoneNumberInput {
	grid-area: phoneNumber
}
.mux-MobileInput .mux-MobileInput-Errors {
	grid-area: errors
}
.mux-Modal-Backdrop {
	position: fixed;
	inset: 0;
	background: var(--cds-color-neutral-dark-default);
	opacity: .5;
	z-index: 99999
}
.mux-Modal .mux-Modal-CloseButton {
	cursor: pointer;
	background: none;
	border-style: none;
	padding: 1rem;
	position: absolute;
top:.5rem;
right:.5rem
}
.mux-Modal .mux-Modal-CloseButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Modal .mux-Modal-Content {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	line-height: var(--cds-line-height-base);
	max-height: 100%;
	width: 95%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	background: var(--cds-color-neutral-light-light-3);
	border: solid 1px var(--cds-color-neutral-dark-default);
	color: var(--cds-color-neutral-dark-light-1);
	overflow: auto;
	padding: 1.5rem;
	z-index: 100000
}
.mux-Modal .mux-Modal-Content:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
@media (min-width: 768px) {
.mux-Modal .mux-Modal-Content {
	width: 556px
}
}
.mux-Pagination {
	display: flex;
	flex-grow: 0;
	flex-wrap: nowrap
}
.mux-Pagination>.mux-Pagination-Previous, .mux-Pagination>.mux-Pagination-Next {
	border-color: transparent
}
.mux-Pagination>.mux-Pagination-Previous:focus-visible, .mux-Pagination>.mux-Pagination-Next:focus-visible {
border-color:var(--cds-color-primary-main-default)
}
.mux-Pagination svg {
	height: var(--cds-spacing-5);
	width: var(--cds-spacing-5)
}
.mux-Pagination .mux-Pagination-CurrentIndicator {
	background-color: var(--cds-color-primary-main-default);
	bottom: 0;
	height: var(--cds-spacing-1);
	width: 100%;
	position: absolute
}
.mux-Pagination .mux-Pagination-Overflow {
	border-right: 1px solid var(--cds-color-neutral-dark-light-4);
	cursor: default
}
.mux-Pagination .mux-Pagination-Overflow>svg {
	height: var(--cds-spacing-3);
	width: var(--cds-spacing-3)
}
.mux-Pagination-Item {
	background-color: var(--cds-color-neutral-light-light-3);
	border-top: 1px solid var(--cds-color-neutral-dark-light-4);
	border-bottom: 1px solid var(--cds-color-neutral-dark-light-4);
	border-right: 1px solid var(--cds-color-neutral-dark-light-4);
	color: var(--cds-color-neutral-dark-default);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-sm);
	height: var(--cds-spacing-7);
	width: var(--cds-spacing-7)
}
.mux-Pagination-Item:nth-child(2) {
	border-left: 1px solid var(--cds-color-neutral-dark-light-4)
}
.mux-Pagination-Item:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-Pagination-Item:disabled {
	cursor: default;
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-Pagination-Item:hover:not(:disabled):not(.mux-Pagination-Overflow):not(.mux-Pagination-Next):not(.mux-Pagination-Previous) {
	background-color: var(--cds-color-neutral-light-light-2);
	-webkit-text-stroke-width: .4px
}
.mux-Pagination-Item[aria-current] {
	position: relative;
	background-color: var(--cds-color-neutral-light-light-2);
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Pill {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	gap: var(--cds-spacing-2);
	align-items: center;
	padding: var(--cds-spacing-2) var(--cds-spacing-4);
	cursor: pointer;
	border-radius: 1.5rem;
border:.125rem solid;
	color: var(--cds-color-neutral-dark-default);
	border-color: var(--cds-color-neutral-dark-light-4);
	background-color: var(--cds-color-neutral-light-light-3)
}
.mux-Pill:hover {
	text-shadow: 0 .2px currentcolor, 0 -.2px currentcolor, .2px 0 currentcolor, -.2px 0 currentcolor;
	border-color: var(--cds-color-primary-main-dark-1)
}
.mux-Pill:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px;
border-radius:1.5rem
}
.mux-Pill[data-selected=true] {
	color: var(--cds-color-neutral-light-light-3);
	border-color: var(--cds-color-primary-main-dark-1);
	background-color: var(--cds-color-primary-main-dark-1)
}
.mux-Pill[data-selected=true]:hover {
	border-color: var(--cds-color-primary-main-dark-2);
	background-color: var(--cds-color-primary-main-dark-2)
}
.mux-Pill .mux-Pill-Cross {
	font-size: 1.25rem
}
.mux-Pill[data-small=true] {
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-lg);
	padding: var(--cds-spacing-1) var(--cds-spacing-3)
}
.mux-Pill[data-variant=inverse]:hover {
	border-color: var(--cds-color-neutral-dark-light-3)
}
.mux-Pill[data-variant=inverse][data-selected=true] {
	color: var(--cds-color-neutral-light-light-3);
	border-color: var(--cds-color-neutral-dark-default);
	background-color: var(--cds-color-neutral-dark-default)
}
.mux-Pill[data-variant=inverse][data-selected=true]:hover {
	border-color: var(--cds-color-super-dark-navy);
	background-color: var(--cds-color-super-dark-navy)
}
.mux-PillBox.mux-Stack {
	gap: var(--cds-spacing-2);
	flex-direction: row
}
.mux-PlusMinus {
	width: 174px
}
.mux-PlusMinus .react-aria-Group {
	display: flex
}
.mux-PlusMinus .react-aria-Group[data-focus-visible] {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
	box-shadow: var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
	outline: 2px solid transparent;
	outline-offset: 2px
}
.mux-PlusMinus-Button {
	border-width: 2px;
	border-style: solid;
	border-color: var(--cds-color-neutral-dark-default);
	color: var(--cds-color-neutral-dark-default);
	background-color: var(--cds-color-neutral-light-light-3);
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--cds-spacing-7);
	height: var(--cds-spacing-7);
	padding: 0;
	box-sizing: border-box;
	cursor: pointer;
	outline: none
}
.mux-PlusMinus-Button:hover, .mux-PlusMinus-Button:focus {
	background-color: var(--cds-color-neutral-light-default)
}
.mux-PlusMinus-Button:active, .mux-PlusMinus-Button[data-pressed=true] {
	background-color: var(--cds-color-neutral-dark-default);
	color: var(--cds-color-neutral-light-light-3)
}
.mux-PlusMinus-Button:disabled {
	cursor: not-allowed;
	border-color: var(--cds-color-neutral-light-dark-3);
	background-color: var(--cds-color-neutral-light-dark-3);
	color: var(--cds-color-neutral-light-light-3)
}
.mux-PlusMinus-Button[data-invalid=true] {
	border-color: var(--cds-color-status-error)
}
.mux-PlusMinus-Value {
	background: var(--cds-color-neutral-light-light-3);
	border-color: var(--cds-color-neutral-dark-light-4);
	border-style: solid;
	border-width: 1px 0;
	box-sizing: border-box;
	color: var(--cds-color-neutral-dark-default);
	justify-content: center;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-regular);
	height: var(--cds-spacing-7);
	width: 94px;
	outline: none;
	padding: 0 var(--cds-spacing-2);
	text-align: center
}
.mux-PlusMinus-Value:disabled {
	border-color: var(--cds-color-neutral-light-dark-3)
}
.mux-PlusMinus-Value[data-invalid=true] {
	border-color: var(--cds-color-status-error);
	border-width: 2px 0
}
.mux-Progress {
	display: flex;
	pointer-events: none
}
.mux-Progress[data-floating=true] {
	position: absolute;
	z-index: 999;
	margin: auto;
	inset: 0;
	align-items: center;
	justify-content: center
}
@keyframes mux-progress-rotate {
to {
transform:rotate(360deg)
}
}
@keyframes mux-progress-dash {
0% {
stroke-dasharray:1, 200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:100, 200;
stroke-dashoffset:-20
}
to {
	stroke-dasharray: 100, 200;
	stroke-dashoffset: -165
}
}
@keyframes mux-progress-preloader {
to {
transform:scale(1.2)
}
}
.mux-Progress-Indicator {
	display: flex;
	justify-content: center
}
.mux-Progress-Ring {
	height: 60px;
	height: var(--mux-Progress-Ring-size, 60px)
}
.mux-Progress-Ring[data-determinate=true] {
	transform: rotate(-90deg)
}
.mux-Progress-Ring:not([data-determinate=true]) {
	animation: mux-progress-rotate 2s linear infinite
}
.mux-Progress-BackgroundRing {
	stroke: var(--cds-color-neutral-light-default);
	fill: none
}
.mux-Progress-FillRing {
	fill: none;
	stroke: var(--mux-Progress-Ring-color, var(--cds-color-primary-main-default));
	transform-origin: 50% 50%
}
.mux-Progress-FillRing[data-determinate=true] {
--mux-Progress-Ring-radius: calc( 30 - (var(--mux-Progress-Ring-strokeWidth) / 2) );
stroke-dasharray:calc(2 * 3.1416 * var(--mux-Progress-Ring-radius) * (var(--mux-Progress-Ring-value) / 100)), calc(2 * 3.1416 * var(--mux-Progress-Ring-radius));
	transition: stroke-dasharray .25s ease-in-out
}
.mux-Progress-FillRing:not([data-determinate=true]) {
	animation: mux-progress-dash 1.5s ease-in-out infinite
}
.mux-Progress-Pillar {
	background-repeat: no-repeat;
	background-size: contain;
	height: 43px;
	width: 8px;
	margin: 3px
}
.mux-Progress-Pillar:nth-child(1) {
	animation: mux-progress-preloader .9s ease-in-out alternate .2s infinite
}
.mux-Progress-Pillar:nth-child(2) {
	animation: mux-progress-preloader .9s ease-in-out alternate .4s infinite
}
.mux-Progress-Pillar:nth-child(3) {
	animation: mux-progress-preloader .9s ease-in-out alternate .6s infinite
}
@media (min-width: 1280px) {
.mux-Progress-Pillar {
	height: 65px;
	width: 12px;
	margin: 4.8px
}
}
.mux-Progress-Message {
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	text-align: center
}
.mux-Progress-Message[data-variant=stylized-m] {
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-base);
	margin-top: var(--cds-spacing-2)
}
@media (min-width: 768px) {
.mux-Progress-Message[data-variant=stylized-m] {
	font-size: var(--cds-font-size-lg);
	line-height: var(--cds-line-height-lg);
	margin-top: var(--cds-spacing-4)
}
}
.mux-Progress-Message:not([data-variant=stylized-m]) {
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-base);
	margin-top: var(--cds-spacing-2)
}
.mux-ProgressBar[data-variant=steps] .mux-ProgressBar-Label {
width:calc(var(--mux-ProgressBar-step-width) * var(--mux-ProgressBar-step-count));
	margin-bottom: var(--cds-spacing-2)
}
.mux-ProgressBar[data-variant=steps] .mux-ProgressBar-StepBar {
width:calc(var(--mux-ProgressBar-step-width) * var(--mux-ProgressBar-step-count))
}
.mux-ProgressBar .mux-ProgressBar-Label {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	margin-bottom: var(--cds-spacing-4);
	text-align: center;
	color: var(--cds-color-neutral-dark-light-1);
	width: 100%
}
.mux-ProgressBar .mux-ProgressBar-SolidBar {
	position: relative;
	width: 100%;
height:.625rem;
	background-color: var(--cds-color-neutral-light-default)
}
.mux-ProgressBar .mux-ProgressBar-SolidBar:after {
	content: "";
	z-index: 1;
	background-color: var(--cds-color-primary-main-default);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: var(--mux-ProgressBar-progress-percent)
}
.mux-ProgressBar .mux-ProgressBar-StepBar {
	display: grid;
	grid-template-columns: repeat(var(--mux-ProgressBar-step-count), auto);
	grid-gap: var(--cds-spacing-1);
	gap: var(--cds-spacing-1);
	height: 1.5rem;
background:linear-gradient(transparent .375rem, var(--cds-color-neutral-light-default) .375rem, var(--cds-color-neutral-light-default) 1rem, transparent 1rem)
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
.mux-ProgressBar .mux-ProgressBar-StepBar {
background:linear-gradient(transparent .375rem, var(--cds-color-neutral-light-default) .375rem 1rem, transparent 1rem)
}
}
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-StepTooltip {
	padding: 0;
	height: 100%;
	width: 100%
}
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-StepTooltip:hover {
	background: transparent
}
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-StepTooltip:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px;
border-radius:0
}
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-Step {
	height: 100%;
	width: 100%
}
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-Step[data-complete=true] {
background:linear-gradient(transparent .375rem, var(--mux-ProgressBar-step-color, var(--cds-color-primary-main-default)) .375rem, var(--mux-ProgressBar-step-color, var(--cds-color-primary-main-default)) 1rem, transparent 1rem)
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
.mux-ProgressBar .mux-ProgressBar-StepBar .mux-ProgressBar-Step[data-complete=true] {
background:linear-gradient(transparent .375rem, var(--mux-ProgressBar-step-color, var(--cds-color-primary-main-default)) .375rem 1rem, transparent 1rem)
}
}
.mux-RadioButton {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--cds-color-neutral-light-light-3);
	border-color: var(--cds-color-neutral-dark-light-4);
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	cursor: pointer;
	height: 1.75rem;
	width: 1.75rem;
margin-right:.75rem;
	min-height: 1.75rem;
	min-width: 1.75rem;
	position: relative;
	vertical-align: bottom
}
.mux-RadioButton:hover, .mux-RadioButton:focus {
	border-color: var(--cds-color-neutral-dark-light-3);
	border-width: 2px
}
.mux-RadioButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px;
border-radius:50%
}
.mux-RadioButton[data-invalid=true] {
	background-color: var(--mux-Input-error-background-color);
	border-color: var(--cds-color-status-error)
}
.mux-RadioButton[data-invalid=true]:checked {
	border-color: var(--cds-color-status-error)
}
.mux-RadioButton[data-invalid=true]:checked:after {
	background-color: var(--cds-color-status-error)
}
.mux-RadioButton:checked {
	border-color: var(--cds-color-primary-main-default);
	border-width: 3px
}
.mux-RadioButton:checked:after {
	background-color: var(--cds-color-primary-main-default);
	border-radius: 50%;
	content: "";
height:.625rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
width:.625rem
}
.mux-RadioButton:disabled {
	background-color: var(--cds-color-neutral-light-default);
	border-color: var(--cds-color-neutral-dark-light-4);
	border-width: 2px;
	cursor: not-allowed
}
.mux-RadioButton:disabled:checked {
	border-width: 3px
}
.mux-RadioButton:disabled:after {
	background-color: var(--cds-color-neutral-dark-light-4)
}
.mux-RadioGroup .mux-Legend {
	margin-bottom: var(--cds-spacing-3)
}
.mux-RadioGroup .mux-Errors {
	margin-top: var(--cds-spacing-2)
}
.mux-Select .mux-Input-Adornment[data-is-open=true] svg {
	transform: rotate(-180deg);
	transition: transform .15s ease-in-out
}
.mux-Select .mux-Input-Adornment svg {
	flex-shrink: 0;
	min-height: var(--cds-spacing-5);
	min-width: var(--cds-spacing-5);
	height: var(--cds-spacing-5);
	width: var(--cds-spacing-5);
	transform: rotate(0);
	transition: transform .15s ease-in-out
}
.mux-Select .mux-Input-Value {
	display: inline-flex;
padding:.625rem var(--cds-spacing-3)
}
.mux-Select .mux-Input-Value:disabled .mux-Placeholder, .mux-Select .mux-Input-Value[data-disabled=true] .mux-Placeholder {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-Select .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):hover:not([aria-disabled=true]) {
	-webkit-text-stroke-width: .4px
}
.mux-Select .mux-Placeholder {
	color: var(--cds-color-neutral-dark-light-1);
	display: inline-block
}
.mux-Select-Popover>div {
	background: var(--cds-color-neutral-light-light-3)
}
.mux-Select-Popover[data-placement=top] {
	box-shadow: 0 -2px 4px #0000001a, 0 -4px 6px #0000001a
}
.mux-Select-Popover[data-placement=bottom] {
	box-shadow: 0 2px 4px #0000001a, 0 4px 6px #0000001a
}
.mux-Select-Popover .mux-ListBox {
	border-top: solid 1px var(--cds-color-neutral-dark-light-4)
}
.mux-Select-ActionsContainer {
	background: var(--cds-color-neutral-light-light-1);
	border: solid 1px var(--cds-color-neutral-dark-light-4);
	padding: var(--cds-spacing-2)
}
.mux-Select-ActionsContainer .mux-ActionButton {
	padding: var(--cds-spacing-1)
}
.mux-SearchField-Container {
	background-color: var(--cds-color-neutral-light-light-1)
}
.mux-SearchField-Container .mux-Input {
	width: 100%
}
.mux-SearchField .mux-Input-Adornment {
	color: var(--cds-color-neutral-dark-light-4)
}
.mux-SearchField .mux-Input-Wrapper {
	background: var(--cds-color-neutral-light-light-2);
	border: none;
	box-shadow: 0 0 0 1px var(--cds-color-neutral-dark-light-4)
}
.mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus, .mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-visible, .mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):focus-within, .mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true]):has(:focus-visible), .mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focused=true], .mux-SearchField .mux-Input-Wrapper:not(:disabled):not([data-disabled=true])[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-SearchField input[type=search].mux-Input-Value {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--cds-color-neutral-dark-light-1);
	padding-left: 0;
	padding-right: 0
}
.mux-SearchField input[type=search].mux-Input-Value::-webkit-search-decoration, .mux-SearchField input[type=search].mux-Input-Value::-webkit-search-cancel-button, .mux-SearchField input[type=search].mux-Input-Value::-webkit-search-results-button, .mux-SearchField input[type=search].mux-Input-Value::-webkit-search-results-decoration {
display:none;
-webkit-appearance:none;
appearance:none
}
.mux-Selector {
	width: -moz-fit-content;
	width: fit-content
}
.mux-Selector .mux-Legend {
	margin-bottom: var(--cds-spacing-2)
}
.mux-Selector .mux-Errors {
	margin-top: var(--cds-spacing-1)
}
.mux-Selector>div {
	display: flex
}
.mux-Selector>div .mux-Selector-Button {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-bold);
	text-align: center;
	width: 100%;
	min-width: 140px;
	margin: 0;
	padding: var(--cds-spacing-3);
	cursor: pointer;
	border: 2px solid var(--cds-color-neutral-dark-default);
	background-color: var(--cds-color-neutral-light-light-3);
	color: var(--cds-color-neutral-dark-default)
}
.mux-Selector>div .mux-Selector-Button:not(:last-of-type) {
	border-right: none
}
.mux-Selector>div .mux-Selector-Button:hover:not([data-selected=true]):not(:disabled) {
	background-color: var(--cds-color-neutral-light-dark-2)
}
.mux-Selector>div .mux-Selector-Button:disabled {
	cursor: not-allowed;
	color: var(--cds-color-neutral-light-dark-3);
	background-color: var(--cds-color-neutral-light-light-3);
	border-color: var(--cds-color-neutral-light-dark-3)
}
.mux-Selector>div .mux-Selector-Button:disabled[data-selected=true] {
	background-color: var(--cds-color-neutral-light-dark-3);
	border-color: var(--cds-color-neutral-light-dark-3)
}
.mux-Selector>div .mux-Selector-Button:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Selector>div .mux-Selector-Button[data-selected=true] {
	color: var(--cds-color-neutral-light-light-3);
	background-color: var(--cds-color-neutral-dark-default);
	border-color: var(--cds-color-neutral-dark-default)
}
.mux-Selector>div .mux-Selector-Button[data-invalid=true] {
	border-color: var(--cds-color-status-error)
}
.mux-SideNav {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 4;
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 60px;
	width: 100%;
	background-color: var(--mux-SideNav-MainItem-background)
}
@media (min-width: 768px) {
.mux-SideNav {
	position: sticky;
	top: 0;
	height: 100vh;
	width: auto;
	width: initial;
	background-color: transparent;
	background-color: initial
}
}
.mux-SideNav-MainNav {
	display: none;
	height: 100%;
	width: 80px;
	background-color: var(--mux-SideNav-MainItem-background);
	position: relative
}
@media (min-width: 768px) {
.mux-SideNav-MainNav {
	display: block
}
}
.mux-SideNav-Mobile-Container {
	display: contents
}
@media (min-width: 768px) {
.mux-SideNav-Mobile-Container {
	display: none!important
}
}
.mux-SideNav-SubNav {
	height: 100%;
	width: var(--mux-SideNav-SubItem-width);
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	left: 100%;
	background-color: var(--cds-color-neutral-light-light-3);
	border-right: 1px solid var(--cds-color-neutral-light-default)
}
@media (min-width: 1920px) {
.mux-SideNav-SubNav {
	width: var(--mux-SideNav-SubItem-width-xl)
}
}
.mux-SideNav-Logo {
	-webkit-text-decoration: none;
	text-decoration: none;
	height: 60px;
	padding: 0;
	margin: 0;
	border: none
}
a.mux-SideNav-Logo, button.mux-SideNav-Logo {
	cursor: pointer
}
.mux-SideNav-Logo:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
@media (min-width: 768px) {
.mux-SideNav-Logo {
	height: 80px
}
}
.mux-SideNav-Logo.mux-SideNav-BrandLogo {
	display: var(--mux-SideNav-BrandLogo-display);
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: var(--cds-color-primary-main-default);
	width: 60px
}
.mux-SideNav-Logo.mux-SideNav-BrandLogo svg {
	height: var(--mux-SideNav-BrandLogo-height-mobile)
}
.mux-SideNav-Logo.mux-SideNav-BrandLogo:focus-visible:before {
content:"";
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
@media (min-width: 768px) {
.mux-SideNav-Logo.mux-SideNav-BrandLogo {
	width: 100%
}
.mux-SideNav-Logo.mux-SideNav-BrandLogo svg {
	height: var(--mux-SideNav-BrandLogo-height)
}
}
.mux-SideNav-Logo.mux-SideNav-WordmarkLogo {
	display: flex;
	align-items: center
}
.mux-SideNav-Logo.mux-SideNav-WordmarkLogo svg {
	height: var(--mux-SideNav-WordmarkLogo-height-mobile);
	padding: 0 var(--cds-spacing-4)
}
@media (min-width: 768px) {
.mux-SideNav-Logo.mux-SideNav-WordmarkLogo {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--cds-color-neutral-light-default)
}
.mux-SideNav-Logo.mux-SideNav-WordmarkLogo svg {
	height: var(--mux-SideNav-WordmarkLogo-height);
	padding: 0 var(--mux-SideNav-SubItem-padding)
}
}
.mux-SideNav-Heading {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-demibold);
	font-size: 20px;
	color: var(--cds-color-neutral-dark-default);
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--cds-color-neutral-light-default);
	height: var(--mux-SideNav-Item-height-mobile);
	width: 100%;
	margin: 0;
	padding-right: var(--mux-SideNav-SubItem-padding-mobile);
	padding-left: var(--mux-SideNav-SubItem-padding-mobile)
}
@media (min-width: 768px) {
.mux-SideNav-Heading {
	height: 72px;
	padding-top: var(--cds-spacing-6);
	padding-bottom: var(--cds-spacing-4);
	padding-right: var(--mux-SideNav-SubItem-padding);
	padding-left: var(--mux-SideNav-SubItem-padding)
}
}
.mux-SideNav-List {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%
}
.mux-SideNav-MainItem, .mux-SideNav-Mobile-PrimaryItem {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	background-color: var(--mux-SideNav-MainItem-background-mobile);
	color: var(--mux-SideNav-MainItem-color-mobile);
	cursor: pointer;
	-webkit-text-decoration: none;
	text-decoration: none;
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--mux-SideNav-MainItem-border-color-mobile);
	min-height: var(--mux-SideNav-Item-height-mobile);
	width: 100%;
	padding: 0 var(--cds-spacing-4)
}
.mux-SideNav-MainItem svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem svg:not(.mux-SideNav-MainItem-Chevron) {
	height: 20px;
	width: 20px;
	margin-right: var(--cds-spacing-4)
}
.mux-SideNav-MainItem .mux-SideNav-MainItem-Chevron, .mux-SideNav-Mobile-PrimaryItem .mux-SideNav-MainItem-Chevron {
	display: var(--mux-SideNav-MainItem-Chevron-display);
	margin-left: auto
}
.mux-SideNav-MainItem[data-inactive=true] svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem[data-inactive=true] svg:not(.mux-SideNav-MainItem-Chevron) {
	color: currentcolor
}
.mux-SideNav-MainItem[data-selected=true], .mux-SideNav-Mobile-PrimaryItem[data-selected=true] {
	box-shadow: inset 4px 0 0 0 var(--cds-color-primary-main-default);
box-shadow:inset calc(var(--mux-SideNav-MainItem-selected-show-indicator, 1) * 4px) 0 0 0 var(--cds-color-primary-main-default)
}
.mux-SideNav-MainItem:hover, .mux-SideNav-MainItem:focus, .mux-SideNav-MainItem[data-selected=true], .mux-SideNav-Mobile-PrimaryItem:hover, .mux-SideNav-Mobile-PrimaryItem:focus, .mux-SideNav-Mobile-PrimaryItem[data-selected=true] {
	background-color: var(--mux-SideNav-MainItem-background-selected-mobile)
}
.mux-SideNav-MainItem:focus-visible, .mux-SideNav-Mobile-PrimaryItem:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
@media (min-width: 768px) {
.mux-SideNav-MainItem, .mux-SideNav-Mobile-PrimaryItem {
	flex-direction: column;
	justify-content: center;
	min-height: 80px;
	font-size: var(--cds-font-size-2xs);
	line-height: var(--cds-line-height-base);
	color: var(--cds-color-neutral-light-light-3);
	background-color: var(--mux-SideNav-MainItem-background);
	border-bottom-color: var(--mux-SideNav-MainItem-border-color);
	padding: var(--cds-spacing-3) var(--cds-spacing-1)
}
.mux-SideNav-MainItem svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem svg:not(.mux-SideNav-MainItem-Chevron) {
	margin-bottom: var(--cds-spacing-2);
	margin-right: 0
}
.mux-SideNav-MainItem[data-inactive=true] svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem[data-inactive=true] svg:not(.mux-SideNav-MainItem-Chevron) {
	color: var(--mux-SideNav-MainItem-Icon-inactive-color)
}
.mux-SideNav-MainItem:hover, .mux-SideNav-MainItem:focus, .mux-SideNav-MainItem[data-selected=true], .mux-SideNav-Mobile-PrimaryItem:hover, .mux-SideNav-Mobile-PrimaryItem:focus, .mux-SideNav-Mobile-PrimaryItem[data-selected=true] {
	background-color: var(--cds-color-neutral-dark-default);
	box-shadow: none
}
.mux-SideNav-MainItem:hover svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-MainItem:focus svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-MainItem[data-selected=true] svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem:hover svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem:focus svg:not(.mux-SideNav-MainItem-Chevron), .mux-SideNav-Mobile-PrimaryItem[data-selected=true] svg:not(.mux-SideNav-MainItem-Chevron) {
	color: currentcolor
}
.mux-SideNav-MainItem:focus-visible, .mux-SideNav-Mobile-PrimaryItem:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var( --mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3) );
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var( --mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3) );
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
}
.mux-SideNav-SubItem, .mux-SideNav-Mobile-SecondaryItem {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	color: var(--cds-color-neutral-dark-default);
	cursor: pointer;
	-webkit-text-decoration: none;
	text-decoration: none;
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--cds-color-neutral-light-default);
	min-height: var(--mux-SideNav-Item-height-mobile);
	width: 100%;
	padding: 0 var(--mux-SideNav-SubItem-padding-mobile)
}
.mux-SideNav-SubItem .mux-SideNav-SubItem-External, .mux-SideNav-Mobile-SecondaryItem .mux-SideNav-SubItem-External {
	display: inline;
	height: 14px;
	width: 14px;
	margin-left: var(--cds-spacing-1)
}
.mux-SideNav-SubItem .mux-SideNav-SubItem-Chevron, .mux-SideNav-Mobile-SecondaryItem .mux-SideNav-SubItem-Chevron {
	margin-left: auto
}
.mux-SideNav-SubItem[data-expanded=true], .mux-SideNav-Mobile-SecondaryItem[data-expanded=true] {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-SideNav-SubItem[data-selected=true], .mux-SideNav-Mobile-SecondaryItem[data-selected=true] {
	font-weight: var(--mux-SideNav-SubItem-font-weight-selected);
	box-shadow: inset 4px 0 0 0 var(--cds-color-primary-main-default)
}
.mux-SideNav-SubItem:hover, .mux-SideNav-SubItem:focus, .mux-SideNav-SubItem[data-selected=true], .mux-SideNav-Mobile-SecondaryItem:hover, .mux-SideNav-Mobile-SecondaryItem:focus, .mux-SideNav-Mobile-SecondaryItem[data-selected=true] {
	background-color: var(--mux-SideNav-SubItem-background-selected)
}
.mux-SideNav-SubItem:focus-visible, .mux-SideNav-Mobile-SecondaryItem:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
@media (min-width: 768px) {
.mux-SideNav-SubItem, .mux-SideNav-Mobile-SecondaryItem {
	padding: 0 var(--mux-SideNav-SubItem-padding)
}
}
.mux-SideNav-SubItem~.mux-SideNav-List .mux-SideNav-SubItem, .mux-SideNav-Mobile-SecondaryItem~.mux-SideNav-List .mux-SideNav-SubItem {
	padding-left: var(--cds-spacing-8)
}
@media (min-width: 768px) {
.mux-SideNav-SubItem~.mux-SideNav-List .mux-SideNav-SubItem, .mux-SideNav-Mobile-SecondaryItem~.mux-SideNav-List .mux-SideNav-SubItem {
	padding-left: min(calc(var(--mux-SideNav-SubItem-padding) + 28px), 60px)
}
}
.mux-SideNav-Mobile-Button {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--cds-font-size-2xs);
	line-height: var(--cds-line-height-base);
	color: var(--cds-color-neutral-light-light-3);
	border-left: 1px solid var(--cds-color-neutral-dark-default);
	height: 100%;
	width: 60px;
	margin-left: auto;
	position: relative
}
.mux-SideNav-Mobile-Button[aria-expanded=true] {
	background-color: var(--cds-color-neutral-dark-default)
}
.mux-SideNav-Mobile-Button svg {
	display: inline;
	height: 20px;
	width: 20px
}
.mux-SideNav-Mobile-Button .mux-SideNav-Mobile-Button-Label {
	display: var(--mux-SideNav-Mobile-Button-Label-display)
}
.mux-SideNav-Mobile-Button:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-SideNav-Mobile-MainNav {
--mux-SideNav-Mobile-height: 60px;
	position: relative;
	background-color: var(--mux-SideNav-Mobile-background);
	border-top: var(--mux-SideNav-Mobile-border);
	height: calc(100vh - 60px);
	height: calc(100vh - var(--mux-SideNav-Mobile-height));
	min-height: calc(100vh - 60px);
	min-height: calc(100vh - var(--mux-SideNav-Mobile-height));
	width: 100%;
	overflow-x: clip;
	overflow-y: auto
}
.mux-SideNav-Mobile-SubNav {
	background-color: var(--cds-color-neutral-light-light-3);
	position: var(--mux-SideNav-Mobile-SubNav-position);
	top: var(--mux-SideNav-Mobile-height);
	height: var(--mux-SideNav-Mobile-SubNav-height);
	min-height: var(--mux-SideNav-Mobile-SubNav-height);
	width: 100%;
max-height:calc(100vh * var(--mux-SideNav-Mobile-SubNav-overlay));
	overflow: auto;
	visibility: hidden;
transform:translate(calc(100vw * var(--mux-SideNav-Mobile-SubNav-overlay)));
	transition-property: max-height, transform, visibility;
	transition-timing-function: ease, ease-in-out, ease;
	transition-duration: .2s, .4s, .4s
}
.mux-SideNav-Mobile-SubNav[data-expanded=true] {
	max-height: 1500px;
	transform: translate(0);
	visibility: visible
}
.mux-SideNav-Mobile-SubNav .mux-Button {
	display: var(--mux-SideNav-Mobile-SubNav-BackButton-display);
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-xs);
	justify-content: left;
	border-width: 0 0 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--cds-color-neutral-light-default);
	padding-left: var(--cds-spacing-4);
	width: 100%
}
.mux-SideNav-Mobile-Util {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--mux-SideNav-MainItem-border-color-mobile)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector {
	height: 60px;
	display: flex;
	align-items: var(--mux-SideNav-Mobile-Selector-align-items);
	width: 100%;
	background-color: var(--mux-SideNav-Mobile-Selector-background)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button {
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--mux-SideNav-Mobile-Selector-Button-font-size);
	color: var(--mux-SideNav-Mobile-Selector-Button-color);
	min-width: -moz-fit-content;
	min-width: fit-content;
	padding: var(--mux-SideNav-Mobile-Selector-Button-padding);
	border: none;
	background-color: transparent;
	border-width: var(--mux-SideNav-Mobile-Selector-Button-border-width);
	border-style: solid;
	border-color: var(--mux-SideNav-Mobile-Selector-Button-border-color)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button[data-selected=true] {
	color: var(--mux-SideNav-MainItem-color-mobile);
	background-color: transparent;
	border-width: var(--mux-SideNav-Mobile-Selector-Button-border-width-selected);
	border-bottom-color: var(--cds-color-primary-main-default);
	border-right-color: var(--cds-color-neutral-light-default)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:first-of-type {
	padding-left: var(--cds-spacing-4)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:last-of-type {
	border-right: none
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:not(:last-of-type) {
	border-width: var(--mux-SideNav-Mobile-Selector-Button-border-width);
	border-style: solid;
	border-right-color: var(--cds-color-neutral-light-default)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:hover, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:focus {
	-webkit-text-stroke-width: .4px
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:hover:not([data-selected=true]):not(:disabled), .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-Selector .mux-Selector-Button:focus:not([data-selected=true]):not(:disabled) {
	background-color: transparent
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-PrimaryItem {
	background-color: transparent;
	min-height: 60px;
	border: none
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-PrimaryItem:hover, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-PrimaryItem:focus {
	background-color: var(--mux-SideNav-MainItem-background-selected-mobile)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SecondaryItem {
	background-color: var(--cds-color-neutral-light-light-3);
	min-height: 60px
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SecondaryItem:hover, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SecondaryItem:focus {
	background-color: var(--mux-SideNav-SubItem-background-selected)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-LangAbbr {
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-xs);
	text-transform: uppercase;
	margin-right: var(--cds-spacing-4);
	width: 20px
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SearchField {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SearchField .mux-Input-Adornment, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SearchField .mux-Input-Value {
	color: var(--mux-SideNav-MainItem-color-mobile)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SearchField .mux-Input-Adornment {
	padding: 0
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton {
	font-weight: var(--mux-SideNav-Mobile-SignInButton-font-weight);
	justify-content: var(--mux-SideNav-Mobile-SignInButton-justify-content);
	background-color: var(--mux-SideNav-Mobile-SignInButton-background);
	border: var(--mux-SideNav-Mobile-SignInButton-border);
	color: var(--cds-color-neutral-dark-default);
	margin: var(--mux-SideNav-Mobile-SignInButton-margin);
	min-height: var(--mux-SideNav-Mobile-SignInButton-height);
max-width:calc(100% - 2 * var(--mux-SideNav-Mobile-SignInButton-margin))
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton svg {
	display: var(--mux-SideNav-Mobile-SignInButton-Icon-display)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton:hover, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton:focus {
	background-color: var(--mux-SideNav-Mobile-SignInButton-background-hover);
	border-color: var(--mux-SideNav-Mobile-SignInButton-background-hover)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton[data-signed-in=true] {
	background-color: var(--mux-SideNav-Mobile-SignInButton-background-signedin);
	color: var(--mux-SideNav-Mobile-SignInButton-color-signedin)
}
.mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton[data-signed-in=true]:hover, .mux-SideNav-Mobile-Util .mux-SideNav-Mobile-SignInButton[data-signed-in=true]:focus {
	background-color: var( --mux-SideNav-Mobile-SignInButton-background-signedin-hover )
}
.mux-SkipLink {
	position: absolute;
	overflow: hidden;
	padding: 0 10px;
	border: none;
	width: 0;
	height: 0;
	transform: translate(-50%);
	z-index: 5;
	top: 0;
	background-color: var(--mux-UtilityHeader-main-background)
}
.mux-SkipLink:focus, .mux-SkipLink:active {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-sm);
	font-weight: 600;
	color: var(--cds-color-neutral-light-light-3);
	align-items: center;
	justify-content: center;
	left: 50%;
	height: 60px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis
}
@media (min-width: 768px) {
.mux-SkipLink:focus, .mux-SkipLink:active {
	height: 40px;
	display: flex;
	width: auto;
	white-space: inherit;
	text-overflow: initial
}
}
.mux-SkipLink:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-Stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	gap: var(--cds-spacing-5);
	flex-wrap: wrap;
	margin: 0
}
.mux-Stepper {
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--cds-color-neutral-light-default);
	box-sizing: content-box;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif
}
@media (min-width: 768px) {
.mux-Stepper {
	border: none
}
}
.mux-Stepper-StepperMobile-ToggleButton {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	background-color: var(--cds-color-white)
}
.mux-Stepper-StepperMobile-ToggleButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Stepper-StepperMobile-ToggleIconWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.75rem;
	width: 3.75rem;
	font-size: var(--cds-font-size-4xl);
	color: var(--cds-color-neutral-dark-default)
}
@keyframes rotate {
0% {
transform:rotate(0)
}
to {
	transform: rotate(-180deg)
}
}
.mux-Stepper-StepperMobile-ToggleIconOpen {
	animation: rotate .15s ease-in forwards
}
.mux-Stepper-StepperMobile-ToggleIconClosed {
	transition: transform .15s ease-in-out
}
.mux-Stepper-StepperMobile-ToggleIconClosed[data-is-open=true] {
	transform: rotate(-180deg)
}
.mux-Stepper-StepperMobile-Dialog {
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--cds-color-neutral-light-default);
	box-sizing: content-box;
	background-color: var(--cds-color-white);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif
}
.mux-Stepper-StepperMobile-Dialog:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Stepper-StepperDesktop-StepList {
	display: flex;
	flex-flow: row nowrap;
	gap: var(--cds-spacing-5);
	list-style: none
}
.mux-Stepper-StepperMobile-StepList {
	display: flex;
	flex-flow: column nowrap;
	list-style: none
}
.mux-Stepper-StepperMobile-CloseButton {
	position: absolute;
	right: 0;
	top: 0
}
.mux-Stepper-StepperMobile-CloseButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Stepper-StepListItem {
	display: flex;
	align-items: stretch
}
.mux-Stepper-Step {
	display: flex;
	align-items: stretch;
	height: 3.75rem;
	width: 100%
}
@media (min-width: 768px) {
.mux-Stepper-Step {
	height: var(--cds-layout-6)
}
}
.mux-Stepper-Step:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Stepper-StepContents {
	text-align: left;
	display: grid;
	grid-template-areas: "icon title";
	grid-template-columns: auto 1fr;
	grid-column-gap: var(--cds-spacing-3);
	align-content: center;
	align-items: center;
	color: var(--cds-color-neutral-dark-light-1);
	padding: 0 var(--cds-spacing-4)
}
@media (min-width: 768px) {
.mux-Stepper-StepContents {
	padding: 0
}
}
.mux-Stepper-StepContents[data-has-subtext=true] {
	grid-template-areas: "icon title" "icon subtext"
}
.mux-Stepper-StepContents[data-status=active] .mux-Stepper-StepContents-Title {
	-webkit-text-stroke-width: .4px
}
.mux-Stepper-StepContents[data-status=active] .mux-Stepper-StepContents-Icon {
	border-color: var(--cds-color-primary-main-dark-1);
	color: var(--cds-color-white);
	background-color: var(--cds-color-primary-main-dark-1)
}
.mux-Stepper-StepContents[data-status=complete] .mux-Stepper-StepContents-Icon {
	font-size: var(--cds-font-size-4xl);
	border-color: var(--cds-color-neutral-dark-default);
	color: var(--cds-color-white);
	background-color: var(--cds-color-neutral-dark-default)
}
.mux-Stepper-StepContents[data-status=error] {
	color: var(--cds-color-status-error)
}
.mux-Stepper-StepContents[data-status=error] .mux-Stepper-StepContents-Icon {
	font-size: var(--cds-font-size-xl);
	border-color: var(--cds-color-status-error);
	color: var(--cds-color-white);
	background-color: var(--cds-color-status-error)
}
.mux-Stepper-StepContents[data-status=disabled] {
	color: var(--cds-color-status-disabled)
}
.mux-Stepper-StepContents[data-status=disabled] .mux-Stepper-StepContents-Icon {
	border-color: var(--cds-color-neutral-light-default);
	color: var(--cds-color-neutral-light-default)
}
.mux-Stepper-StepContents[data-interactive=true]:not([data-status=disabled]) {
	cursor: pointer
}
.mux-Stepper-StepContents[data-interactive=true]:not([data-status=disabled]):hover .mux-Stepper-StepContents-Title, .mux-Stepper-StepContents[data-interactive=true]:not([data-status=disabled]):focus .mux-Stepper-StepContents-Title, .mux-Stepper-StepContents[data-interactive=true]:not([data-status=disabled]):active .mux-Stepper-StepContents-Title {
	-webkit-text-stroke-width: .4px
}
.mux-Stepper-StepContents .mux-Stepper-StepContents-Icon {
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	grid-area: icon;
	height: 1.875rem;
	width: 1.875rem;
	border: 2px solid var(--cds-color-neutral-dark-light-2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--cds-color-neutral-light-light-2)
}
.mux-Stepper-StepContents .mux-Stepper-StepContents-Title {
	grid-area: title;
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl)
}
.mux-Stepper-StepContents .mux-Stepper-StepContents-Subtext {
	grid-area: subtext;
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-lg);
	display: flex;
	flex-flow: row nowrap;
	gap: var(--cds-spacing-1)
}
.mux-Stepper-StepContents .mux-Stepper-StepContents-OptionalText {
	font-weight: var(--cds-font-weight-light)
}
.mux-Table {
	background-color: var(--cds-color-neutral-light-light-3);
	width: 100%;
	min-width: -moz-max-content;
	min-width: max-content;
	min-width: var(--mux-Table-min-width, -moz-max-content);
	min-width: var(--mux-Table-min-width, max-content);
	border-color: var(--cds-color-neutral-light-default);
	border-collapse: collapse
}
.mux-Caption {
	background-color: var(--cds-color-neutral-light-light-3);
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-2xl);
	font-weight: var(--cds-font-weight-demibold);
	line-height: var(--cds-line-height-3xl);
	text-align: left;
	padding: var(--cds-spacing-4)
}
.mux-Td {
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-light);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	padding: var(--cds-spacing-4);
	text-align: left;
	vertical-align: baseline;
	word-wrap: normal
}
.mux-Td:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-Td .mux-ActionButton {
padding:.125rem 0
}
.mux-Tr {
	border-width: 2px 0;
	border-style: solid;
	border-color: var(--cds-color-neutral-light-default);
	line-height: var(--cds-line-height-xl)
}
.mux-Tr[aria-selected=true] {
	background-color: var(--cds-color-primary-main-light-4)
}
.mux-Tr:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
position:relative;
z-index:1
}
.mux-Th {
	color: var(--cds-color-neutral-dark-light-1);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-demibold);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl);
	padding: var(--cds-spacing-4);
	border-width: 2px 0;
	border-style: solid;
	border-color: var(--cds-color-neutral-light-default);
	text-align: left;
	vertical-align: bottom;
	justify-content: left
}
.mux-Th[data-padding-bottom=true] {
	padding-bottom: 4.5rem
}
.mux-Th:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-TabPanel {
	background: var(--cds-color-neutral-light-light-2);
	border-top: 1px solid var(--cds-color-neutral-light-default);
	width: 100%
}
.mux-TabPanel[data-inert=true] {
	display: none!important
}
.mux-TabPanel[data-variant=box] {
	border-color: transparent
}
.mux-TabPanel[data-variant=grey] {
	background: var(--cds-color-neutral-light-light-2);
	border-color: var(--cds-color-neutral-light-light-2)
}
.mux-TabPanel:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-Tabs {
	border: 1px solid var(--cds-color-neutral-light-default);
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	width: 100%
}
.mux-Tabs-Tab {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	height: 3.75rem;
	outline: none;
	padding-left: var(--cds-spacing-1);
	padding-right: var(--cds-spacing-1);
	position: relative
}
.mux-Tabs-Tab>span {
	display: inline-block;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-regular);
	line-height: var(--cds-line-height-xl);
	max-width: 320px;
	overflow-x: hidden;
	overflow-y: visible;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mux-Tabs-Tab:hover, .mux-Tabs-Tab:focus {
	-webkit-text-stroke-width: .4px
}
.mux-Tabs-Tab .mux-Tabs-SelectionIndicator {
	background-color: var(--cds-color-primary-main-default);
	position: absolute;
	bottom: 0;
	left: var(--cds-spacing-1);
	height: var(--cds-spacing-1);
width:calc(100% - var(--cds-spacing-1) * 2);
	transition-property: translate, width, height;
	transition-duration: .2s
}
@media (prefers-reduced-motion: reduce) {
.mux-Tabs-Tab .mux-Tabs-SelectionIndicator {
	transition: none
}
}
.mux-Tabs-Tab:hover:not(:focus):not([data-disabled=true]):not([data-selected=true]):before {
	background-color: var(--cds-color-neutral-dark-light-5);
	content: "";
	position: absolute;
	left: var(--cds-spacing-1);
	bottom: 0;
width:calc(100% - var(--cds-spacing-1) * 2);
	height: var(--cds-spacing-1)
}
.mux-Tabs-Tab[data-focus-visible=true] {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
	box-shadow: var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
	outline: 2px solid transparent
}
.mux-Tabs-Tab[data-disabled=true] {
	cursor: not-allowed;
	color: var(--cds-color-neutral-light-dark-3);
	pointer-events: none
}
.mux-Tabs-Tab[data-selected=true][data-variant=box] {
	background-color: var(--cds-color-neutral-light-light-2);
	border-bottom: 1px solid var(--cds-color-neutral-light-light-2)
}
.mux-Tabs-Tab[data-selected=true][data-variant=box] .mux-Tabs-SelectionIndicator {
	bottom: auto;
	bottom: initial;
	left: 0;
	top: 0;
	width: 100%
}
.mux-Tabs-Tab[data-selected=true][data-disabled=true] .mux-Tabs-SelectionIndicator {
	background-color: var(--cds-color-neutral-light-dark-3)
}
.mux-Tabs-Tab[data-variant=box] {
	background-color: var(--cds-color-neutral-light-light-3);
	border-bottom: 1px solid var(--cds-color-neutral-light-default);
	flex-grow: 1;
	height: 5rem;
	padding: 0 var(--cds-spacing-4)
}
.mux-Tabs-Tab[data-variant=box]>span {
	font-size: var(--cds-font-size-xl);
max-width:calc(320px - var(--cds-spacing-2) * 2)
}
.mux-Tabs-Tab[data-variant=box]:hover:not(:focus):not([data-disabled=true]):not([data-selected=true]):before {
	bottom: auto;
	bottom: initial;
	left: 0;
	top: 0;
	width: 100%
}
.mux-Tabs-TabList {
	display: flex;
	gap: var(--cds-spacing-6);
	overflow-x: auto;
	-ms-overflow-style: none;
	scroll-padding: var(--cds-spacing-8);
	scrollbar-width: none
}
.mux-Tabs-TabList ::-webkit-scrollbar {
display:none
}
.mux-Tabs-TabList[data-variant=box] {
	background-color: var(--cds-color-neutral-light-default);
	gap: 1px;
	width: 100%
}
.mux-Tabs-TabList-Wrapper {
	background-color: var(--cds-color-neutral-light-light-3);
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0;
	height: 3.75rem;
	isolation: isolate;
	justify-content: center;
	min-width: 0;
	padding-left: var(--cds-spacing-5);
	padding-right: var(--cds-spacing-5);
	position: relative;
	width: 100%
}
.mux-Tabs-TabList-Wrapper[data-alignment=center] {
	justify-content: center
}
.mux-Tabs-TabList-Wrapper[data-alignment=left] {
	justify-content: flex-start
}
.mux-Tabs-TabList-Wrapper[data-alignment=right] {
	justify-content: flex-end
}
.mux-Tabs-TabList-Wrapper[data-sticky=true] {
	box-shadow: 0 4px 6px #00000040;
	position: sticky;
	top: 0
}
.mux-Tabs-TabList-Wrapper:has([data-variant=box]) {
height:5rem;
padding-left:0;
padding-right:0
}
.mux-Tabs-TabList-Wrapper:has([data-variant=grey]) {
background-color:var(--cds-color-neutral-light-default)
}
.mux-Tabs-TabList-ScrollButton {
	align-items: center;
	background-color: var(--cds-color-neutral-light-light-3);
	border-bottom: 1px solid var(--cds-color-neutral-light-light-3);
	cursor: pointer;
	display: flex;
	justify-content: center;
	font-size: var(--cds-font-size-base);
	height: 100%;
	position: absolute;
	width: 2.75rem;
	top: 0;
	z-index: 1
}
.mux-Tabs-TabList-ScrollButton:disabled {
	color: transparent;
	cursor: auto;
	display: none;
	pointer-events: none
}
.mux-Tabs-TabList-ScrollButton:hover {
	color: var(--cds-color-primary-main-default)
}
.mux-Tabs-TabList-ScrollButton:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-Tabs-TabList-ScrollButton[data-direction=left] {
	left: 0
}
.mux-Tabs-TabList-ScrollButton[data-direction=right] {
	right: 0
}
.mux-Tabs-TabList-ScrollButton[data-variant=box] {
	background-color: var(--cds-color-neutral-light-light-3);
	border-bottom: 1px solid var(--cds-color-neutral-light-default)
}
.mux-Tabs-TabList-ScrollButton[data-variant=box][data-direction=left] {
	border-right: 1px solid var(--cds-color-neutral-light-default)
}
.mux-Tabs-TabList-ScrollButton[data-variant=box][data-direction=right] {
	border-left: 1px solid var(--cds-color-neutral-light-default)
}
.mux-Tabs-TabList-ScrollButton[data-variant=grey] {
	background-color: var(--cds-color-neutral-light-default);
	border-bottom: 1px solid var(--cds-color-neutral-light-default)
}
.mux-Tag {
--mux-Tag-text-color: var(--cds-color-neutral-dark-default);
--mux-Tag-background-color: var(--cds-color-neutral-dark-light-5);
--mux-Tag-dot-color: var(--cds-color-neutral-dark-light-3);
	background-color: var(--mux-Tag-background-color);
	border: none;
border-radius:.125rem;
	color: var(--mux-Tag-text-color);
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
gap:.375rem;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-demibold);
	line-height: var(--cds-line-height-lg);
	padding: var(--cds-spacing-1) var(--cds-spacing-2)
}
.mux-Tag[data-color=blue] {
--mux-Tag-background-color: var(--cds-color-primary-alternate-light-4);
--mux-Tag-dot-color: var(--cds-color-primary-alternate-light-2)
}
.mux-Tag[data-color=coral] {
--mux-Tag-background-color: var(--cds-color-accent-light-4);
--mux-Tag-dot-color: var(--cds-color-accent-dark-1)
}
.mux-Tag[data-color=gold] {
--mux-Tag-background-color: var(--cds-color-secondary-two-light-4);
--mux-Tag-dot-color: var(--cds-color-secondary-two-dark-1)
}
.mux-Tag[data-color=green] {
--mux-Tag-background-color: var(--cds-color-primary-main-light-4);
--mux-Tag-dot-color: var(--cds-color-primary-main-dark-1)
}
.mux-Tag[data-color=grey] {
--mux-Tag-background-color: var(--cds-color-neutral-light-dark-1);
--mux-Tag-dot-color: var(--cds-color-neutral-dark-light-4)
}
.mux-Tag[data-color=turquoise] {
--mux-Tag-background-color: var(--cds-color-secondary-three-light-4);
--mux-Tag-dot-color: var(--cds-color-secondary-three-dark-1)
}
.mux-Tag[data-color=violet] {
--mux-Tag-background-color: var(--cds-color-secondary-one-light-4);
--mux-Tag-dot-color: var(--cds-color-secondary-one-dark-1)
}
.mux-Tag[data-variant=status-secondary] {
	background-color: color-mix(in srgb, var(--mux-Tag-background-color), white 60%);
	border: solid 1px var(--mux-Tag-dot-color)
}
.mux-Tag .mux-Tag-Icon {
	color: var(--mux-Tag-dot-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--cds-font-size-xl)
}
.mux-Tag .mux-Tag-Label {
	color: var(--mux-Tag-text-color);
	max-width: 20ch;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mux-Tag .mux-Tag-Dot {
	background-color: var(--mux-Tag-dot-color);
	border-radius: 9999px;
	height: var(--cds-spacing-2);
	width: var(--cds-spacing-2)
}
.mux-TextArea .mux-TextArea-MaxLength {
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-xl);
	color: var(--cds-color-neutral-dark-light-3);
	margin-bottom: var(--cds-spacing-2)
}
.mux-TextArea .mux-Input-Value {
	resize: none;
	white-space: normal;
	overflow: auto
}
.mux-TextInput {
	display: inline-block;
	position: relative
}
.mux-TextInput .mux-Input-Wrapper:has(.mux-Input-Adornment[data-adornment-position=left]) .mux-Input-Value {
padding-left:0
}
.mux-TextInput .mux-Input-Wrapper:has(.mux-Input-Adornment[data-adornment-position=right]) .mux-Input-Value {
padding-right:0
}
.mux-TextInput .mux-Input-Wrapper .mux-Input-Value[data-force-uppercase=true] {
	text-transform: uppercase
}
.mux-TextInput .mux-Input-Wrapper .mux-Input-Value::-moz-placeholder {
text-transform:none
}
.mux-TextInput .mux-Input-Wrapper .mux-Input-Value::placeholder {
text-transform:none
}
.mux-TextInput .mux-Input-Wrapper .mux-Input-Value[list]::-webkit-calendar-picker-indicator {
display:none!important
}
.mux-TextInput .mux-Input-Wrapper .mux-TextInput-ShowPassword {
	display: flex;
	align-items: center;
	background: transparent;
	border: none;
	color: var(--cds-color-neutral-dark-light-1);
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-demibold);
	padding: 0 var(--cds-spacing-2);
	margin-right: var(--cds-spacing-1)
}
.mux-TextInput .mux-Input-Wrapper .mux-TextInput-ShowPassword:disabled {
	color: var(--cds-color-neutral-dark-light-4);
	cursor: not-allowed
}
.mux-TextInput .mux-Input-Wrapper .mux-TextInput-ShowPassword:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-TextLink {
	align-items: center;
	color: var(--mux-TextLink-color);
	font-size: inherit;
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--mux-TextLink-font-weight);
	text-decoration-color: var(--cds-color-primary-main-default);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-style: solid;
	text-underline-offset: var(--mux-TextLink-text-underline-offset);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0
}
.mux-TextLink .mux-TextLink-Icon {
	margin-right: 12px
}
.mux-TextLink .mux-TextLink-Icon svg {
	display: inline-block;
	vertical-align: middle
}
.mux-TextLink .mux-TextLink-ExternalIcon {
	margin-left: 5px;
	white-space: nowrap;
	pointer-events: none
}
.mux-TextLink .mux-TextLink-ExternalIcon:before {
	content: "⁠"
}
.mux-TextLink .mux-TextLink-ExternalIcon svg {
	display: inline-block
}
@supports (text-wrap: pretty) {
.mux-TextLink {
text-wrap:pretty
}
.mux-TextLink .mux-TextLink-ExternalIcon:before {
content:""
}
}
.mux-TextLink:active, .mux-TextLink:focus, .mux-TextLink:hover {
	text-shadow: 0 .2px var(--mux-TextLink-text-shadow), 0 -.2px var(--mux-TextLink-text-shadow), .2px 0 var(--mux-TextLink-text-shadow), -.2px 0 var(--mux-TextLink-text-shadow);
	text-decoration-color: var(--mux-TextLink-text-underline-color-hover);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-decoration-style: solid
}
.mux-TextLink:active[data-has-icon=true] .mux-TextLink-Icon, .mux-TextLink:focus[data-has-icon=true] .mux-TextLink-Icon, .mux-TextLink:hover[data-has-icon=true] .mux-TextLink-Icon {
	color: var(--mux-TextLink-Icon-color)
}
.mux-TextLink:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-TextLink[data-has-icon=true] {
	-webkit-text-decoration: none;
	text-decoration: none
}
.mux-TextLink[data-variant=inverse] {
	color: var(--mux-TextLink-inverse-color);
	text-decoration-color: var(--mux-TextLink-inverse-color);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-style: solid
}
.mux-TextLink[data-variant=inverse]:active, .mux-TextLink[data-variant=inverse]:focus, .mux-TextLink[data-variant=inverse]:hover {
	color: var(--cds-color-neutral-light-light-3);
	text-decoration-color: var(--mux-TextLink-inverse-text-underline-color-hover);
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-decoration-style: solid
}
.mux-Toast .mux-Toast-Wrapper {
	position: fixed;
	z-index: 1000001;
	bottom: 0;
	left: var(--mux-Toast-alignment-left);
	right: 0;
	padding: 0 var(--cds-spacing-4) var(--cds-spacing-4)
}
@media (min-width: 320px) {
.mux-Toast .mux-Toast-Wrapper {
	right: auto;
	padding: var(--mux-Toast-margin-mobile-standard)
}
}
@media (min-width: 768px) {
.mux-Toast .mux-Toast-Wrapper {
	padding: 0 var(--cds-spacing-7) var(--cds-spacing-7)
}
}
.mux-Toast-Body {
	border: 2px solid var(--cds-color-neutral-light-light-3);
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	color: var(--cds-color-neutral-light-light-3);
	padding: var(--cds-spacing-4)
}
@media (min-width: 320px) {
.mux-Toast-Body {
	max-width: var(--mux-Toast-max-width)
}
}
.mux-Toast-Body {
	background-color: var(--cds-color-neutral-dark-default)
}
.mux-Toast-Body[data-status=success] {
	background-color: var(--cds-color-status-success)
}
.mux-Toast-Body[data-status=error] {
	background-color: var(--mux-Toast-background-color-error)
}
.mux-Toast-Body .mux-Toast-IconWrapper {
	display: flex;
	align-self: baseline;
	margin-right: var(--cds-spacing-4);
--mux-Toast-icon-size: var(--cds-font-size-8xl)
}
.mux-Toast-Body .mux-Toast-TextWrapper {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--mux-Toast-font-size);
	line-height: var(--mux-Toast-line-height);
	flex-grow: 1
}
.mux-Toast-Body .mux-Toast-ActionButton {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-lg);
	font-weight: var(--cds-font-weight-demibold);
	color: var(--cds-color-neutral-light-light-3);
	padding: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 100%;
	margin-left: var(--cds-spacing-2)
}
.mux-Toast-Body .mux-Toast-ActionButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-Toggle {
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 0
}
.mux-Toggle .mux-Toggle-Input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	align-self: center;
	height: var(--mux-Toggle-track-height);
	width: var(--mux-Toggle-track-width);
	background-color: var(--mux-Toggle-background-unchecked);
	border: var(--mux-Toggle-border-width) solid var(--mux-Toggle-color-unchecked);
border-radius:calc(var(--mux-Toggle-diameter) * 2);
	box-sizing: border-box;
	cursor: pointer;
	transition: background .1s, border .1s
}
.mux-Toggle .mux-Toggle-Input:after {
	content: "";
	position: absolute;
	display: block;
	background-color: var(--cds-color-neutral-light-light-3);
	border: var(--mux-Toggle-border-width) solid var(--mux-Toggle-color-unchecked);
	box-sizing: border-box;
	height: var(--mux-Toggle-diameter);
	width: var(--mux-Toggle-diameter);
left:calc(var(--mux-Toggle-border-width) * -1);
	top: 50%;
	transform: translateY(-50%);
border-radius:calc(var(--mux-Toggle-diameter) * 2);
	transition: left var(--mux-Toggle-transition), border .1s
}
.mux-Toggle .mux-Toggle-Input:hover:not(:disabled) {
	background-color: var(--mux-Toggle-background-unchecked-hover);
	border-color: var(--mux-Toggle-color-unchecked-hover)
}
.mux-Toggle .mux-Toggle-Input:hover:not(:disabled):after {
	border-color: var(--mux-Toggle-color-unchecked-hover)
}
.mux-Toggle .mux-Toggle-Input:checked {
	background-color: var(--mux-Toggle-background-checked);
	border-color: var(--mux-Toggle-color-checked)
}
.mux-Toggle .mux-Toggle-Input:checked:after {
	border-color: var(--mux-Toggle-color-checked);
	left: calc(var(--mux-Toggle-track-width) - var(--mux-Toggle-diameter) - var(--mux-Toggle-border-width))
}
.mux-Toggle .mux-Toggle-Input:checked:hover:not(:disabled) {
	background-color: var(--mux-Toggle-background-checked-hover);
	border-color: var(--mux-Toggle-color-checked-hover)
}
.mux-Toggle .mux-Toggle-Input:checked:hover:not(:disabled):after {
	border-color: var(--mux-Toggle-color-checked-hover)
}
.mux-Toggle .mux-Toggle-Input:disabled {
	cursor: not-allowed;
	background-color: var(--mux-Toggle-background-disabled);
	border-color: var(--mux-Toggle-color-disabled)
}
.mux-Toggle .mux-Toggle-Input:disabled:after {
	border-color: var(--mux-Toggle-color-disabled);
	box-shadow: none
}
.mux-Toggle .mux-Toggle-Input:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px;
border-radius:calc(var(--mux-Toggle-diameter) * 2)
}
.mux-Toggle[data-variant=small] .mux-Toggle-Input {
	width: var(--mux-Toggle-track-width-small)
}
.mux-Toggle[data-variant=small] .mux-Toggle-Input:after {
	height: var(--mux-Toggle-diameter-small);
	width: var(--mux-Toggle-diameter-small)
}
.mux-Toggle[data-variant=small] .mux-Toggle-Input:checked:after {
	left: calc(var(--mux-Toggle-track-width-small) - var(--mux-Toggle-diameter-small) - var(--mux-Toggle-border-width))
}
.mux-Toggle .mux-Label-Element {
	margin-right: 12px;
	line-height: var(--mux-Toggle-diameter);
	font-weight: var(--cds-font-weight-light);
	color: var(--mux-Toggle-Label-color)
}
.mux-Toggle .mux-Label-Element[data-disabled=true] {
	color: var(--mux-Toggle-Label-color-disabled)
}
.mux-Tooltip-Portal {
	display: flex;
	flex-direction: column;
	position: relative
}
.mux-Tooltip {
	background: transparent;
	border-radius: 999px;
	color: var(--cds-color-primary-main-default);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
padding:.25rem
}
.mux-Tooltip .mux-ActionButton-Icon {
	font-size: 1.125rem
}
.mux-Tooltip>.mux-Tooltip-HoverIcon {
	display: none
}
.mux-Tooltip:hover, .mux-Tooltip[data-open=true] {
	color: var(--cds-color-primary-main-dark-1);
	cursor: help
}
.mux-Tooltip:hover>.mux-Tooltip-Icon, .mux-Tooltip[data-open=true]>.mux-Tooltip-Icon {
	display: none
}
.mux-Tooltip:hover>.mux-Tooltip-HoverIcon, .mux-Tooltip[data-open=true]>.mux-Tooltip-HoverIcon {
	display: flex
}
.mux-Tooltip:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
border-radius:999px
}
.mux-TooltipPopover-Underlay {
	position: fixed;
	inset: 0
}
.mux-TooltipPopover-Underlay[data-background-blur=true] {
--tw-backdrop-blur: blur(8px);
	backdrop-filter: blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}
.mux-TooltipPopover {
	display: block;
	width: 100%;
	background-color: var(--cds-color-neutral-dark-default);
	padding: var(--cds-spacing-4);
	font-size: var(--cds-font-size-sm);
	line-height: var(--cds-line-height-sm);
	line-height: var(--cds-line-height-lg);
	color: var(--cds-color-white);
	max-width: var(--mux-TooltipPopover-maxWidth)
}
.mux-TooltipPopover:has(:focus-visible) {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-TooltipPopover .mux-TooltipDialog {
	max-height: 100vh;
	overflow-y: auto
}
@media (min-width: 768px) {
.mux-TooltipPopover .mux-TooltipDialog {
	max-height: 10.5rem
}
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow {
	position: absolute;
	fill: var(--cds-color-neutral-dark-default);
	stroke: var(--cds-color-neutral-dark-default);
	stroke-width: 1px;
	width: 12px;
	height: 8px
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow[data-placement=top] {
	top: 100%;
	transform: translate(-50%)
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow[data-placement=bottom] {
	bottom: 100%;
	transform: translate(-50%) rotate(180deg)
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow[data-placement=left] {
	left: calc(100% - 2px);
	transform: translateY(-50%) rotate(-90deg)
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow[data-placement=right] {
	right: calc(100% - 2px);
	transform: translateY(-50%) rotate(90deg)
}
.mux-UtilityHeader {
	display: none;
	z-index: 2
}
@media (min-width: 768px) {
.mux-UtilityHeader {
	display: inline;
	display: initial
}
}
.mux-UtilityHeader-Logo {
	background: transparent;
	border: none;
	display: flex;
	margin-right: auto;
	margin-left: var(--cds-spacing-7)
}
.mux-UtilityHeader-Logo:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
[data-mux-theme^=ca] .mux-UtilityHeader-Logo {
	display: none
}
[data-mux-theme^=cds] .mux-UtilityHeader-Logo, [data-mux-theme^=jh] .mux-UtilityHeader-Logo {
	display: inline;
	display: initial
}
.mux-UtilityHeader nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: var(--mux-UtilityHeader-height)
}
.mux-UtilityHeader[data-variant=main] nav {
	background-color: var(--mux-UtilityHeader-main-background);
	color: var(--mux-UtilityHeader-main-color)
}
.mux-UtilityHeader[data-variant=main] nav[data-image-background=true] {
	background-color: transparent
}
.mux-UtilityHeader[data-variant=sub] nav {
	background-color: var(--mux-UtilityHeader-sub-background);
	color: var(--mux-UtilityHeader-sub-color)
}
.mux-UtilityHeader-HeaderButtons {
	display: flex;
	align-items: center;
	height: 100%;
	background-color: var(--mux-UtilityHeader-sub-background);
	color: var(--mux-UtilityHeader-sub-color);
	padding-right: var(--mux-UtilityHeader-HeaderButton-padding-right);
	padding-left: var(--mux-UtilityHeader-main-HeaderButton-padding-left);
	padding-bottom: 0;
	padding-top: 0;
	list-style: none
}
.mux-UtilityHeader[data-variant=sub] .mux-UtilityHeader-HeaderButtons {
	padding-left: var(--mux-UtilityHeader-sub-HeaderButton-padding-left)
}
.mux-UtilityHeader-HeaderButton {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-demibold);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-text-decoration: none;
	text-decoration: none;
	height: var(--mux-UtilityHeader-HeaderButton-height);
	padding: 0 var(--cds-spacing-3);
	margin: 0;
	background-color: transparent;
	border-left: var(--mux-UtilityHeader-HeaderButton-border-width) solid var(--cds-color-neutral-dark-default);
	color: var(--mux-UtilityHeader-HeaderButton-color)
}
.mux-UtilityHeader-HeaderButton[data-has-icon=true] {
	padding-left: var(--cds-spacing-3)
}
.mux-UtilityHeader-HeaderButton:hover, .mux-UtilityHeader-HeaderButton:focus {
	background-color: var(--mux-UtilityHeader-focus-background)
}
.mux-UtilityHeader-HeaderButton:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-UtilityHeader-HeaderButton-Icon {
	display: flex;
	justify-content: center
}
.mux-UtilityHeader-HeaderButton-Text {
	margin-left: 0
}
.mux-UtilityHeader-HeaderButton[data-has-icon=true] .mux-UtilityHeader-HeaderButton-Text {
margin-left:.625rem
}
.mux-UtilityHeader-SignInButton {
	border-left-width: 0;
	border-bottom: none;
	background-color: var(--cds-color-secondary-two-light-1);
	color: var(--cds-color-neutral-dark-light-1)
}
.mux-UtilityHeader-SignInButton:hover, .mux-UtilityHeader-SignInButton:focus {
	background-color: var(--cds-color-secondary-two-default)
}
.mux-UtilityHeader-SignInButton[data-is-signed-in=true] {
	border-left-width: 1px;
	background-color: transparent;
	color: var(--cds-color-neutral-light-light-3)
}
.mux-UtilityHeader-SignInButton[data-is-signed-in=true]:hover, .mux-UtilityHeader-SignInButton[data-is-signed-in=true]:focus {
	background-color: var(--cds-color-neutral-dark-default)
}
[data-mux-theme^=cds] .mux-UtilityHeader-SignInButton, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton {
	width: auto;
	margin: 0 var(--cds-spacing-3);
	min-width: 5.625rem;
	justify-content: center;
	border: 2px solid var(--cds-color-accent-default);
	background-color: var(--cds-color-neutral-light-light-3)
}
[data-mux-theme^=cds] .mux-UtilityHeader-SignInButton:hover, [data-mux-theme^=cds] .mux-UtilityHeader-SignInButton:focus, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton:hover, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton:focus {
	color: var(--cds-color-neutral-light-light-3);
	background-color: var(--cds-color-accent-default)
}
[data-mux-theme^=cds] .mux-UtilityHeader-SignInButton:focus-visible, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
[data-mux-theme^=cds] .mux-UtilityHeader-SignInButton .mux-UtilityHeader-HeaderButton-Icon, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton .mux-UtilityHeader-HeaderButton-Icon {
	display: none
}
[data-mux-theme^=cds] .mux-UtilityHeader-SignInButton .mux-UtilityHeader-HeaderButton-Text, [data-mux-theme^=jh] .mux-UtilityHeader-SignInButton .mux-UtilityHeader-HeaderButton-Text {
	margin: 0
}
.mux-UtilityHeader-List {
	margin: 0;
	padding: 0;
	list-style: none
}
.mux-UtilityHeader-MenuList {
	min-width: 7.5rem;
	max-width: 10.75rem;
	border: 2px solid var(--cds-color-neutral-light-default);
	background-color: var(--cds-color-neutral-light-light-3)
}
.mux-UtilityHeader-MenuList:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}
.mux-UtilityHeader-MenuItem {
	border-bottom: 2px solid var(--cds-color-neutral-light-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-regular);
	box-sizing: border-box;
	text-align: left;
	cursor: pointer;
	width: 100%;
	min-height: var(--cds-layout-6);
	padding: var(--cds-spacing-3);
	background-color: transparent;
	display: flex;
	align-items: center;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--cds-color-neutral-dark-light-1)
}
.mux-UtilityHeader-MenuItem:last-of-type {
	border: none
}
.mux-UtilityHeader-MenuItem[data-selected=true] {
	color: var(--cds-color-neutral-dark-default);
	background-color: var(--mux-UtilityHeader-MenuItem-active-background-color)
}
.mux-UtilityHeader-MenuItem:hover, .mux-UtilityHeader-MenuItem:focus {
	background-color: var(--mux-UtilityHeader-MenuItem-active-background-color)
}
.mux-UtilityHeader-MenuItem:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-UtilityHeader-TabList {
	display: flex;
	flex-grow: 1;
	justify-content: var(--mux-UtilityHeader-Tab-alignment);
	height: 100%
}
.mux-UtilityHeader-TabItem {
	display: flex;
	align-items: center;
	height: 100%
}
[data-mux-theme^=cds] .mux-UtilityHeader-TabItem:not(:last-of-type) .mux-UtilityHeader-TabButton, [data-mux-theme^=jh] .mux-UtilityHeader-TabItem:not(:last-of-type) .mux-UtilityHeader-TabButton {
	border-right: 1px solid var(--cds-color-neutral-dark-light-4)
}
.mux-UtilityHeader-TabButton {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	font-weight: var(--cds-font-weight-light);
	line-height: var(--cds-line-height-lg);
	-webkit-text-decoration: none;
	text-decoration: none;
	display: flex;
	align-items: center;
	background-color: transparent;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0 var(--cds-spacing-4);
	position: relative;
	color: var(--mux-UtilityHeader-TabButton-color);
	height: 100%
}
.mux-UtilityHeader-TabButton[aria-selected=true]:before {
	background-color: var(--cds-color-primary-main-default);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px
}
.mux-UtilityHeader-TabButton:hover, .mux-UtilityHeader-TabButton:focus {
	-webkit-text-stroke-width: .4px
}
.mux-UtilityHeader-TabButton:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-UtilityHeader-TabButton:focus-visible:before {
display:none
}
.mux-UtilityHeader-TabButton[aria-selected=true] {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-UtilityHeader-TabButton[aria-selected=true]:hover, .mux-UtilityHeader-TabButton[aria-selected=true]:focus {
	text-shadow: none
}
[data-mux-theme^=cds] .mux-UtilityHeader-TabButton, [data-mux-theme^=jh] .mux-UtilityHeader-TabButton {
	position: relative;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-demibold);
	color: inherit;
	height: auto;
	height: initial
}
[data-mux-theme^=cds] .mux-UtilityHeader-TabButton:before, [data-mux-theme^=jh] .mux-UtilityHeader-TabButton:before {
	bottom: 0;
	left: var(--cds-spacing-4);
	top: auto;
	top: initial;
	height: 2px;
	width: calc(100% - 32px)
}
.mux-UtilityHeader-LangList .mux-UtilityHeader-MenuItem {
	border: 0
}
.mux-UtilityHeader-LangList .mux-UtilityHeader-MenuItem:not(:last-of-type) {
	background: linear-gradient(var(--cds-color-neutral-light-default), var(--cds-color-neutral-light-default)) no-repeat right/1px 20px
}
.mux-UtilityHeader-LangList .mux-UtilityHeader-MenuItem button {
	font-size: var(--cds-font-size-sm);
	font-weight: var(--cds-font-weight-regular);
	border: none;
	min-height: 100%;
	padding: 0;
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-Icon {
	width: 1.25rem;
	height: 1.25rem;
	opacity: 1
}
.mux-Icon-ManulifeIcon svg {
	vertical-align: middle;
	width: 1.25rem;
	width: var(--mux-Icon-ManulifeIcon-width, 1.25rem);
	height: 1.25rem;
	height: var(--mux-Icon-ManulifeIcon-height, 1.25rem)
}
.mux-Icon-ManulifeIcon svg path, .mux-Icon-ManulifeIcon svg polygon, .mux-Icon-ManulifeIcon svg rect {
	stroke: var(--mux-Icon-ManulifeIcon--color);
	fill: var(--mux-Icon-ManulifeIcon-fill)
}
.mux-Icon-ManulifeIcon svg .manulifeIconSecondary-fill {
	fill: var(--mux-Icon-ManulifeIcon-secondary-color);
	stroke: none
}
.mux-Icon-ManulifeIcon svg .manulifeIconSecondary-stroke {
	stroke: var(--mux-Icon-ManulifeIcon-secondary-color);
	fill: none
}
.mux-PaginationDeprecated {
	display: flex;
	align-items: center;
	flex-wrap: nowrap
}
.mux-PaginationDeprecated-ButtonControl {
	border: none;
	background: transparent;
	color: var(--cds-color-neutral-dark-light-1);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.75rem;
	width: 2.75rem
}
.mux-PaginationDeprecated-ButtonControl:disabled {
	cursor: default;
	color: var(--cds-color-neutral-light-dark-3)
}
.mux-PaginationDeprecated-ButtonControl:focus-visible {
--mux-FocusOutline-offset-shadow: inset 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: inset 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: inset 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent
}
.mux-PaginationDeprecated-ButtonControl>svg {
	height: 1.75rem;
	width: 1.75rem
}
.mux-PaginationDeprecated-TextInputControl {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-base);
	font-weight: var(--cds-font-weight-demibold);
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
	line-height: 2.75rem;
	white-space: nowrap
}
.mux-H1 {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--mux-H1-font-size-mobile, var(--cds-font-size-10xl));
	line-height: var(--mux-H1-line-height-mobile, var(--cds-line-height-6xl))
}
@media (min-width: 768px) {
.mux-H1 {
	font-size: var(--mux-H1-font-size, var(--cds-font-size-14xl));
	line-height: var(--mux-H1-line-height, var(--cds-line-height-10xl))
}
}
.mux-H1 b {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-H1 strong {
	font-weight: var(--cds-font-weight-bold)
}
.mux-H1 i {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-H1[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-H2 {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--mux-H2-font-size-mobile, var(--cds-font-size-7xl));
	line-height: var(--mux-H2-line-height-mobile, var(--cds-line-height-4xl))
}
@media (min-width: 768px) {
.mux-H2 {
	font-size: var(--mux-H2-font-size, var(--cds-font-size-8xl));
	line-height: var(--mux-H2-line-height, var(--cds-line-height-6xl))
}
}
.mux-H2 b {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-H2 strong {
	font-weight: var(--cds-font-weight-bold)
}
.mux-H2 i {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-H2[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-H3 {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--mux-H3-font-size-mobile, var(--cds-font-size-6xl));
	line-height: var(--mux-H3-line-height-mobile, var(--cds-line-height-4xl))
}
@media (min-width: 768px) {
.mux-H3 {
	font-size: var(--mux-H3-font-size, var(--cds-font-size-6xl));
	line-height: var(--mux-H3-line-height, var(--cds-line-height-4xl))
}
}
.mux-H3 b {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-H3 strong {
	font-weight: var(--cds-font-weight-bold)
}
.mux-H3 i {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-H3[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-H4 {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--mux-H4-font-size-mobile, var(--cds-font-size-2xl));
	line-height: var(--mux-H4-line-height-mobile, var(--cds-line-height-2xl))
}
@media (min-width: 768px) {
.mux-H4 {
	font-size: var(--mux-H4-font-size, var(--cds-font-size-2xl));
	line-height: var(--mux-H4-line-height, var(--cds-line-height-2xl))
}
}
.mux-H4 b {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-H4 strong {
	font-weight: var(--cds-font-weight-bold)
}
.mux-H4 i {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-H4[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-I {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-I[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-P {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var(--cds-font-size-base);
	line-height: var(--cds-line-height-xl)
}
.mux-P[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-Small {
	color: var(--cds-color-neutral-dark-default);
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-size: var(--cds-font-size-xs);
	line-height: var(--cds-line-height-lg)
}
.mux-Small[data-disable-focus-outline=true]:focus {
	outline: none
}
.mux-Typography-Jumbo {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Jumbo-font-size-mobile, var(--cds-font-size-16xl) );
	line-height: var( --mux-Typography-Jumbo-line-height-mobile, var(--cds-line-height-11xl) )
}
@media (min-width: 768px) {
.mux-Typography-Jumbo {
	font-size: var(--mux-Typography-Jumbo-font-size, var(--cds-font-size-16xl));
	line-height: var( --mux-Typography-Jumbo-line-height, var(--cds-line-height-11xl) )
}
}
.mux-Typography-Jumbo-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Jumbo-font-size-mobile, var(--cds-font-size-16xl) );
	line-height: var( --mux-Typography-Jumbo-line-height-mobile, var(--cds-line-height-11xl) )
}
@media (min-width: 768px) {
.mux-Typography-Jumbo-Light {
	font-size: var(--mux-Typography-Jumbo-font-size, var(--cds-font-size-16xl));
	line-height: var( --mux-Typography-Jumbo-line-height, var(--cds-line-height-11xl) )
}
}
.mux-Typography-Jumbo-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Jumbo-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Jumbo-font-size-mobile, var(--cds-font-size-16xl) );
	line-height: var( --mux-Typography-Jumbo-line-height-mobile, var(--cds-line-height-11xl) )
}
@media (min-width: 768px) {
.mux-Typography-Jumbo-Demibold {
	font-size: var(--mux-Typography-Jumbo-font-size, var(--cds-font-size-16xl));
	line-height: var( --mux-Typography-Jumbo-line-height, var(--cds-line-height-11xl) )
}
}
.mux-Typography-Jumbo-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Jumbo-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Jumbo-font-size-mobile, var(--cds-font-size-16xl) );
	line-height: var( --mux-Typography-Jumbo-line-height-mobile, var(--cds-line-height-11xl) )
}
@media (min-width: 768px) {
.mux-Typography-Jumbo-Bold {
	font-size: var(--mux-Typography-Jumbo-font-size, var(--cds-font-size-16xl));
	line-height: var( --mux-Typography-Jumbo-line-height, var(--cds-line-height-11xl) )
}
}
.mux-Typography-Jumbo-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Jumbo-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Jumbo-font-size-mobile, var(--cds-font-size-16xl) );
	line-height: var( --mux-Typography-Jumbo-line-height-mobile, var(--cds-line-height-11xl) )
}
@media (min-width: 768px) {
.mux-Typography-Jumbo-Serif {
	font-size: var(--mux-Typography-Jumbo-font-size, var(--cds-font-size-16xl));
	line-height: var( --mux-Typography-Jumbo-line-height, var(--cds-line-height-11xl) )
}
}
.mux-Typography-Jumbo-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-ExtraLarge {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-ExtraLarge-font-size-mobile, var(--cds-font-size-7xl) );
	line-height: 2.5625rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height-mobile, 2.5625rem)
}
@media (min-width: 768px) {
.mux-Typography-ExtraLarge {
	font-size: var( --mux-Typography-ExtraLarge-font-size, var(--cds-font-size-12xl) );
	line-height: 3.375rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height, 3.375rem)
}
}
.mux-Typography-ExtraLarge-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-ExtraLarge-font-size-mobile, var(--cds-font-size-7xl) );
	line-height: 2.5625rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height-mobile, 2.5625rem)
}
@media (min-width: 768px) {
.mux-Typography-ExtraLarge-Light {
	font-size: var( --mux-Typography-ExtraLarge-font-size, var(--cds-font-size-12xl) );
	line-height: 3.375rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height, 3.375rem)
}
}
.mux-Typography-ExtraLarge-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-ExtraLarge-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-ExtraLarge-font-size-mobile, var(--cds-font-size-7xl) );
	line-height: 2.5625rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height-mobile, 2.5625rem)
}
@media (min-width: 768px) {
.mux-Typography-ExtraLarge-Demibold {
	font-size: var( --mux-Typography-ExtraLarge-font-size, var(--cds-font-size-12xl) );
	line-height: 3.375rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height, 3.375rem)
}
}
.mux-Typography-ExtraLarge-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-ExtraLarge-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-ExtraLarge-font-size-mobile, var(--cds-font-size-7xl) );
	line-height: 2.5625rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height-mobile, 2.5625rem)
}
@media (min-width: 768px) {
.mux-Typography-ExtraLarge-Bold {
	font-size: var( --mux-Typography-ExtraLarge-font-size, var(--cds-font-size-12xl) );
	line-height: 3.375rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height, 3.375rem)
}
}
.mux-Typography-ExtraLarge-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-ExtraLarge-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-ExtraLarge-font-size-mobile, var(--cds-font-size-7xl) );
	line-height: 2.5625rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height-mobile, 2.5625rem)
}
@media (min-width: 768px) {
.mux-Typography-ExtraLarge-Serif {
	font-size: var( --mux-Typography-ExtraLarge-font-size, var(--cds-font-size-12xl) );
	line-height: 3.375rem;
	line-height: var(--mux-Typography-ExtraLarge-line-height, 3.375rem)
}
}
.mux-Typography-ExtraLarge-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-Large {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Large-font-size-mobile, var(--cds-font-size-6xl) );
	line-height: var( --mux-Typography-Large-line-height-mobile, var(--cds-line-height-4xl) )
}
@media (min-width: 768px) {
.mux-Typography-Large {
	font-size: var(--mux-Typography-Large-font-size, var(--cds-font-size-8xl));
	line-height: var( --mux-Typography-Large-line-height, var(--cds-line-height-6xl) )
}
}
.mux-Typography-Large-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Large-font-size-mobile, var(--cds-font-size-6xl) );
	line-height: var( --mux-Typography-Large-line-height-mobile, var(--cds-line-height-4xl) )
}
@media (min-width: 768px) {
.mux-Typography-Large-Light {
	font-size: var(--mux-Typography-Large-font-size, var(--cds-font-size-8xl));
	line-height: var( --mux-Typography-Large-line-height, var(--cds-line-height-6xl) )
}
}
.mux-Typography-Large-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Large-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Large-font-size-mobile, var(--cds-font-size-6xl) );
	line-height: var( --mux-Typography-Large-line-height-mobile, var(--cds-line-height-4xl) )
}
@media (min-width: 768px) {
.mux-Typography-Large-Demibold {
	font-size: var(--mux-Typography-Large-font-size, var(--cds-font-size-8xl));
	line-height: var( --mux-Typography-Large-line-height, var(--cds-line-height-6xl) )
}
}
.mux-Typography-Large-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Large-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Large-font-size-mobile, var(--cds-font-size-6xl) );
	line-height: var( --mux-Typography-Large-line-height-mobile, var(--cds-line-height-4xl) )
}
@media (min-width: 768px) {
.mux-Typography-Large-Bold {
	font-size: var(--mux-Typography-Large-font-size, var(--cds-font-size-8xl));
	line-height: var( --mux-Typography-Large-line-height, var(--cds-line-height-6xl) )
}
}
.mux-Typography-Large-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Large-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Large-font-size-mobile, var(--cds-font-size-6xl) );
	line-height: var( --mux-Typography-Large-line-height-mobile, var(--cds-line-height-4xl) )
}
@media (min-width: 768px) {
.mux-Typography-Large-Serif {
	font-size: var(--mux-Typography-Large-font-size, var(--cds-font-size-8xl));
	line-height: var( --mux-Typography-Large-line-height, var(--cds-line-height-6xl) )
}
}
.mux-Typography-Large-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-Medium {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Medium-font-size-mobile, var(--cds-font-size-2xl) );
	line-height: var( --mux-Typography-Medium-line-height-mobile, var(--cds-line-height-3xl) )
}
@media (min-width: 768px) {
.mux-Typography-Medium {
	font-size: var(--mux-Typography-Medium-font-size, var(--cds-font-size-2xl));
	line-height: var( --mux-Typography-Medium-line-height, var(--cds-line-height-3xl) )
}
}
.mux-Typography-Medium-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Medium-font-size-mobile, var(--cds-font-size-2xl) );
	line-height: var( --mux-Typography-Medium-line-height-mobile, var(--cds-line-height-3xl) )
}
@media (min-width: 768px) {
.mux-Typography-Medium-Light {
	font-size: var(--mux-Typography-Medium-font-size, var(--cds-font-size-2xl));
	line-height: var( --mux-Typography-Medium-line-height, var(--cds-line-height-3xl) )
}
}
.mux-Typography-Medium-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Medium-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Medium-font-size-mobile, var(--cds-font-size-2xl) );
	line-height: var( --mux-Typography-Medium-line-height-mobile, var(--cds-line-height-3xl) )
}
@media (min-width: 768px) {
.mux-Typography-Medium-Demibold {
	font-size: var(--mux-Typography-Medium-font-size, var(--cds-font-size-2xl));
	line-height: var( --mux-Typography-Medium-line-height, var(--cds-line-height-3xl) )
}
}
.mux-Typography-Medium-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Medium-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Medium-font-size-mobile, var(--cds-font-size-2xl) );
	line-height: var( --mux-Typography-Medium-line-height-mobile, var(--cds-line-height-3xl) )
}
@media (min-width: 768px) {
.mux-Typography-Medium-Bold {
	font-size: var(--mux-Typography-Medium-font-size, var(--cds-font-size-2xl));
	line-height: var( --mux-Typography-Medium-line-height, var(--cds-line-height-3xl) )
}
}
.mux-Typography-Medium-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Medium-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Medium-font-size-mobile, var(--cds-font-size-2xl) );
	line-height: var( --mux-Typography-Medium-line-height-mobile, var(--cds-line-height-3xl) )
}
@media (min-width: 768px) {
.mux-Typography-Medium-Serif {
	font-size: var(--mux-Typography-Medium-font-size, var(--cds-font-size-2xl));
	line-height: var( --mux-Typography-Medium-line-height, var(--cds-line-height-3xl) )
}
}
.mux-Typography-Medium-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-Small {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Small-font-size-mobile, var(--cds-font-size-xl) );
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height-mobile, 1.625rem)
}
@media (min-width: 768px) {
.mux-Typography-Small {
	font-size: var(--mux-Typography-Small-font-size, var(--cds-font-size-xl));
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height, 1.625rem)
}
}
.mux-Typography-Small-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Small-font-size-mobile, var(--cds-font-size-xl) );
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height-mobile, 1.625rem)
}
@media (min-width: 768px) {
.mux-Typography-Small-Light {
	font-size: var(--mux-Typography-Small-font-size, var(--cds-font-size-xl));
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height, 1.625rem)
}
}
.mux-Typography-Small-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Small-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Small-font-size-mobile, var(--cds-font-size-xl) );
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height-mobile, 1.625rem)
}
@media (min-width: 768px) {
.mux-Typography-Small-Demibold {
	font-size: var(--mux-Typography-Small-font-size, var(--cds-font-size-xl));
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height, 1.625rem)
}
}
.mux-Typography-Small-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Small-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Small-font-size-mobile, var(--cds-font-size-xl) );
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height-mobile, 1.625rem)
}
@media (min-width: 768px) {
.mux-Typography-Small-Bold {
	font-size: var(--mux-Typography-Small-font-size, var(--cds-font-size-xl));
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height, 1.625rem)
}
}
.mux-Typography-Small-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Small-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Small-font-size-mobile, var(--cds-font-size-xl) );
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height-mobile, 1.625rem)
}
@media (min-width: 768px) {
.mux-Typography-Small-Serif {
	font-size: var(--mux-Typography-Small-font-size, var(--cds-font-size-xl));
	line-height: 1.625rem;
	line-height: var(--mux-Typography-Small-line-height, 1.625rem)
}
}
.mux-Typography-Small-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-Base {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Base-font-size-mobile, var(--cds-font-size-base) );
	line-height: var( --mux-Typography-Base-line-height-mobile, var(--cds-line-height-xl) )
}
@media (min-width: 768px) {
.mux-Typography-Base {
	font-size: var(--mux-Typography-Base-font-size, var(--cds-font-size-base));
	line-height: var( --mux-Typography-Base-line-height, var(--cds-line-height-xl) )
}
}
.mux-Typography-Base-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Base-font-size-mobile, var(--cds-font-size-base) );
	line-height: var( --mux-Typography-Base-line-height-mobile, var(--cds-line-height-xl) )
}
@media (min-width: 768px) {
.mux-Typography-Base-Light {
	font-size: var(--mux-Typography-Base-font-size, var(--cds-font-size-base));
	line-height: var( --mux-Typography-Base-line-height, var(--cds-line-height-xl) )
}
}
.mux-Typography-Base-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Base-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Base-font-size-mobile, var(--cds-font-size-base) );
	line-height: var( --mux-Typography-Base-line-height-mobile, var(--cds-line-height-xl) )
}
@media (min-width: 768px) {
.mux-Typography-Base-Demibold {
	font-size: var(--mux-Typography-Base-font-size, var(--cds-font-size-base));
	line-height: var( --mux-Typography-Base-line-height, var(--cds-line-height-xl) )
}
}
.mux-Typography-Base-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Base-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Base-font-size-mobile, var(--cds-font-size-base) );
	line-height: var( --mux-Typography-Base-line-height-mobile, var(--cds-line-height-xl) )
}
@media (min-width: 768px) {
.mux-Typography-Base-Bold {
	font-size: var(--mux-Typography-Base-font-size, var(--cds-font-size-base));
	line-height: var( --mux-Typography-Base-line-height, var(--cds-line-height-xl) )
}
}
.mux-Typography-Base-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Base-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Base-font-size-mobile, var(--cds-font-size-base) );
	line-height: var( --mux-Typography-Base-line-height-mobile, var(--cds-line-height-xl) )
}
@media (min-width: 768px) {
.mux-Typography-Base-Serif {
	font-size: var(--mux-Typography-Base-font-size, var(--cds-font-size-base));
	line-height: var( --mux-Typography-Base-line-height, var(--cds-line-height-xl) )
}
}
.mux-Typography-Base-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
.mux-Typography-Tiny {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Tiny-font-size-mobile, var(--cds-font-size-xs) );
	line-height: var( --mux-Typography-Tiny-line-height-mobile, var(--cds-line-height-lg) )
}
@media (min-width: 768px) {
.mux-Typography-Tiny {
	font-size: var(--mux-Typography-Tiny-font-size, var(--cds-font-size-xs));
	line-height: var( --mux-Typography-Tiny-line-height, var(--cds-line-height-lg) )
}
}
.mux-Typography-Tiny-Light {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Tiny-font-size-mobile, var(--cds-font-size-xs) );
	line-height: var( --mux-Typography-Tiny-line-height-mobile, var(--cds-line-height-lg) )
}
@media (min-width: 768px) {
.mux-Typography-Tiny-Light {
	font-size: var(--mux-Typography-Tiny-font-size, var(--cds-font-size-xs));
	line-height: var( --mux-Typography-Tiny-line-height, var(--cds-line-height-lg) )
}
}
.mux-Typography-Tiny-Light {
	font-weight: var(--cds-font-weight-light)
}
.mux-Typography-Tiny-Demibold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Tiny-font-size-mobile, var(--cds-font-size-xs) );
	line-height: var( --mux-Typography-Tiny-line-height-mobile, var(--cds-line-height-lg) )
}
@media (min-width: 768px) {
.mux-Typography-Tiny-Demibold {
	font-size: var(--mux-Typography-Tiny-font-size, var(--cds-font-size-xs));
	line-height: var( --mux-Typography-Tiny-line-height, var(--cds-line-height-lg) )
}
}
.mux-Typography-Tiny-Demibold {
	font-weight: var(--cds-font-weight-demibold)
}
.mux-Typography-Tiny-Bold {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Tiny-font-size-mobile, var(--cds-font-size-xs) );
	line-height: var( --mux-Typography-Tiny-line-height-mobile, var(--cds-line-height-lg) )
}
@media (min-width: 768px) {
.mux-Typography-Tiny-Bold {
	font-size: var(--mux-Typography-Tiny-font-size, var(--cds-font-size-xs));
	line-height: var( --mux-Typography-Tiny-line-height, var(--cds-line-height-lg) )
}
}
.mux-Typography-Tiny-Bold {
	font-weight: var(--cds-font-weight-bold)
}
.mux-Typography-Tiny-Serif {
	font-family: Malvern JH Sans, Helvetica, Arial, sans-serif;
	font-weight: var(--cds-font-weight-regular);
	font-size: var( --mux-Typography-Tiny-font-size-mobile, var(--cds-font-size-xs) );
	line-height: var( --mux-Typography-Tiny-line-height-mobile, var(--cds-line-height-lg) )
}
@media (min-width: 768px) {
.mux-Typography-Tiny-Serif {
	font-size: var(--mux-Typography-Tiny-font-size, var(--cds-font-size-xs));
	line-height: var( --mux-Typography-Tiny-line-height, var(--cds-line-height-lg) )
}
}
.mux-Typography-Tiny-Serif {
	font-family: "Malvern JH Serif", serif;
	font-style: italic
}
[data-mux-theme^=ca] {
--cds-color-light-4-green: #caeed9;
--cds-color-light-3-green: #ace5c4;
--cds-color-light-2-green: #5cd790;
--cds-color-light-1-green: #00c46e;
--cds-color-m-green: #00a758;
--cds-color-dark-1-green: #06874e;
--cds-color-dark-2-green: #046138;
--cds-color-dark-3-green: #004427;
--cds-color-light-4-blue: #c1d8f7;
--cds-color-light-3-blue: #76b0ff;
--cds-color-light-2-blue: #2d69ff;
--cds-color-light-1-blue: #1e1ee5;
--cds-color-jh-blue: #0000c1;
--cds-color-dark-1-blue: #00009a;
--cds-color-dark-2-blue: #000082;
--cds-color-dark-3-blue: #000060;
--cds-color-light-4-gold: #fbe9c6;
--cds-color-light-3-gold: #f8d38a;
--cds-color-light-2-gold: #fcc457;
--cds-color-light-1-gold: #f9ab2e;
--cds-color-gold: #f49600;
--cds-color-dark-1-gold: #e38400;
--cds-color-dark-2-gold: #ce7612;
--cds-color-dark-3-gold: #a75900;
--cds-color-light-4-violet: #d4d2e9;
--cds-color-light-3-violet: #9d8dbc;
--cds-color-light-2-violet: #836aa6;
--cds-color-light-1-violet: #6f5693;
--cds-color-violet: #604584;
--cds-color-dark-1-violet: #4c336b;
--cds-color-dark-2-violet: #331a53;
--cds-color-dark-3-violet: #261848;
--cds-color-light-4-turquoise: #c5f4f1;
--cds-color-light-3-turquoise: #9df3ed;
--cds-color-light-2-turquoise: #6ae7df;
--cds-color-light-1-turquoise: #28d7cb;
--cds-color-turquoise: #06c7ba;
--cds-color-dark-1-turquoise: #05b2a7;
--cds-color-dark-2-turquoise: #08a298;
--cds-color-dark-3-turquoise: #0b9189;
--cds-color-light-4-coral: #f6ccc7;
--cds-color-light-3-coral: #fcaca1;
--cds-color-light-2-coral: #f69082;
--cds-color-light-1-coral: #ff7769;
--cds-color-coral: #ec6453;
--cds-color-dark-1-coral: #d03a39;
--cds-color-dark-2-coral: #a00e18;
--cds-color-dark-3-coral: #830a10;
--cds-color-white: #ffffff;
--cds-color-light-2-grey: #fafafa;
--cds-color-light-1-grey: #f5f5f5;
--cds-color-light-grey: #ededed;
--cds-color-dark-1-light-grey: #e5e5e8;
--cds-color-dark-2-light-grey: #dfe0e2;
--cds-color-dark-3-light-grey: #c2c3c9;
--cds-color-light-5-dark-navy: #dddee4;
--cds-color-light-4-dark-navy: #8e90a2;
--cds-color-light-3-dark-navy: #5e6073;
--cds-color-light-2-dark-navy: #424559;
--cds-color-light-1-dark-navy: #34384b;
--cds-color-dark-navy: #282b3e;
--cds-color-super-dark-navy: #1e212f;
--cds-color-black: #000000;
--cds-color-red: #db1f00;
--cds-font-size-3xs: .75rem;
--cds-font-size-2xs: .8125rem;
--cds-font-size-xs: .875rem;
--cds-font-size-sm: .9375rem;
--cds-font-size-base: 1rem;
--cds-font-size-lg: 1.0625rem;
--cds-font-size-xl: 1.125rem;
--cds-font-size-2xl: 1.375rem;
--cds-font-size-3xl: 1.4375rem;
--cds-font-size-4xl: 1.5rem;
--cds-font-size-5xl: 1.5625rem;
--cds-font-size-6xl: 1.625rem;
--cds-font-size-7xl: 1.875rem;
--cds-font-size-8xl: 2rem;
--cds-font-size-9xl: 2.125rem;
--cds-font-size-10xl: 2.25rem;
--cds-font-size-11xl: 2.375rem;
--cds-font-size-12xl: 2.75rem;
--cds-font-size-13xl: 2.9375rem;
--cds-font-size-14xl: 3rem;
--cds-font-size-15xl: 3.375rem;
--cds-font-size-16xl: 3.5rem;
--cds-font-size-17xl: 3.75rem;
--cds-font-weight-light: 300;
--cds-font-weight-regular: 400;
--cds-font-weight-demibold: 600;
--cds-font-weight-bold: 700;
--cds-layout-1: .75rem;
--cds-layout-2: 1rem;
--cds-layout-3: 1.5rem;
--cds-layout-4: 2rem;
--cds-layout-5: 2.5rem;
--cds-layout-6: 3rem;
--cds-layout-7: 4rem;
--cds-layout-8: 6rem;
--cds-layout-9: 10rem;
--cds-line-height-3xs: .75rem;
--cds-line-height-2xs: .8125rem;
--cds-line-height-xs: .875rem;
--cds-line-height-sm: .9375rem;
--cds-line-height-base: 1rem;
--cds-line-height-lg: 1.25rem;
--cds-line-height-xl: 1.5rem;
--cds-line-height-2xl: 1.75rem;
--cds-line-height-3xl: 2rem;
--cds-line-height-4xl: 2.25rem;
--cds-line-height-5xl: 2.5625rem;
--cds-line-height-6xl: 2.75rem;
--cds-line-height-7xl: 3rem;
--cds-line-height-8xl: 3.375rem;
--cds-line-height-9xl: 3.5rem;
--cds-line-height-10xl: 3.75rem;
--cds-line-height-11xl: 4rem;
--cds-line-height-12xl: 4.25rem;
--cds-line-height-13xl: 4.5rem;
--cds-line-height-14xl: 5.25rem;
--cds-radius-sm: .25rem;
--cds-radius-md: .5rem;
--cds-radius-lg: .75rem;
--cds-radius-xl: 1rem;
--cds-radius-2xl: 2rem;
--cds-radius-3xl: 4rem;
--cds-screen-mobile: 320;
--cds-screen-tablet: 768;
--cds-screen-desktop: 1024;
--cds-screen-xs: 320;
--cds-screen-sm: 768;
--cds-screen-md: 1024;
--cds-screen-lg: 1280;
--cds-screen-xl: 1440;
--cds-screen-2xl: 1920;
--cds-spacing-1: .25rem;
--cds-spacing-2: .5rem;
--cds-spacing-3: .75rem;
--cds-spacing-4: 1rem;
--cds-spacing-5: 1.5rem;
--cds-spacing-6: 2rem;
--cds-spacing-7: 2.5rem;
--cds-spacing-8: 3rem;
--cds-spacing-9: 4rem;
--cds-color-accent-light-4: var(--cds-color-light-4-coral);
--cds-color-accent-light-3: var(--cds-color-light-3-coral);
--cds-color-accent-light-2: var(--cds-color-light-2-coral);
--cds-color-accent-light-1: var(--cds-color-light-1-coral);
--cds-color-accent-default: var(--cds-color-coral);
--cds-color-accent-dark-1: var(--cds-color-dark-1-coral);
--cds-color-accent-dark-2: var(--cds-color-dark-2-coral);
--cds-color-accent-dark-3: var(--cds-color-dark-3-coral);
--cds-color-primary-main-light-4: var(--cds-color-light-4-green);
--cds-color-primary-main-light-3: var(--cds-color-light-3-green);
--cds-color-primary-main-light-2: var(--cds-color-light-2-green);
--cds-color-primary-main-light-1: var(--cds-color-light-1-green);
--cds-color-primary-main-default: var(--cds-color-m-green);
--cds-color-primary-main-dark-1: var(--cds-color-dark-1-green);
--cds-color-primary-main-dark-2: var(--cds-color-dark-2-green);
--cds-color-primary-main-dark-3: var(--cds-color-dark-3-green);
--cds-color-primary-alternate-light-4: var(--cds-color-light-4-blue);
--cds-color-primary-alternate-light-3: var(--cds-color-light-3-blue);
--cds-color-primary-alternate-light-2: var(--cds-color-light-2-blue);
--cds-color-primary-alternate-light-1: var(--cds-color-light-1-blue);
--cds-color-primary-alternate-default: var(--cds-color-jh-blue);
--cds-color-primary-alternate-dark-1: var(--cds-color-dark-1-blue);
--cds-color-primary-alternate-dark-2: var(--cds-color-dark-2-blue);
--cds-color-primary-alternate-dark-3: var(--cds-color-dark-3-blue);
--cds-color-secondary-one-light-4: var(--cds-color-light-4-violet);
--cds-color-secondary-one-light-3: var(--cds-color-light-3-violet);
--cds-color-secondary-one-light-2: var(--cds-color-light-2-violet);
--cds-color-secondary-one-light-1: var(--cds-color-light-1-violet);
--cds-color-secondary-one-default: var(--cds-color-violet);
--cds-color-secondary-one-dark-1: var(--cds-color-dark-1-violet);
--cds-color-secondary-one-dark-2: var(--cds-color-dark-2-violet);
--cds-color-secondary-one-dark-3: var(--cds-color-dark-3-violet);
--cds-color-secondary-two-light-4: var(--cds-color-light-4-gold);
--cds-color-secondary-two-light-3: var(--cds-color-light-3-gold);
--cds-color-secondary-two-light-2: var(--cds-color-light-2-gold);
--cds-color-secondary-two-light-1: var(--cds-color-light-1-gold);
--cds-color-secondary-two-default: var(--cds-color-gold);
--cds-color-secondary-two-dark-1: var(--cds-color-dark-1-gold);
--cds-color-secondary-two-dark-2: var(--cds-color-dark-2-gold);
--cds-color-secondary-two-dark-3: var(--cds-color-dark-3-gold);
--cds-color-secondary-three-light-4: var(--cds-color-light-4-turquoise);
--cds-color-secondary-three-light-3: var(--cds-color-light-3-turquoise);
--cds-color-secondary-three-light-2: var(--cds-color-light-2-turquoise);
--cds-color-secondary-three-light-1: var(--cds-color-light-1-turquoise);
--cds-color-secondary-three-default: var(--cds-color-turquoise);
--cds-color-secondary-three-dark-1: var(--cds-color-dark-1-turquoise);
--cds-color-secondary-three-dark-2: var(--cds-color-dark-2-turquoise);
--cds-color-secondary-three-dark-3: var(--cds-color-dark-3-turquoise);
--cds-color-neutral-dark-light-5: var(--cds-color-light-5-dark-navy);
--cds-color-neutral-dark-light-4: var(--cds-color-light-4-dark-navy);
--cds-color-neutral-dark-light-3: var(--cds-color-light-3-dark-navy);
--cds-color-neutral-dark-light-2: var(--cds-color-light-2-dark-navy);
--cds-color-neutral-dark-light-1: var(--cds-color-light-1-dark-navy);
--cds-color-neutral-dark-default: var(--cds-color-dark-navy);
--cds-color-neutral-dark-dark-1: var(--cds-color-super-dark-navy);
--cds-color-neutral-dark-dark-2: var(--cds-color-black);
--cds-color-neutral-light-light-3: var(--cds-color-white);
--cds-color-neutral-light-light-2: var(--cds-color-light-2-grey);
--cds-color-neutral-light-light-1: var(--cds-color-light-1-grey);
--cds-color-neutral-light-default: var(--cds-color-light-grey);
--cds-color-neutral-light-dark-1: var(--cds-color-dark-1-light-grey);
--cds-color-neutral-light-dark-2: var(--cds-color-dark-2-light-grey);
--cds-color-neutral-light-dark-3: var(--cds-color-dark-3-light-grey);
--cds-color-status-error: var(--cds-color-red);
--cds-color-status-success: var(--cds-color-dark-1-green);
--cds-color-status-warning: var(--cds-color-dark-2-gold);
--cds-color-status-information: var(--cds-color-light-2-blue);
--cds-color-status-inactive: var(--cds-color-light-grey);
--cds-color-status-disabled: var(--cds-color-light-4-dark-navy)
}
[data-mux-theme^=ca], [data-mux-theme^=ca]>* {
--mux-Button-background-disabled: var(--cds-color-neutral-light-dark-2);
--mux-Button-color-disabled: var(--cds-color-neutral-light-light-3);
--mux-Button-padding: var(--cds-spacing-3) var(--cds-spacing-5);
--mux-Button-min-width: 200px;
--mux-Button-secondary-color: var(--cds-color-accent-default);
--mux-Button-secondary-font-weight: var(--cds-font-weight-bold);
--mux-Button-tertiary-background: transparent;
--mux-Button-tertiary-background-active: transparent;
--mux-Button-tertiary-background-hover: transparent;
--mux-Button-tertiary-background-disabled: transparent;
--mux-Button-tertiary-border: transparent;
--mux-Button-tertiary-border-active: transparent;
--mux-Button-tertiary-border-hover: transparent;
--mux-Button-tertiary-color: var(--cds-color-neutral-dark-default);
--mux-Button-tertiary-color-active: var(--cds-color-neutral-dark-default);
--mux-Button-tertiary-color-disabled: var(--cds-color-neutral-light-dark-3);
--mux-Button-tertiary-color-hover: var(--cds-color-neutral-dark-default);
--mux-Button-tertiary-Icon-color: var(--cds-color-accent-default);
--mux-Button-tertiary-Icon-color-active: var(--cds-color-accent-dark-2);
--mux-Button-tertiary-Icon-color-disabled: var( --cds-color-neutral-light-dark-3 );
--mux-Button-tertiary-Icon-color-hover: var(--cds-color-accent-dark-1);
--mux-DatePicker-DateSegment-background-focused: #eaf8f0;
--mux-DatePicker-DateSegment-border-focused: var( --cds-color-primary-main-default );
--mux-FloatingActionButton-border-radius: var(--cds-layout-1);
--mux-FocusOutline-color: var(--cds-color-primary-main-dark-1);
--mux-FocusOutline-offset-color: var(--cds-color-neutral-light-light-3);
--mux-Input-error-background-color: #fef3f3;
--mux-ListBoxItem-font-weight: var(--cds-font-weight-regular);
--mux-ListBoxItem-hover-background: var(--cds-color-neutral-light-default);
--mux-ListBoxItem-selected-background: var(--cds-color-neutral-light-light-3);
--mux-ListBoxItem-selected-font-weight: var(--cds-font-weight-regular);
--mux-ListBoxItem-selected-hover: var(--cds-color-neutral-light-light-1);
--mux-ListBoxItem-selected-show-indicator: 1;
--mux-TextLink-color: var(--cds-color-primary-main-dark-2);
--mux-TextLink-font-weight: 400;
--mux-TextLink-text-shadow: currentcolor;
--mux-TextLink-text-underline-offset: 4px;
--mux-TextLink-text-underline-color-hover: var( --cds-color-primary-main-default );
--mux-TextLink-Icon-color: currentcolor;
--mux-TextLink-inverse-color: var(--cds-color-neutral-light-dark-3);
--mux-TextLink-inverse-text-underline-color-hover: var( --cds-color-neutral-light-light-3 );
--mux-Toast-font-size: var(--cds-font-size-base);
--mux-Toast-line-height: var(--cds-line-height-xl);
--mux-Toast-max-width: 410px;
--mux-Toast-margin-mobile-standard: 0 var(--cds-spacing-6) var(--cds-spacing-6);
--mux-Toast-background-color-error: var(--cds-color-status-error);
--mux-Toggle-diameter: 30px;
--mux-Toggle-border-width: 2px;
--mux-Toggle-left: calc(var(--mux-Toggle-border-width) * -1);
--mux-Toggle-color-unchecked: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-color-unchecked-hover: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-color-checked: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-color-checked-hover: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-color-disabled: var(--cds-color-neutral-light-dark-3);
--mux-Toggle-background-unchecked: var(--cds-color-neutral-light-light-3);
--mux-Toggle-background-unchecked-hover: var( --cds-color-neutral-light-light-3 );
--mux-Toggle-background-checked: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-background-checked-hover: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-background-disabled: var(--cds-color-neutral-light-dark-3);
--mux-Toggle-track-height: 30px;
--mux-Toggle-track-width: 45px;
--mux-Toggle-transition: .35s cubic-bezier(.54, 1.6, .5, 1);
--mux-Toggle-Label-color: var(--cds-color-neutral-dark-light-1);
--mux-Toggle-Label-color-disabled: var(--cds-color-neutral-light-dark-3);
--cds-font-family: "Malvern JH Sans", Helvetica, Arial, sans-serif;
--mux-H1-font-size: var(--cds-font-size-12xl);
--mux-H1-line-height: 3.375rem;
--mux-H1-font-size-mobile: var(--cds-font-size-7xl);
--mux-H1-line-height-mobile: 2.5625rem;
--mux-H2-font-size: var(--cds-font-size-8xl);
--mux-H2-line-height: var(--cds-line-height-6xl);
--mux-H2-font-size-mobile: var(--cds-font-size-6xl);
--mux-H2-line-height-mobile: var(--cds-line-height-4xl);
--mux-H3-font-size: var(--cds-font-size-2xl);
--mux-H3-line-height: var(--cds-line-height-3xl);
--mux-H3-font-size-mobile: var(--cds-font-size-2xl);
--mux-H3-line-height-mobile: var(--cds-line-height-3xl);
--mux-H4-font-size: var(--cds-font-size-xl);
--mux-H4-line-height: 1.625rem;
--mux-H4-font-size-mobile: var(--cds-font-size-xl);
--mux-H4-line-height-mobile: 1.625rem;
--mux-SideNav-Mobile-background: var(--cds-color-neutral-dark-default);
--mux-SideNav-Mobile-border: 1px solid var(--cds-color-neutral-dark-default);
--mux-SideNav-Mobile-Button-Label-display: block;
--mux-SideNav-Mobile-SubNav-position: static;
--mux-SideNav-Mobile-SubNav-overlay: 0;
--mux-SideNav-Mobile-SubNav-height: auto;
--mux-SideNav-Mobile-SubNav-BackButton-display: none;
--mux-SideNav-Mobile-Selector-align-items: flex-end;
--mux-SideNav-Mobile-Selector-background: var( --cds-color-neutral-dark-light-2 );
--mux-SideNav-Mobile-Selector-Button-font-size: var(--cds-font-size-base);
--mux-SideNav-Mobile-Selector-Button-color: var( --cds-color-neutral-light-light-3 );
--mux-SideNav-Mobile-Selector-Button-padding: var(--cds-spacing-2) var(--cds-spacing-4) var(--cds-spacing-1);
--mux-SideNav-Mobile-Selector-Button-border-color: transparent;
--mux-SideNav-Mobile-Selector-Button-border-width: 0 0 4px;
--mux-SideNav-Mobile-Selector-Button-border-width-selected: 0 0 4px;
--mux-SideNav-Mobile-SignInButton-font-weight: var(--cds-font-weight-regular);
--mux-SideNav-Mobile-SignInButton-margin: 0;
--mux-SideNav-Mobile-SignInButton-height: 60px;
--mux-SideNav-Mobile-SignInButton-Icon-display: inline;
--mux-SideNav-Mobile-SignInButton-justify-content: left;
--mux-SideNav-Mobile-SignInButton-background: var( --cds-color-secondary-two-light-1 );
--mux-SideNav-Mobile-SignInButton-background-hover: var( --cds-color-secondary-two-default );
--mux-SideNav-Mobile-SignInButton-border: none;
--mux-SideNav-Mobile-SignInButton-background-signedin: transparent;
--mux-SideNav-Mobile-SignInButton-background-signedin-hover: var( --cds-color-neutral-dark-light-1 );
--mux-SideNav-Mobile-SignInButton-color-signedin: var( --cds-color-neutral-light-light-3 );
--mux-SideNav-BrandLogo-display: flex;
--mux-SideNav-BrandLogo-height: 80px;
--mux-SideNav-BrandLogo-height-mobile: 60px;
--mux-SideNav-WordmarkLogo-height: 30px;
--mux-SideNav-WordmarkLogo-height-mobile: 20px;
--mux-SideNav-Item-height-mobile: 60px;
--mux-SideNav-MainItem-background: var(--cds-color-neutral-dark-light-2);
--mux-SideNav-MainItem-background-mobile: var( --cds-color-neutral-dark-light-2 );
--mux-SideNav-MainItem-background-selected-mobile: var( --cds-color-neutral-dark-light-1 );
--mux-SideNav-MainItem-selected-show-indicator: 0;
--mux-SideNav-MainItem-Chevron-display: none;
--mux-SideNav-MainItem-Icon-inactive-color: currentcolor;
--mux-SideNav-MainItem-border-color: var(--cds-color-neutral-dark-light-1);
--mux-SideNav-MainItem-border-color-mobile: var( --cds-color-neutral-dark-light-1 );
--mux-SideNav-MainItem-color-mobile: var(--cds-color-neutral-light-light-3);
--mux-SideNav-SubItem-width: 240px;
--mux-SideNav-SubItem-width-xl: 240px;
--mux-SideNav-SubItem-padding: 20px;
--mux-SideNav-SubItem-padding-mobile: 20px;
--mux-SideNav-SubItem-background-selected: var( --cds-color-neutral-light-default );
--mux-SideNav-SubItem-font-weight-selected: var(--cds-font-weight-demibold);
--mux-UtilityHeader-height: 40px;
--mux-UtilityHeader-main-background: var(--cds-color-neutral-dark-light-2);
--mux-UtilityHeader-main-color: var(--cds-color-neutral-light-light-3);
--mux-UtilityHeader-sub-background: var(--cds-color-neutral-dark-light-2);
--mux-UtilityHeader-sub-color: var(--cds-color-neutral-light-light-3);
--mux-UtilityHeader-HeaderButton-padding-right: "0px";
--mux-UtilityHeader-main-HeaderButton-padding-left: "4px";
--mux-UtilityHeader-sub-HeaderButton-padding-left: "0px";
--mux-UtilityHeader-HeaderButton-color: var( --cds-color-neutral-light-light-3 );
--mux-UtilityHeader-focus-background: var(--cds-color-neutral-dark-default);
--mux-UtilityHeader-HeaderButton-border-width: 1px;
--mux-UtilityHeader-HeaderButton-height: 40px;
--mux-UtilityHeader-SignIn-margin-x: 16px;
--mux-UtilityHeader-Tab-alignment: left;
--mux-UtilityHeader-MenuItem-active-background-color: var( --cds-color-neutral-light-light-1 );
--mux-UtilityHeader-TabButton-color: var(--cds-color-neutral-light-light-3)
}
[data-mux-theme*=igp], [data-mux-theme*=igp]>* {
--cds-color-accent-default: var(--cds-color-igp-blue);
--cds-color-accent-dark-1: var(--cds-color-igp-blue);
--cds-color-accent-dark-2: var(--cds-color-igp-dark-blue);
--cds-color-primary-main-default: var(--cds-color-igp-blue)
}
:focus-visible {
--mux-FocusOutline-offset-shadow: 0 0 0 4px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
--mux-FocusOutline-shadow: 0 0 0 3px var(--mux-FocusOutline-color, var(--cds-color-primary-main-dark-1));
--mux-FocusOutline-inner-shadow: 0 0 0 1px var(--mux-FocusOutline-offset-color, var(--cds-color-neutral-light-light-3));
box-shadow:var(--mux-FocusOutline-inner-shadow), var(--mux-FocusOutline-shadow), var(--mux-FocusOutline-offset-shadow);
outline:2px solid transparent;
outline-offset:2px
}