@layer tokens {
/*
 * Manulife JH Optimized
 *
 * NOTE: Font file import order is important! (because browser issues)
 */
@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Light.13a22eca.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Light.35e2458f.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-LightItalic.8c118a8e.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-LightItalic.3198bbed.woff) format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized.370826b6.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized.9c957396.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Italic.e5a400c7.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Italic.15ed706a.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Demibold.3b00a725.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Demibold.e2d805c5.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Demibold.3b00a725.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Demibold.e2d805c5.woff) format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Bold.f8dd0e87.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-Bold.629d3c6a.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-BoldItalic.59e74c15.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSans-Optimized-BoldItalic.651096f6.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Serif';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSerif-Optimized-Italic.cbe90c8b.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSerif-Optimized-Italic.43f47385.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Serif';
  src:
    url(/travel-insurance/assets/assets/ManulifeJHSerif-Optimized-Italic.cbe90c8b.woff2) format('woff2'),
    url(/travel-insurance/assets/assets/ManulifeJHSerif-Optimized-Italic.43f47385.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

}
@layer mux {
.mux-Accordion {
  font-family: 'Manulife 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 0.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: 0.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: 0.125rem;
}
.mux-Accordion-Header .mux-Accordion-HeaderIcon > svg {
  transform: rotate(0deg);
  transition: transform 0.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: 'Manulife JH Sans', Helvetica, Arial, sans-serif;
  font-size: var(--cds-font-size-xs);
  font-weight: var(--cds-font-weight-regular);
  gap: 0.375rem;
  line-height: var(--cds-line-height-lg);
  padding: 0;
  position: relative;
  -webkit-text-decoration: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition-property: color, text-shadow;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
  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: 0.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: 0.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: 100ms;
}
.mux-ActionButton-Icon svg,
.mux-ActionButton-Icon span {
  width: 100%;
  height: 100%;
}
.mux-Alert {
  font-family: 'Manulife 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: 0.5rem;
  font-family: 'Manulife 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;
  -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: 'Manulife 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 0.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 0.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(0deg);
  transition: transform 0.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 rgba(0, 0, 0, 0.1),
    0 -4px 6px rgba(0, 0, 0, 0.1);
}
.mux-ComboBox-Popover[data-placement='bottom'] {
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 6px rgba(0, 0, 0, 0.1);
}
.mux-DataTable {
  color: var(--cds-color-neutral-dark-light-1);
  font-family: 'Manulife 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: '\2060';
}
.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: 'Manulife 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: 0.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: 0.5625rem var(--cds-spacing-3);
  width: 100%;
}
@container (min-width: 336px) {
  .mux-DatePicker-CalendarHeader {
    padding: 0.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 rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.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;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.mux-DatePicker-DateSegment {
  border: 1px solid transparent;
  border-radius: 0.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: 'Manulife 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: 'Manulife 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;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-stretch: normal;
  font-style: normal;
  line-height: var(--cds-line-height-xl);
  font-family: 'Manulife 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: 'Manulife 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: 0.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 0.2px var(--mux-TextLink-text-shadow),
    0 -0.2px var(--mux-TextLink-text-shadow),
    0.2px 0 var(--mux-TextLink-text-shadow),
    -0.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: 0.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: 'Manulife 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-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: 'Manulife 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;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.mux-Footer .mux-Footer-Icon {
  margin-left: 0.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: 'Manulife 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: 0.875rem 0 0 var(--cds-spacing-6);
  gap: 0.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: 0.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: 0.875rem 0;
  gap: 0.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: 0.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: 0.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 0.875rem;
  }
}
.mux-Input {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  font-family: 'Manulife 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: 295px;
  width: var(--mux-Input-width, 295px);
}
.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: 'Manulife 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: 'Manulife 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: 0.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: 0.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;

  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: 0;
  transition: all 0.1s ease-in-out;
}
.mux-Layout .mux-Layout-Container[data-is-expanded='true'] {
  transform: translateX(310px);
  transform: translateX(var(--mux-SideNav-SubItem-width, 310px));
}
@media (min-width: 768px) {
  .mux-Layout .mux-Layout-Container {
    margin-top: 0;
    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)
    );
  }
}
@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;
}
@media (min-width: 768px) {
  .mux-Layout .mux-SideNav {
    height: calc(100vh - var(--mux-Layout-header-height));
  }
}
.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;
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  text-overflow: ellipsis;
  width: var(--trigger-width);
  box-shadow: 0 0 0 0.5px var(--cds-color-neutral-dark-light-4);
}
.mux-ListBox[data-placement='bottom'] {
  padding-top: 0;
}
.mux-ListBox[data-placement='top'] {
  padding-bottom: 0;
}
.mux-ListBox: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-ListBoxItem {
  background: var(--cds-color-neutral-light-light-3);
  border: transparent;
  box-sizing: border-box;
  box-shadow: 0 0 0 0.5px var(--cds-color-neutral-dark-light-4);
  color: var(--cds-color-neutral-dark-light-1);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  font-family: 'Manulife 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-light-dark-1);
  cursor: not-allowed;
}
.mux-ListBoxItem[aria-selected='true']:not([aria-disabled='true']) {
  background: var(--mux-ListBoxItem-selected-background);
  box-shadow:
    0 0 0 0.5px var(--cds-color-neutral-dark-light-4),
    inset calc(1 * 4px) 0 0 0 var(--cds-color-primary-main-default);
  box-shadow:
    0 0 0 0.5px var(--cds-color-neutral-dark-light-4),
    inset calc(1 * 4px) 0 0 0 var(--cds-color-primary-main-default);
  box-shadow:
    0 0 0 0.5px var(--cds-color-neutral-dark-light-4),
    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);
}
.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 calc(1 * 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(1 * 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[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)
  );
}
.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: 'Manulife 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-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;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--cds-color-neutral-dark-default);
  opacity: 0.5;
  z-index: 99999;
}
.mux-Modal .mux-Modal-CloseButton {
  cursor: pointer;
  background: none;
  border-style: none;
  padding: 1rem;
  position: absolute;
  top: 0.5rem;
  right: 0.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: 'Manulife 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: 'Manulife 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: 0.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: 'Manulife 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: 0.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 0.2px currentcolor,
    0 -0.2px currentcolor,
    0.2px 0 currentcolor,
    -0.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: 'Manulife 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;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}
.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);
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.mux-Progress-Ring:not([data-determinate='true']) {
  animation: rotate 2s linear infinite;
}
.mux-Progress-BackgroundRing {
  stroke: var(--cds-color-neutral-light-default);
  fill: none;
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -20;
  }

  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -165;
  }
}
.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 0.25s ease-in-out;
}
.mux-Progress-FillRing:not([data-determinate='true']) {
  animation: dash 1.5s ease-in-out infinite;
}
.mux-Progress-Pillar {
  background-repeat: no-repeat;
  background-size: contain;
  height: 43px;
  width: 8px;
  margin: calc(2.5px * 1.2);
}
.mux-Progress-Pillar:nth-child(1) {
  animation: preloader 0.9s ease-in-out alternate 0.2s infinite;
}
.mux-Progress-Pillar:nth-child(2) {
  animation: preloader 0.9s ease-in-out alternate 0.4s infinite;
}
.mux-Progress-Pillar:nth-child(3) {
  animation: preloader 0.9s ease-in-out alternate 0.6s infinite;
}
@keyframes preloader {
  100% {
    transform: scale(1.2);
  }
}
@media (min-width: 1280px) {
  .mux-Progress-Pillar {
    height: 65px;
    width: 12px;
    margin: calc(4px * 1.2);
  }
}
.mux-Progress-Message {
  color: var(--cds-color-neutral-dark-light-1);
  font-family: 'Manulife 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: 'Manulife 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: 0.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 0.375rem,
    var(--cds-color-neutral-light-default) 0.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 0.375rem,
      var(--cds-color-neutral-light-default) 0.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 0.375rem,
    var(--mux-ProgressBar-step-color, var(--cds-color-primary-main-default))
      0.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 0.375rem,
      var(--mux-ProgressBar-step-color, var(--cds-color-primary-main-default))
        0.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: 0.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: 0.625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.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 0.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(0deg);
  transition: transform 0.15s ease-in-out;
}
.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-Placeholder {
  color: var(--cds-color-neutral-dark-light-1);
  display: inline-block;
}
.mux-Select-Popover[data-placement='top'] {
  box-shadow:
    0 -2px 4px rgba(0, 0, 0, 0.1),
    0 -4px 6px rgba(0, 0, 0, 0.1);
}
.mux-Select-Popover[data-placement='bottom'] {
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 6px rgba(0, 0, 0, 0.1);
}
.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: 'Manulife 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;
  -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: 'Manulife 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: 'Manulife 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;
  -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 calc(1 * 4px) 0 0 0 var(--cds-color-primary-main-default);
  box-shadow: inset calc(1 * 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: 'Manulife 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;
  -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: 'Manulife 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: translateX(calc(100vw * var(--mux-SideNav-Mobile-SubNav-overlay)));
  transition-property: max-height, transform, visibility;
  transition-timing-function: ease, ease-in-out, ease;
  transition-duration: 0.2s, 0.4s, 0.4s;
}
.mux-SideNav-Mobile-SubNav[data-expanded='true'] {
  max-height: 1500px;
  transform: translateX(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: 0.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: translateX(-50%);
  z-index: 5;
  top: 0;
  background-color: var(--mux-UtilityHeader-main-background);
}
.mux-SkipLink:focus,
.mux-SkipLink:active {
  font-family: 'Manulife 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-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: 'Manulife 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: 'Manulife 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: 0.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: 'Manulife 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: 0.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: 200ms;
}
@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 0 rgba(0, 0, 0, 0.25);
  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: 0.125rem;
  color: var(--mux-Tag-text-color);
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.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 {
  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: 'Manulife 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: '\2060';
}
.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 0.2px var(--mux-TextLink-text-shadow),
    0 -0.2px var(--mux-TextLink-text-shadow),
    0.2px 0 var(--mux-TextLink-text-shadow),
    -0.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;
  -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: 'Manulife 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: 'Manulife 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 0.1s,
    border 0.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 0.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: 0.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;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.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(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.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: translateX(-50%);
}
.mux-TooltipPopover .mux-TooltipPopover-Arrow[data-placement='bottom'] {
  bottom: 100%;
  transform: translateX(-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: 'Manulife 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;
  -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: 0.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: 'Manulife 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;
  -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: 'Manulife 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;
  -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: 0.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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-H4[data-disable-focus-outline='true']:focus {
  outline: none;
}
.mux-I {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-ExtraLarge {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-Large {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-Medium {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-Small {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-Base {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-Typography-Tiny {
  font-family: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife 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: 'Manulife JH Serif', serif;
  font-style: italic;
}
.mux-collapse {
  visibility: collapse;
}
.mux-col-auto {
  grid-column: auto;
}
.mux-col-span-1 {
  grid-column: span 1 / span 1;
}
.mux-col-span-10 {
  grid-column: span 10 / span 10;
}
.mux-col-span-11 {
  grid-column: span 11 / span 11;
}
.mux-col-span-12 {
  grid-column: span 12 / span 12;
}
.mux-col-span-2 {
  grid-column: span 2 / span 2;
}
.mux-col-span-3 {
  grid-column: span 3 / span 3;
}
.mux-col-span-4 {
  grid-column: span 4 / span 4;
}
.mux-col-span-5 {
  grid-column: span 5 / span 5;
}
.mux-col-span-6 {
  grid-column: span 6 / span 6;
}
.mux-col-span-7 {
  grid-column: span 7 / span 7;
}
.mux-col-span-8 {
  grid-column: span 8 / span 8;
}
.mux-col-span-9 {
  grid-column: span 9 / span 9;
}
.mux-col-span-full {
  grid-column: 1 / -1;
}
.-mux-col-start-1 {
  grid-column-start: -1;
}
.-mux-col-start-10 {
  grid-column-start: -10;
}
.-mux-col-start-11 {
  grid-column-start: -11;
}
.-mux-col-start-12 {
  grid-column-start: -12;
}
.-mux-col-start-13 {
  grid-column-start: -13;
}
.-mux-col-start-2 {
  grid-column-start: -2;
}
.-mux-col-start-3 {
  grid-column-start: -3;
}
.-mux-col-start-4 {
  grid-column-start: -4;
}
.-mux-col-start-5 {
  grid-column-start: -5;
}
.-mux-col-start-6 {
  grid-column-start: -6;
}
.-mux-col-start-7 {
  grid-column-start: -7;
}
.-mux-col-start-8 {
  grid-column-start: -8;
}
.-mux-col-start-9 {
  grid-column-start: -9;
}
.mux--col-start-1 {
  grid-column-start: -1;
}
.mux--col-start-10 {
  grid-column-start: -10;
}
.mux--col-start-11 {
  grid-column-start: -11;
}
.mux--col-start-12 {
  grid-column-start: -12;
}
.mux--col-start-13 {
  grid-column-start: -13;
}
.mux--col-start-2 {
  grid-column-start: -2;
}
.mux--col-start-3 {
  grid-column-start: -3;
}
.mux--col-start-4 {
  grid-column-start: -4;
}
.mux--col-start-5 {
  grid-column-start: -5;
}
.mux--col-start-6 {
  grid-column-start: -6;
}
.mux--col-start-7 {
  grid-column-start: -7;
}
.mux--col-start-8 {
  grid-column-start: -8;
}
.mux--col-start-9 {
  grid-column-start: -9;
}
.mux-col-start-1 {
  grid-column-start: 1;
}
.mux-col-start-10 {
  grid-column-start: 10;
}
.mux-col-start-11 {
  grid-column-start: 11;
}
.mux-col-start-12 {
  grid-column-start: 12;
}
.mux-col-start-13 {
  grid-column-start: 13;
}
.mux-col-start-2 {
  grid-column-start: 2;
}
.mux-col-start-3 {
  grid-column-start: 3;
}
.mux-col-start-4 {
  grid-column-start: 4;
}
.mux-col-start-5 {
  grid-column-start: 5;
}
.mux-col-start-6 {
  grid-column-start: 6;
}
.mux-col-start-7 {
  grid-column-start: 7;
}
.mux-col-start-8 {
  grid-column-start: 8;
}
.mux-col-start-9 {
  grid-column-start: 9;
}
.mux-col-start-auto {
  grid-column-start: auto;
}
.-mux-col-end-1 {
  grid-column-end: -1;
}
.-mux-col-end-10 {
  grid-column-end: -10;
}
.-mux-col-end-11 {
  grid-column-end: -11;
}
.-mux-col-end-12 {
  grid-column-end: -12;
}
.-mux-col-end-13 {
  grid-column-end: -13;
}
.-mux-col-end-2 {
  grid-column-end: -2;
}
.-mux-col-end-3 {
  grid-column-end: -3;
}
.-mux-col-end-4 {
  grid-column-end: -4;
}
.-mux-col-end-5 {
  grid-column-end: -5;
}
.-mux-col-end-6 {
  grid-column-end: -6;
}
.-mux-col-end-7 {
  grid-column-end: -7;
}
.-mux-col-end-8 {
  grid-column-end: -8;
}
.-mux-col-end-9 {
  grid-column-end: -9;
}
.mux--col-end-1 {
  grid-column-end: -1;
}
.mux--col-end-10 {
  grid-column-end: -10;
}
.mux--col-end-11 {
  grid-column-end: -11;
}
.mux--col-end-12 {
  grid-column-end: -12;
}
.mux--col-end-13 {
  grid-column-end: -13;
}
.mux--col-end-2 {
  grid-column-end: -2;
}
.mux--col-end-3 {
  grid-column-end: -3;
}
.mux--col-end-4 {
  grid-column-end: -4;
}
.mux--col-end-5 {
  grid-column-end: -5;
}
.mux--col-end-6 {
  grid-column-end: -6;
}
.mux--col-end-7 {
  grid-column-end: -7;
}
.mux--col-end-8 {
  grid-column-end: -8;
}
.mux--col-end-9 {
  grid-column-end: -9;
}
.mux-col-end-1 {
  grid-column-end: 1;
}
.mux-col-end-10 {
  grid-column-end: 10;
}
.mux-col-end-11 {
  grid-column-end: 11;
}
.mux-col-end-12 {
  grid-column-end: 12;
}
.mux-col-end-13 {
  grid-column-end: 13;
}
.mux-col-end-2 {
  grid-column-end: 2;
}
.mux-col-end-3 {
  grid-column-end: 3;
}
.mux-col-end-4 {
  grid-column-end: 4;
}
.mux-col-end-5 {
  grid-column-end: 5;
}
.mux-col-end-6 {
  grid-column-end: 6;
}
.mux-col-end-7 {
  grid-column-end: 7;
}
.mux-col-end-8 {
  grid-column-end: 8;
}
.mux-col-end-9 {
  grid-column-end: 9;
}
.mux-col-end-auto {
  grid-column-end: auto;
}
.mux-row-auto {
  grid-row: auto;
}
.mux-row-span-1 {
  grid-row: span 1 / span 1;
}
.mux-row-span-10 {
  grid-row: span 10 / span 10;
}
.mux-row-span-11 {
  grid-row: span 11 / span 11;
}
.mux-row-span-12 {
  grid-row: span 12 / span 12;
}
.mux-row-span-2 {
  grid-row: span 2 / span 2;
}
.mux-row-span-3 {
  grid-row: span 3 / span 3;
}
.mux-row-span-4 {
  grid-row: span 4 / span 4;
}
.mux-row-span-5 {
  grid-row: span 5 / span 5;
}
.mux-row-span-6 {
  grid-row: span 6 / span 6;
}
.mux-row-span-7 {
  grid-row: span 7 / span 7;
}
.mux-row-span-8 {
  grid-row: span 8 / span 8;
}
.mux-row-span-9 {
  grid-row: span 9 / span 9;
}
.mux-row-span-full {
  grid-row: 1 / -1;
}
.-mux-row-start-1 {
  grid-row-start: -1;
}
.-mux-row-start-10 {
  grid-row-start: -10;
}
.-mux-row-start-11 {
  grid-row-start: -11;
}
.-mux-row-start-12 {
  grid-row-start: -12;
}
.-mux-row-start-13 {
  grid-row-start: -13;
}
.-mux-row-start-2 {
  grid-row-start: -2;
}
.-mux-row-start-3 {
  grid-row-start: -3;
}
.-mux-row-start-4 {
  grid-row-start: -4;
}
.-mux-row-start-5 {
  grid-row-start: -5;
}
.-mux-row-start-6 {
  grid-row-start: -6;
}
.-mux-row-start-7 {
  grid-row-start: -7;
}
.-mux-row-start-8 {
  grid-row-start: -8;
}
.-mux-row-start-9 {
  grid-row-start: -9;
}
.mux--row-start-1 {
  grid-row-start: -1;
}
.mux--row-start-10 {
  grid-row-start: -10;
}
.mux--row-start-11 {
  grid-row-start: -11;
}
.mux--row-start-12 {
  grid-row-start: -12;
}
.mux--row-start-13 {
  grid-row-start: -13;
}
.mux--row-start-2 {
  grid-row-start: -2;
}
.mux--row-start-3 {
  grid-row-start: -3;
}
.mux--row-start-4 {
  grid-row-start: -4;
}
.mux--row-start-5 {
  grid-row-start: -5;
}
.mux--row-start-6 {
  grid-row-start: -6;
}
.mux--row-start-7 {
  grid-row-start: -7;
}
.mux--row-start-8 {
  grid-row-start: -8;
}
.mux--row-start-9 {
  grid-row-start: -9;
}
.mux-row-start-1 {
  grid-row-start: 1;
}
.mux-row-start-10 {
  grid-row-start: 10;
}
.mux-row-start-11 {
  grid-row-start: 11;
}
.mux-row-start-12 {
  grid-row-start: 12;
}
.mux-row-start-13 {
  grid-row-start: 13;
}
.mux-row-start-2 {
  grid-row-start: 2;
}
.mux-row-start-3 {
  grid-row-start: 3;
}
.mux-row-start-4 {
  grid-row-start: 4;
}
.mux-row-start-5 {
  grid-row-start: 5;
}
.mux-row-start-6 {
  grid-row-start: 6;
}
.mux-row-start-7 {
  grid-row-start: 7;
}
.mux-row-start-8 {
  grid-row-start: 8;
}
.mux-row-start-9 {
  grid-row-start: 9;
}
.mux-row-start-auto {
  grid-row-start: auto;
}
.-mux-row-end-1 {
  grid-row-end: -1;
}
.-mux-row-end-10 {
  grid-row-end: -10;
}
.-mux-row-end-11 {
  grid-row-end: -11;
}
.-mux-row-end-12 {
  grid-row-end: -12;
}
.-mux-row-end-13 {
  grid-row-end: -13;
}
.-mux-row-end-2 {
  grid-row-end: -2;
}
.-mux-row-end-3 {
  grid-row-end: -3;
}
.-mux-row-end-4 {
  grid-row-end: -4;
}
.-mux-row-end-5 {
  grid-row-end: -5;
}
.-mux-row-end-6 {
  grid-row-end: -6;
}
.-mux-row-end-7 {
  grid-row-end: -7;
}
.-mux-row-end-8 {
  grid-row-end: -8;
}
.-mux-row-end-9 {
  grid-row-end: -9;
}
.mux--row-end-1 {
  grid-row-end: -1;
}
.mux--row-end-10 {
  grid-row-end: -10;
}
.mux--row-end-11 {
  grid-row-end: -11;
}
.mux--row-end-12 {
  grid-row-end: -12;
}
.mux--row-end-13 {
  grid-row-end: -13;
}
.mux--row-end-2 {
  grid-row-end: -2;
}
.mux--row-end-3 {
  grid-row-end: -3;
}
.mux--row-end-4 {
  grid-row-end: -4;
}
.mux--row-end-5 {
  grid-row-end: -5;
}
.mux--row-end-6 {
  grid-row-end: -6;
}
.mux--row-end-7 {
  grid-row-end: -7;
}
.mux--row-end-8 {
  grid-row-end: -8;
}
.mux--row-end-9 {
  grid-row-end: -9;
}
.mux-row-end-1 {
  grid-row-end: 1;
}
.mux-row-end-10 {
  grid-row-end: 10;
}
.mux-row-end-11 {
  grid-row-end: 11;
}
.mux-row-end-12 {
  grid-row-end: 12;
}
.mux-row-end-13 {
  grid-row-end: 13;
}
.mux-row-end-2 {
  grid-row-end: 2;
}
.mux-row-end-3 {
  grid-row-end: 3;
}
.mux-row-end-4 {
  grid-row-end: 4;
}
.mux-row-end-5 {
  grid-row-end: 5;
}
.mux-row-end-6 {
  grid-row-end: 6;
}
.mux-row-end-7 {
  grid-row-end: 7;
}
.mux-row-end-8 {
  grid-row-end: 8;
}
.mux-row-end-9 {
  grid-row-end: 9;
}
.mux-row-end-auto {
  grid-row-end: auto;
}
.mux-table-column {
  display: table-column;
}
.mux-table-column-group {
  display: table-column-group;
}
.mux-table-row-group {
  display: table-row-group;
}
.mux-table-row {
  display: table-row;
}
.mux-grid {
  display: grid;
}
.mux-inline-grid {
  display: inline-grid;
}
.mux-max-w-screen-lg {
  max-width: 1280px;
}
.mux-flex-grow {
  flex-grow: 1;
}
.mux-flex-grow-0 {
  flex-grow: 0;
}
.mux-grow {
  flex-grow: 1;
}
.mux-grow-0 {
  flex-grow: 0;
}
.mux-border-collapse {
  border-collapse: collapse;
}
.mux-cursor-col-resize {
  cursor: col-resize;
}
.mux-cursor-row-resize {
  cursor: row-resize;
}
.mux-columns-1 {
  -moz-columns: 1;

  columns: 1;
}
.mux-columns-10 {
  -moz-columns: 10;

  columns: 10;
}
.mux-columns-11 {
  -moz-columns: 11;

  columns: 11;
}
.mux-columns-12 {
  -moz-columns: 12;

  columns: 12;
}
.mux-columns-2 {
  -moz-columns: 2;

  columns: 2;
}
.mux-columns-2xl {
  -moz-columns: 42rem;

  columns: 42rem;
}
.mux-columns-2xs {
  -moz-columns: 18rem;

  columns: 18rem;
}
.mux-columns-3 {
  -moz-columns: 3;

  columns: 3;
}
.mux-columns-3xl {
  -moz-columns: 48rem;

  columns: 48rem;
}
.mux-columns-3xs {
  -moz-columns: 16rem;

  columns: 16rem;
}
.mux-columns-4 {
  -moz-columns: 4;

  columns: 4;
}
.mux-columns-4xl {
  -moz-columns: 56rem;

  columns: 56rem;
}
.mux-columns-5 {
  -moz-columns: 5;

  columns: 5;
}
.mux-columns-5xl {
  -moz-columns: 64rem;

  columns: 64rem;
}
.mux-columns-6 {
  -moz-columns: 6;

  columns: 6;
}
.mux-columns-6xl {
  -moz-columns: 72rem;

  columns: 72rem;
}
.mux-columns-7 {
  -moz-columns: 7;

  columns: 7;
}
.mux-columns-7xl {
  -moz-columns: 80rem;

  columns: 80rem;
}
.mux-columns-8 {
  -moz-columns: 8;

  columns: 8;
}
.mux-columns-9 {
  -moz-columns: 9;

  columns: 9;
}
.mux-columns-auto {
  -moz-columns: auto;

  columns: auto;
}
.mux-columns-lg {
  -moz-columns: 32rem;

  columns: 32rem;
}
.mux-columns-md {
  -moz-columns: 28rem;

  columns: 28rem;
}
.mux-columns-sm {
  -moz-columns: 24rem;

  columns: 24rem;
}
.mux-columns-xl {
  -moz-columns: 36rem;

  columns: 36rem;
}
.mux-columns-xs {
  -moz-columns: 20rem;

  columns: 20rem;
}
.mux-break-before-column {
  -moz-column-break-before: column;

  break-before: column;
}
.mux-break-inside-avoid-column {
  -moz-column-break-inside: avoid;

  break-inside: avoid-column;
}
.mux-break-after-column {
  -moz-column-break-after: column;

  break-after: column;
}
.mux-auto-cols-auto {
  grid-auto-columns: auto;
}
.mux-auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}
.mux-auto-cols-max {
  grid-auto-columns: max-content;
}
.mux-auto-cols-min {
  grid-auto-columns: min-content;
}
.mux-grid-flow-row {
  grid-auto-flow: row;
}
.mux-grid-flow-col {
  grid-auto-flow: column;
}
.mux-grid-flow-dense {
  grid-auto-flow: dense;
}
.mux-grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.mux-grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.mux-auto-rows-auto {
  grid-auto-rows: auto;
}
.mux-auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.mux-auto-rows-max {
  grid-auto-rows: max-content;
}
.mux-auto-rows-min {
  grid-auto-rows: min-content;
}
.mux-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mux-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.mux-grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.mux-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.mux-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mux-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mux-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mux-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mux-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.mux-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.mux-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.mux-grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.mux-grid-cols-none {
  grid-template-columns: none;
}
.mux-grid-cols-subgrid {
  grid-template-columns: subgrid;
}
.mux-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.mux-grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.mux-grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}
.mux-grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.mux-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.mux-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.mux-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.mux-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.mux-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.mux-grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.mux-grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.mux-grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.mux-grid-rows-none {
  grid-template-rows: none;
}
.mux-grid-rows-subgrid {
  grid-template-rows: subgrid;
}
.mux-flex-row {
  flex-direction: row;
}
.mux-flex-row-reverse {
  flex-direction: row-reverse;
}
.mux-flex-col {
  flex-direction: column;
}
.mux-flex-col-reverse {
  flex-direction: column-reverse;
}
.mux-gap-4 {
  gap: var(--cds-spacing-4);
}
.mux-px-4 {
  padding-left: var(--cds-spacing-4);

  padding-right: var(--cds-spacing-4);
}
.mux-bg-blend-color-dodge {
  background-blend-mode: color-dodge;
}
.mux-bg-blend-color-burn {
  background-blend-mode: color-burn;
}
.mux-bg-blend-color {
  background-blend-mode: color;
}
.mux-mix-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.mux-mix-blend-color-burn {
  mix-blend-mode: color-burn;
}
.mux-mix-blend-color {
  mix-blend-mode: color;
}
.mux-transition-colors {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;
}
.mux-forced-color-adjust-auto {
  forced-color-adjust: auto;
}
.mux-forced-color-adjust-none {
  forced-color-adjust: none;
}
.mux-GridContainer {
  display: grid;

  max-width: 1280px;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  grid-gap: var(--cds-spacing-4);

  gap: var(--cds-spacing-4);

  padding-left: var(--cds-spacing-4);

  padding-right: var(--cds-spacing-4);
}
@media (min-width: 768px) {
  .mux-GridContainer {
    grid-template-columns: repeat(12, minmax(0, 1fr));

    -moz-column-gap: var(--cds-spacing-5);

    column-gap: var(--cds-spacing-5);

    padding-left: var(--cds-spacing-5);

    padding-right: var(--cds-spacing-5);
  }
}
@media (min-width: 1024px) {
  .mux-GridContainer {
    padding-left: var(--cds-spacing-7);

    padding-right: var(--cds-spacing-7);
  }
}
@media (min-width: 320px) {
  .mobile\:mux-collapse {
    visibility: collapse;
  }

  .mobile\:mux-col-auto {
    grid-column: auto;
  }

  .mobile\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .mobile\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .mobile\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .mobile\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .mobile\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .mobile\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .mobile\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .mobile\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .mobile\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .mobile\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .mobile\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .mobile\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .mobile\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .mobile\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .mobile\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .mobile\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .mobile\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .mobile\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .mobile\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .mobile\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .mobile\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .mobile\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .mobile\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .mobile\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .mobile\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .mobile\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .mobile\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .mobile\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .mobile\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .mobile\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .mobile\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .mobile\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .mobile\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .mobile\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .mobile\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .mobile\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .mobile\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .mobile\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .mobile\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .mobile\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .mobile\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .mobile\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .mobile\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .mobile\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .mobile\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .mobile\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .mobile\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .mobile\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .mobile\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .mobile\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .mobile\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .mobile\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .mobile\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .mobile\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .mobile\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .mobile\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .mobile\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .mobile\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .mobile\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .mobile\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .mobile\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .mobile\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .mobile\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .mobile\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .mobile\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .mobile\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .mobile\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .mobile\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .mobile\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .mobile\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .mobile\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .mobile\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .mobile\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .mobile\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .mobile\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .mobile\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .mobile\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .mobile\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .mobile\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .mobile\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .mobile\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .mobile\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .mobile\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .mobile\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .mobile\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .mobile\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .mobile\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .mobile\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .mobile\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .mobile\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .mobile\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .mobile\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .mobile\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .mobile\:mux-row-auto {
    grid-row: auto;
  }

  .mobile\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .mobile\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .mobile\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .mobile\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .mobile\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .mobile\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .mobile\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .mobile\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .mobile\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .mobile\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .mobile\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .mobile\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .mobile\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .mobile\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .mobile\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .mobile\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .mobile\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .mobile\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .mobile\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .mobile\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .mobile\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .mobile\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .mobile\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .mobile\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .mobile\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .mobile\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .mobile\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .mobile\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .mobile\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .mobile\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .mobile\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .mobile\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .mobile\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .mobile\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .mobile\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .mobile\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .mobile\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .mobile\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .mobile\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .mobile\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .mobile\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .mobile\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .mobile\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .mobile\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .mobile\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .mobile\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .mobile\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .mobile\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .mobile\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .mobile\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .mobile\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .mobile\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .mobile\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .mobile\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .mobile\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .mobile\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .mobile\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .mobile\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .mobile\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .mobile\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .mobile\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .mobile\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .mobile\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .mobile\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .mobile\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .mobile\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .mobile\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .mobile\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .mobile\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .mobile\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .mobile\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .mobile\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .mobile\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .mobile\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .mobile\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .mobile\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .mobile\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .mobile\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .mobile\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .mobile\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .mobile\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .mobile\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .mobile\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .mobile\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .mobile\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .mobile\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .mobile\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .mobile\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .mobile\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .mobile\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .mobile\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .mobile\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .mobile\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .mobile\:mux-table-column {
    display: table-column;
  }

  .mobile\:mux-table-column-group {
    display: table-column-group;
  }

  .mobile\:mux-table-row-group {
    display: table-row-group;
  }

  .mobile\:mux-table-row {
    display: table-row;
  }

  .mobile\:mux-grid {
    display: grid;
  }

  .mobile\:mux-inline-grid {
    display: inline-grid;
  }

  .mobile\:mux-flex-grow {
    flex-grow: 1;
  }

  .mobile\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .mobile\:mux-grow {
    flex-grow: 1;
  }

  .mobile\:mux-grow-0 {
    flex-grow: 0;
  }

  .mobile\:mux-border-collapse {
    border-collapse: collapse;
  }

  .mobile\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .mobile\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .mobile\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .mobile\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .mobile\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .mobile\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .mobile\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .mobile\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .mobile\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .mobile\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .mobile\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .mobile\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .mobile\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .mobile\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .mobile\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .mobile\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .mobile\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .mobile\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .mobile\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .mobile\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .mobile\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .mobile\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .mobile\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .mobile\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .mobile\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .mobile\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .mobile\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .mobile\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .mobile\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .mobile\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .mobile\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .mobile\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .mobile\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .mobile\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .mobile\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .mobile\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .mobile\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .mobile\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .mobile\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .mobile\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .mobile\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .mobile\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .mobile\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .mobile\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .mobile\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .mobile\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .mobile\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .mobile\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .mobile\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .mobile\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .mobile\:mux-flex-row {
    flex-direction: row;
  }

  .mobile\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .mobile\:mux-flex-col {
    flex-direction: column;
  }

  .mobile\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .mobile\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .mobile\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .mobile\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .mobile\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .mobile\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .mobile\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .mobile\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .mobile\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .mobile\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .xs\:mux-collapse {
    visibility: collapse;
  }

  .xs\:mux-col-auto {
    grid-column: auto;
  }

  .xs\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xs\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xs\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xs\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xs\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xs\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xs\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xs\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xs\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xs\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xs\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xs\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xs\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .xs\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .xs\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .xs\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .xs\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .xs\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .xs\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .xs\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .xs\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .xs\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .xs\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .xs\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .xs\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .xs\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .xs\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .xs\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .xs\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .xs\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .xs\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .xs\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .xs\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .xs\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .xs\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .xs\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .xs\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .xs\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .xs\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .xs\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .xs\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .xs\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .xs\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .xs\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .xs\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .xs\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .xs\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .xs\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .xs\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .xs\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .xs\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .xs\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .xs\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .xs\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .xs\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .xs\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .xs\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .xs\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .xs\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .xs\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .xs\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .xs\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .xs\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .xs\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .xs\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .xs\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .xs\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .xs\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .xs\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .xs\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .xs\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .xs\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .xs\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .xs\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .xs\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .xs\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .xs\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .xs\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .xs\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .xs\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .xs\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .xs\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .xs\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .xs\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .xs\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .xs\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .xs\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .xs\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .xs\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .xs\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .xs\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .xs\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .xs\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .xs\:mux-row-auto {
    grid-row: auto;
  }

  .xs\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xs\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .xs\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .xs\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .xs\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xs\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xs\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xs\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xs\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xs\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .xs\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .xs\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .xs\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .xs\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .xs\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .xs\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .xs\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .xs\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .xs\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .xs\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .xs\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .xs\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .xs\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .xs\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .xs\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .xs\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .xs\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .xs\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .xs\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .xs\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .xs\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .xs\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .xs\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .xs\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .xs\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .xs\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .xs\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .xs\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .xs\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .xs\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .xs\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .xs\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .xs\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .xs\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .xs\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .xs\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .xs\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .xs\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .xs\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .xs\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .xs\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .xs\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .xs\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .xs\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .xs\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .xs\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .xs\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .xs\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .xs\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .xs\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .xs\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .xs\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .xs\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .xs\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .xs\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .xs\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .xs\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .xs\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .xs\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .xs\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .xs\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .xs\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .xs\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .xs\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .xs\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .xs\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .xs\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .xs\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .xs\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .xs\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .xs\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .xs\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .xs\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .xs\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .xs\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .xs\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .xs\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .xs\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .xs\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .xs\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .xs\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .xs\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .xs\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .xs\:mux-table-column {
    display: table-column;
  }

  .xs\:mux-table-column-group {
    display: table-column-group;
  }

  .xs\:mux-table-row-group {
    display: table-row-group;
  }

  .xs\:mux-table-row {
    display: table-row;
  }

  .xs\:mux-grid {
    display: grid;
  }

  .xs\:mux-inline-grid {
    display: inline-grid;
  }

  .xs\:mux-flex-grow {
    flex-grow: 1;
  }

  .xs\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .xs\:mux-grow {
    flex-grow: 1;
  }

  .xs\:mux-grow-0 {
    flex-grow: 0;
  }

  .xs\:mux-border-collapse {
    border-collapse: collapse;
  }

  .xs\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .xs\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .xs\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .xs\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .xs\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .xs\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .xs\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .xs\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .xs\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .xs\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .xs\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .xs\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .xs\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .xs\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .xs\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .xs\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .xs\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .xs\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .xs\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .xs\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .xs\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .xs\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .xs\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .xs\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .xs\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .xs\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .xs\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .xs\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .xs\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .xs\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .xs\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .xs\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xs\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xs\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .xs\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .xs\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .xs\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .xs\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .xs\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xs\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xs\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xs\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xs\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .xs\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .xs\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xs\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .xs\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .xs\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .xs\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .xs\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .xs\:mux-flex-row {
    flex-direction: row;
  }

  .xs\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xs\:mux-flex-col {
    flex-direction: column;
  }

  .xs\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xs\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .xs\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .xs\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .xs\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .xs\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .xs\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .xs\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .xs\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .xs\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
@media (min-width: 768px) {
  .tablet\:mux-collapse {
    visibility: collapse;
  }

  .tablet\:mux-col-auto {
    grid-column: auto;
  }

  .tablet\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .tablet\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .tablet\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .tablet\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .tablet\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .tablet\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .tablet\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .tablet\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .tablet\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .tablet\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .tablet\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .tablet\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .tablet\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .tablet\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .tablet\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .tablet\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .tablet\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .tablet\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .tablet\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .tablet\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .tablet\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .tablet\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .tablet\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .tablet\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .tablet\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .tablet\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .tablet\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .tablet\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .tablet\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .tablet\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .tablet\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .tablet\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .tablet\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .tablet\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .tablet\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .tablet\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .tablet\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .tablet\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .tablet\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .tablet\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .tablet\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .tablet\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .tablet\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .tablet\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .tablet\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .tablet\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .tablet\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .tablet\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .tablet\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .tablet\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .tablet\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .tablet\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .tablet\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .tablet\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .tablet\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .tablet\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .tablet\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .tablet\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .tablet\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .tablet\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .tablet\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .tablet\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .tablet\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .tablet\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .tablet\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .tablet\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .tablet\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .tablet\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .tablet\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .tablet\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .tablet\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .tablet\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .tablet\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .tablet\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .tablet\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .tablet\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .tablet\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .tablet\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .tablet\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .tablet\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .tablet\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .tablet\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .tablet\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .tablet\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .tablet\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .tablet\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .tablet\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .tablet\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .tablet\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .tablet\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .tablet\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .tablet\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .tablet\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .tablet\:mux-row-auto {
    grid-row: auto;
  }

  .tablet\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .tablet\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .tablet\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .tablet\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .tablet\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .tablet\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .tablet\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .tablet\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .tablet\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .tablet\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .tablet\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .tablet\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .tablet\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .tablet\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .tablet\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .tablet\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .tablet\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .tablet\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .tablet\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .tablet\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .tablet\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .tablet\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .tablet\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .tablet\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .tablet\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .tablet\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .tablet\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .tablet\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .tablet\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .tablet\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .tablet\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .tablet\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .tablet\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .tablet\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .tablet\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .tablet\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .tablet\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .tablet\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .tablet\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .tablet\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .tablet\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .tablet\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .tablet\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .tablet\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .tablet\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .tablet\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .tablet\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .tablet\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .tablet\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .tablet\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .tablet\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .tablet\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .tablet\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .tablet\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .tablet\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .tablet\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .tablet\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .tablet\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .tablet\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .tablet\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .tablet\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .tablet\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .tablet\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .tablet\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .tablet\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .tablet\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .tablet\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .tablet\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .tablet\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .tablet\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .tablet\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .tablet\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .tablet\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .tablet\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .tablet\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .tablet\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .tablet\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .tablet\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .tablet\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .tablet\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .tablet\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .tablet\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .tablet\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .tablet\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .tablet\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .tablet\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .tablet\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .tablet\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .tablet\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .tablet\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .tablet\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .tablet\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .tablet\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .tablet\:mux-table-column {
    display: table-column;
  }

  .tablet\:mux-table-column-group {
    display: table-column-group;
  }

  .tablet\:mux-table-row-group {
    display: table-row-group;
  }

  .tablet\:mux-table-row {
    display: table-row;
  }

  .tablet\:mux-grid {
    display: grid;
  }

  .tablet\:mux-inline-grid {
    display: inline-grid;
  }

  .tablet\:mux-flex-grow {
    flex-grow: 1;
  }

  .tablet\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .tablet\:mux-grow {
    flex-grow: 1;
  }

  .tablet\:mux-grow-0 {
    flex-grow: 0;
  }

  .tablet\:mux-border-collapse {
    border-collapse: collapse;
  }

  .tablet\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .tablet\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .tablet\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .tablet\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .tablet\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .tablet\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .tablet\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .tablet\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .tablet\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .tablet\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .tablet\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .tablet\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .tablet\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .tablet\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .tablet\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .tablet\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .tablet\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .tablet\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .tablet\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .tablet\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .tablet\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .tablet\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .tablet\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .tablet\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .tablet\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .tablet\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .tablet\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .tablet\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .tablet\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .tablet\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .tablet\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .tablet\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .tablet\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .tablet\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .tablet\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .tablet\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .tablet\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .tablet\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .tablet\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .tablet\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .tablet\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .tablet\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .tablet\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .tablet\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .tablet\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .tablet\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .tablet\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .tablet\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .tablet\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .tablet\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .tablet\:mux-flex-row {
    flex-direction: row;
  }

  .tablet\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .tablet\:mux-flex-col {
    flex-direction: column;
  }

  .tablet\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .tablet\:mux-gap-x-5 {
    -moz-column-gap: var(--cds-spacing-5);

    column-gap: var(--cds-spacing-5);
  }

  .tablet\:mux-px-5 {
    padding-left: var(--cds-spacing-5);

    padding-right: var(--cds-spacing-5);
  }

  .tablet\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .tablet\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .tablet\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .tablet\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .tablet\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .tablet\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .tablet\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .tablet\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .tablet\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .sm\:mux-collapse {
    visibility: collapse;
  }

  .sm\:mux-col-auto {
    grid-column: auto;
  }

  .sm\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .sm\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .sm\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .sm\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .sm\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .sm\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .sm\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .sm\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .sm\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .sm\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .sm\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .sm\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .sm\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .sm\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .sm\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .sm\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .sm\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .sm\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .sm\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .sm\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .sm\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .sm\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .sm\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .sm\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .sm\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .sm\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .sm\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .sm\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .sm\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .sm\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .sm\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .sm\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .sm\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .sm\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .sm\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .sm\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .sm\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .sm\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .sm\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .sm\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .sm\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .sm\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .sm\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .sm\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .sm\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .sm\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .sm\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .sm\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .sm\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .sm\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .sm\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .sm\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .sm\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .sm\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .sm\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .sm\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .sm\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .sm\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .sm\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .sm\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .sm\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .sm\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .sm\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .sm\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .sm\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .sm\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .sm\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .sm\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .sm\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .sm\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .sm\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .sm\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .sm\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .sm\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .sm\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .sm\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .sm\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .sm\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .sm\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .sm\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .sm\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .sm\:mux-row-auto {
    grid-row: auto;
  }

  .sm\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .sm\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .sm\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .sm\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .sm\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .sm\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .sm\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .sm\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .sm\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .sm\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .sm\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .sm\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .sm\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .sm\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .sm\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .sm\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .sm\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .sm\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .sm\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .sm\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .sm\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .sm\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .sm\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .sm\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .sm\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .sm\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .sm\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .sm\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .sm\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .sm\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .sm\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .sm\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .sm\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .sm\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .sm\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .sm\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .sm\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .sm\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .sm\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .sm\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .sm\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .sm\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .sm\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .sm\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .sm\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .sm\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .sm\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .sm\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .sm\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .sm\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .sm\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .sm\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .sm\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .sm\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .sm\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .sm\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .sm\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .sm\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .sm\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .sm\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .sm\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .sm\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .sm\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .sm\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .sm\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .sm\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .sm\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .sm\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .sm\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .sm\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .sm\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .sm\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .sm\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .sm\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .sm\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .sm\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .sm\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .sm\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .sm\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .sm\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .sm\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .sm\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .sm\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .sm\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .sm\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .sm\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .sm\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .sm\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .sm\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .sm\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .sm\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .sm\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .sm\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .sm\:mux-table-column {
    display: table-column;
  }

  .sm\:mux-table-column-group {
    display: table-column-group;
  }

  .sm\:mux-table-row-group {
    display: table-row-group;
  }

  .sm\:mux-table-row {
    display: table-row;
  }

  .sm\:mux-grid {
    display: grid;
  }

  .sm\:mux-inline-grid {
    display: inline-grid;
  }

  .sm\:mux-flex-grow {
    flex-grow: 1;
  }

  .sm\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .sm\:mux-grow {
    flex-grow: 1;
  }

  .sm\:mux-grow-0 {
    flex-grow: 0;
  }

  .sm\:mux-border-collapse {
    border-collapse: collapse;
  }

  .sm\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .sm\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .sm\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .sm\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .sm\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .sm\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .sm\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .sm\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .sm\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .sm\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .sm\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .sm\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .sm\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .sm\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .sm\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .sm\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .sm\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .sm\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .sm\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .sm\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .sm\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .sm\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .sm\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .sm\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .sm\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .sm\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .sm\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .sm\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .sm\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .sm\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .sm\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .sm\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .sm\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .sm\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .sm\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .sm\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .sm\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .sm\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .sm\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .sm\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .sm\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .sm\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .sm\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .sm\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .sm\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .sm\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .sm\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .sm\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .sm\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .sm\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .sm\:mux-flex-row {
    flex-direction: row;
  }

  .sm\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:mux-flex-col {
    flex-direction: column;
  }

  .sm\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .sm\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .sm\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .sm\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .sm\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .sm\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .sm\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .sm\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .sm\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .sm\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
@media (min-width: 1024px) {
  .desktop\:mux-collapse {
    visibility: collapse;
  }

  .desktop\:mux-col-auto {
    grid-column: auto;
  }

  .desktop\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .desktop\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .desktop\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .desktop\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .desktop\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .desktop\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .desktop\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .desktop\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .desktop\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .desktop\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .desktop\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .desktop\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .desktop\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .desktop\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .desktop\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .desktop\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .desktop\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .desktop\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .desktop\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .desktop\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .desktop\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .desktop\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .desktop\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .desktop\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .desktop\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .desktop\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .desktop\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .desktop\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .desktop\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .desktop\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .desktop\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .desktop\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .desktop\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .desktop\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .desktop\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .desktop\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .desktop\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .desktop\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .desktop\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .desktop\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .desktop\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .desktop\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .desktop\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .desktop\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .desktop\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .desktop\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .desktop\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .desktop\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .desktop\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .desktop\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .desktop\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .desktop\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .desktop\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .desktop\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .desktop\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .desktop\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .desktop\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .desktop\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .desktop\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .desktop\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .desktop\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .desktop\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .desktop\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .desktop\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .desktop\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .desktop\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .desktop\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .desktop\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .desktop\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .desktop\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .desktop\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .desktop\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .desktop\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .desktop\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .desktop\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .desktop\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .desktop\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .desktop\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .desktop\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .desktop\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .desktop\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .desktop\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .desktop\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .desktop\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .desktop\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .desktop\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .desktop\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .desktop\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .desktop\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .desktop\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .desktop\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .desktop\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .desktop\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .desktop\:mux-row-auto {
    grid-row: auto;
  }

  .desktop\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .desktop\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .desktop\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .desktop\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .desktop\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .desktop\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .desktop\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .desktop\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .desktop\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .desktop\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .desktop\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .desktop\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .desktop\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .desktop\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .desktop\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .desktop\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .desktop\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .desktop\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .desktop\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .desktop\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .desktop\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .desktop\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .desktop\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .desktop\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .desktop\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .desktop\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .desktop\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .desktop\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .desktop\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .desktop\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .desktop\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .desktop\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .desktop\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .desktop\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .desktop\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .desktop\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .desktop\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .desktop\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .desktop\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .desktop\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .desktop\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .desktop\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .desktop\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .desktop\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .desktop\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .desktop\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .desktop\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .desktop\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .desktop\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .desktop\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .desktop\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .desktop\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .desktop\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .desktop\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .desktop\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .desktop\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .desktop\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .desktop\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .desktop\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .desktop\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .desktop\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .desktop\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .desktop\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .desktop\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .desktop\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .desktop\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .desktop\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .desktop\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .desktop\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .desktop\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .desktop\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .desktop\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .desktop\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .desktop\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .desktop\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .desktop\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .desktop\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .desktop\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .desktop\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .desktop\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .desktop\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .desktop\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .desktop\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .desktop\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .desktop\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .desktop\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .desktop\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .desktop\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .desktop\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .desktop\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .desktop\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .desktop\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .desktop\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .desktop\:mux-table-column {
    display: table-column;
  }

  .desktop\:mux-table-column-group {
    display: table-column-group;
  }

  .desktop\:mux-table-row-group {
    display: table-row-group;
  }

  .desktop\:mux-table-row {
    display: table-row;
  }

  .desktop\:mux-grid {
    display: grid;
  }

  .desktop\:mux-inline-grid {
    display: inline-grid;
  }

  .desktop\:mux-flex-grow {
    flex-grow: 1;
  }

  .desktop\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .desktop\:mux-grow {
    flex-grow: 1;
  }

  .desktop\:mux-grow-0 {
    flex-grow: 0;
  }

  .desktop\:mux-border-collapse {
    border-collapse: collapse;
  }

  .desktop\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .desktop\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .desktop\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .desktop\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .desktop\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .desktop\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .desktop\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .desktop\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .desktop\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .desktop\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .desktop\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .desktop\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .desktop\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .desktop\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .desktop\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .desktop\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .desktop\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .desktop\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .desktop\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .desktop\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .desktop\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .desktop\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .desktop\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .desktop\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .desktop\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .desktop\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .desktop\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .desktop\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .desktop\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .desktop\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .desktop\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .desktop\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .desktop\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .desktop\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .desktop\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .desktop\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .desktop\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .desktop\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .desktop\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .desktop\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .desktop\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .desktop\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .desktop\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .desktop\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .desktop\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .desktop\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .desktop\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .desktop\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .desktop\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .desktop\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .desktop\:mux-flex-row {
    flex-direction: row;
  }

  .desktop\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .desktop\:mux-flex-col {
    flex-direction: column;
  }

  .desktop\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .desktop\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .desktop\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .desktop\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .desktop\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .desktop\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .desktop\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .desktop\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .desktop\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .desktop\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .md\:mux-collapse {
    visibility: collapse;
  }

  .md\:mux-col-auto {
    grid-column: auto;
  }

  .md\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .md\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .md\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .md\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .md\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .md\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .md\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .md\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .md\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .md\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .md\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .md\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .md\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .md\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .md\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .md\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .md\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .md\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .md\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .md\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .md\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .md\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .md\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .md\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .md\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .md\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .md\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .md\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .md\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .md\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .md\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .md\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .md\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .md\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .md\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .md\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .md\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .md\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .md\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .md\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .md\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .md\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .md\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .md\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .md\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .md\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .md\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .md\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .md\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .md\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .md\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .md\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .md\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .md\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .md\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .md\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .md\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .md\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .md\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .md\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .md\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .md\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .md\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .md\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .md\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .md\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .md\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .md\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .md\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .md\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .md\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .md\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .md\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .md\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .md\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .md\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .md\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .md\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .md\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .md\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .md\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .md\:mux-row-auto {
    grid-row: auto;
  }

  .md\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .md\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .md\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .md\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .md\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .md\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .md\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .md\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .md\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .md\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .md\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .md\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .md\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .md\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .md\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .md\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .md\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .md\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .md\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .md\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .md\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .md\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .md\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .md\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .md\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .md\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .md\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .md\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .md\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .md\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .md\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .md\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .md\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .md\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .md\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .md\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .md\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .md\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .md\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .md\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .md\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .md\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .md\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .md\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .md\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .md\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .md\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .md\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .md\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .md\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .md\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .md\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .md\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .md\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .md\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .md\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .md\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .md\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .md\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .md\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .md\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .md\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .md\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .md\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .md\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .md\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .md\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .md\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .md\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .md\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .md\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .md\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .md\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .md\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .md\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .md\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .md\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .md\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .md\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .md\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .md\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .md\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .md\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .md\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .md\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .md\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .md\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .md\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .md\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .md\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .md\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .md\:mux-table-column {
    display: table-column;
  }

  .md\:mux-table-column-group {
    display: table-column-group;
  }

  .md\:mux-table-row-group {
    display: table-row-group;
  }

  .md\:mux-table-row {
    display: table-row;
  }

  .md\:mux-grid {
    display: grid;
  }

  .md\:mux-inline-grid {
    display: inline-grid;
  }

  .md\:mux-flex-grow {
    flex-grow: 1;
  }

  .md\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .md\:mux-grow {
    flex-grow: 1;
  }

  .md\:mux-grow-0 {
    flex-grow: 0;
  }

  .md\:mux-border-collapse {
    border-collapse: collapse;
  }

  .md\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .md\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .md\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .md\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .md\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .md\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .md\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .md\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .md\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .md\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .md\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .md\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .md\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .md\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .md\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .md\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .md\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .md\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .md\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .md\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .md\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .md\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .md\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .md\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .md\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .md\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .md\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .md\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .md\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .md\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .md\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .md\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .md\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .md\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .md\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .md\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .md\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .md\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .md\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .md\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .md\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .md\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .md\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .md\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .md\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .md\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .md\:mux-flex-row {
    flex-direction: row;
  }

  .md\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:mux-flex-col {
    flex-direction: column;
  }

  .md\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .md\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .md\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .md\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .md\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .md\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .md\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .md\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .md\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
@media (min-width: 1280px) {
  .lg\:mux-collapse {
    visibility: collapse;
  }

  .lg\:mux-col-auto {
    grid-column: auto;
  }

  .lg\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .lg\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .lg\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .lg\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .lg\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .lg\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .lg\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .lg\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .lg\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .lg\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .lg\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .lg\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .lg\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .lg\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .lg\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .lg\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .lg\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .lg\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .lg\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .lg\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .lg\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .lg\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .lg\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .lg\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .lg\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .lg\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .lg\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .lg\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .lg\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .lg\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .lg\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .lg\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .lg\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .lg\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .lg\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .lg\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .lg\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .lg\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .lg\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .lg\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .lg\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .lg\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .lg\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .lg\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .lg\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .lg\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .lg\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .lg\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .lg\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .lg\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .lg\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .lg\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .lg\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .lg\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .lg\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .lg\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .lg\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .lg\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .lg\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .lg\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .lg\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .lg\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .lg\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .lg\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .lg\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .lg\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .lg\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .lg\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .lg\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .lg\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .lg\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .lg\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .lg\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .lg\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .lg\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .lg\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .lg\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .lg\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .lg\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .lg\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .lg\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .lg\:mux-row-auto {
    grid-row: auto;
  }

  .lg\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .lg\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .lg\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .lg\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .lg\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .lg\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .lg\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .lg\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .lg\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .lg\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .lg\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .lg\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .lg\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .lg\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .lg\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .lg\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .lg\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .lg\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .lg\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .lg\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .lg\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .lg\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .lg\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .lg\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .lg\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .lg\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .lg\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .lg\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .lg\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .lg\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .lg\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .lg\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .lg\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .lg\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .lg\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .lg\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .lg\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .lg\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .lg\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .lg\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .lg\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .lg\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .lg\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .lg\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .lg\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .lg\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .lg\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .lg\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .lg\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .lg\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .lg\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .lg\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .lg\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .lg\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .lg\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .lg\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .lg\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .lg\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .lg\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .lg\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .lg\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .lg\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .lg\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .lg\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .lg\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .lg\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .lg\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .lg\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .lg\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .lg\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .lg\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .lg\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .lg\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .lg\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .lg\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .lg\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .lg\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .lg\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .lg\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .lg\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .lg\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .lg\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .lg\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .lg\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .lg\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .lg\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .lg\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .lg\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .lg\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .lg\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .lg\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .lg\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .lg\:mux-table-column {
    display: table-column;
  }

  .lg\:mux-table-column-group {
    display: table-column-group;
  }

  .lg\:mux-table-row-group {
    display: table-row-group;
  }

  .lg\:mux-table-row {
    display: table-row;
  }

  .lg\:mux-grid {
    display: grid;
  }

  .lg\:mux-inline-grid {
    display: inline-grid;
  }

  .lg\:mux-flex-grow {
    flex-grow: 1;
  }

  .lg\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .lg\:mux-grow {
    flex-grow: 1;
  }

  .lg\:mux-grow-0 {
    flex-grow: 0;
  }

  .lg\:mux-border-collapse {
    border-collapse: collapse;
  }

  .lg\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .lg\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .lg\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .lg\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .lg\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .lg\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .lg\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .lg\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .lg\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .lg\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .lg\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .lg\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .lg\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .lg\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .lg\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .lg\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .lg\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .lg\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .lg\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .lg\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .lg\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .lg\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .lg\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .lg\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .lg\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .lg\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .lg\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .lg\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .lg\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .lg\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .lg\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .lg\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .lg\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .lg\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .lg\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .lg\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .lg\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .lg\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .lg\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .lg\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .lg\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .lg\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .lg\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .lg\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .lg\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .lg\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .lg\:mux-flex-row {
    flex-direction: row;
  }

  .lg\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:mux-flex-col {
    flex-direction: column;
  }

  .lg\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .lg\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .lg\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .lg\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .lg\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .lg\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .lg\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .lg\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .lg\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
@media (min-width: 1440px) {
  .xl\:mux-collapse {
    visibility: collapse;
  }

  .xl\:mux-col-auto {
    grid-column: auto;
  }

  .xl\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xl\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .xl\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .xl\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .xl\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .xl\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .xl\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .xl\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .xl\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .xl\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .xl\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .xl\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .xl\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .xl\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .xl\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .xl\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .xl\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .xl\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .xl\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .xl\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .xl\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .xl\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .xl\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .xl\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .xl\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .xl\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .xl\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .xl\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .xl\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .xl\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .xl\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .xl\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .xl\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .xl\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .xl\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .xl\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .xl\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .xl\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .xl\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .xl\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .xl\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .xl\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .xl\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .xl\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .xl\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .xl\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .xl\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .xl\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .xl\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .xl\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .xl\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .xl\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .xl\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .xl\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .xl\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .xl\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .xl\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .xl\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .xl\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .xl\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .xl\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .xl\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .xl\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .xl\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .xl\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .xl\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .xl\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .xl\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .xl\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .xl\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .xl\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .xl\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .xl\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .xl\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .xl\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .xl\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .xl\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .xl\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .xl\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .xl\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .xl\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .xl\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .xl\:mux-row-auto {
    grid-row: auto;
  }

  .xl\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xl\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .xl\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .xl\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .xl\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xl\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xl\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xl\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .xl\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .xl\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .xl\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .xl\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .xl\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .xl\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .xl\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .xl\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .xl\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .xl\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .xl\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .xl\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .xl\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .xl\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .xl\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .xl\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .xl\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .xl\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .xl\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .xl\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .xl\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .xl\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .xl\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .xl\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .xl\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .xl\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .xl\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .xl\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .xl\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .xl\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .xl\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .xl\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .xl\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .xl\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .xl\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .xl\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .xl\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .xl\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .xl\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .xl\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .xl\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .xl\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .xl\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .xl\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .xl\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .xl\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .xl\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .xl\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .xl\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .xl\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .xl\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .xl\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .xl\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .xl\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .xl\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .xl\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .xl\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .xl\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .xl\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .xl\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .xl\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .xl\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .xl\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .xl\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .xl\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .xl\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .xl\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .xl\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .xl\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .xl\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .xl\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .xl\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .xl\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .xl\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .xl\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .xl\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .xl\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .xl\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .xl\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .xl\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .xl\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .xl\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .xl\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .xl\:mux-table-column {
    display: table-column;
  }

  .xl\:mux-table-column-group {
    display: table-column-group;
  }

  .xl\:mux-table-row-group {
    display: table-row-group;
  }

  .xl\:mux-table-row {
    display: table-row;
  }

  .xl\:mux-grid {
    display: grid;
  }

  .xl\:mux-inline-grid {
    display: inline-grid;
  }

  .xl\:mux-flex-grow {
    flex-grow: 1;
  }

  .xl\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .xl\:mux-grow {
    flex-grow: 1;
  }

  .xl\:mux-grow-0 {
    flex-grow: 0;
  }

  .xl\:mux-border-collapse {
    border-collapse: collapse;
  }

  .xl\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .xl\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .xl\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .xl\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .xl\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .xl\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .xl\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .xl\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .xl\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .xl\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .xl\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .xl\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .xl\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .xl\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .xl\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .xl\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .xl\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .xl\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .xl\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .xl\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .xl\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .xl\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .xl\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .xl\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .xl\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .xl\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .xl\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .xl\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .xl\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .xl\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .xl\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .xl\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xl\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .xl\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .xl\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .xl\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .xl\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .xl\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xl\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xl\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xl\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .xl\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .xl\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xl\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .xl\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .xl\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .xl\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .xl\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .xl\:mux-flex-row {
    flex-direction: row;
  }

  .xl\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:mux-flex-col {
    flex-direction: column;
  }

  .xl\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xl\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .xl\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .xl\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .xl\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .xl\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .xl\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .xl\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .xl\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .xl\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
@media (min-width: 1920px) {
  .\32xl\:mux-collapse {
    visibility: collapse;
  }

  .\32xl\:mux-col-auto {
    grid-column: auto;
  }

  .\32xl\:mux-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .\32xl\:mux-col-span-10 {
    grid-column: span 10 / span 10;
  }

  .\32xl\:mux-col-span-11 {
    grid-column: span 11 / span 11;
  }

  .\32xl\:mux-col-span-12 {
    grid-column: span 12 / span 12;
  }

  .\32xl\:mux-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .\32xl\:mux-col-span-3 {
    grid-column: span 3 / span 3;
  }

  .\32xl\:mux-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .\32xl\:mux-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .\32xl\:mux-col-span-6 {
    grid-column: span 6 / span 6;
  }

  .\32xl\:mux-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .\32xl\:mux-col-span-8 {
    grid-column: span 8 / span 8;
  }

  .\32xl\:mux-col-span-9 {
    grid-column: span 9 / span 9;
  }

  .\32xl\:mux-col-span-full {
    grid-column: 1 / -1;
  }

  .\32xl\:-mux-col-start-1 {
    grid-column-start: -1;
  }

  .\32xl\:-mux-col-start-10 {
    grid-column-start: -10;
  }

  .\32xl\:-mux-col-start-11 {
    grid-column-start: -11;
  }

  .\32xl\:-mux-col-start-12 {
    grid-column-start: -12;
  }

  .\32xl\:-mux-col-start-13 {
    grid-column-start: -13;
  }

  .\32xl\:-mux-col-start-2 {
    grid-column-start: -2;
  }

  .\32xl\:-mux-col-start-3 {
    grid-column-start: -3;
  }

  .\32xl\:-mux-col-start-4 {
    grid-column-start: -4;
  }

  .\32xl\:-mux-col-start-5 {
    grid-column-start: -5;
  }

  .\32xl\:-mux-col-start-6 {
    grid-column-start: -6;
  }

  .\32xl\:-mux-col-start-7 {
    grid-column-start: -7;
  }

  .\32xl\:-mux-col-start-8 {
    grid-column-start: -8;
  }

  .\32xl\:-mux-col-start-9 {
    grid-column-start: -9;
  }

  .\32xl\:mux--col-start-1 {
    grid-column-start: -1;
  }

  .\32xl\:mux--col-start-10 {
    grid-column-start: -10;
  }

  .\32xl\:mux--col-start-11 {
    grid-column-start: -11;
  }

  .\32xl\:mux--col-start-12 {
    grid-column-start: -12;
  }

  .\32xl\:mux--col-start-13 {
    grid-column-start: -13;
  }

  .\32xl\:mux--col-start-2 {
    grid-column-start: -2;
  }

  .\32xl\:mux--col-start-3 {
    grid-column-start: -3;
  }

  .\32xl\:mux--col-start-4 {
    grid-column-start: -4;
  }

  .\32xl\:mux--col-start-5 {
    grid-column-start: -5;
  }

  .\32xl\:mux--col-start-6 {
    grid-column-start: -6;
  }

  .\32xl\:mux--col-start-7 {
    grid-column-start: -7;
  }

  .\32xl\:mux--col-start-8 {
    grid-column-start: -8;
  }

  .\32xl\:mux--col-start-9 {
    grid-column-start: -9;
  }

  .\32xl\:mux-col-start-1 {
    grid-column-start: 1;
  }

  .\32xl\:mux-col-start-10 {
    grid-column-start: 10;
  }

  .\32xl\:mux-col-start-11 {
    grid-column-start: 11;
  }

  .\32xl\:mux-col-start-12 {
    grid-column-start: 12;
  }

  .\32xl\:mux-col-start-13 {
    grid-column-start: 13;
  }

  .\32xl\:mux-col-start-2 {
    grid-column-start: 2;
  }

  .\32xl\:mux-col-start-3 {
    grid-column-start: 3;
  }

  .\32xl\:mux-col-start-4 {
    grid-column-start: 4;
  }

  .\32xl\:mux-col-start-5 {
    grid-column-start: 5;
  }

  .\32xl\:mux-col-start-6 {
    grid-column-start: 6;
  }

  .\32xl\:mux-col-start-7 {
    grid-column-start: 7;
  }

  .\32xl\:mux-col-start-8 {
    grid-column-start: 8;
  }

  .\32xl\:mux-col-start-9 {
    grid-column-start: 9;
  }

  .\32xl\:mux-col-start-auto {
    grid-column-start: auto;
  }

  .\32xl\:-mux-col-end-1 {
    grid-column-end: -1;
  }

  .\32xl\:-mux-col-end-10 {
    grid-column-end: -10;
  }

  .\32xl\:-mux-col-end-11 {
    grid-column-end: -11;
  }

  .\32xl\:-mux-col-end-12 {
    grid-column-end: -12;
  }

  .\32xl\:-mux-col-end-13 {
    grid-column-end: -13;
  }

  .\32xl\:-mux-col-end-2 {
    grid-column-end: -2;
  }

  .\32xl\:-mux-col-end-3 {
    grid-column-end: -3;
  }

  .\32xl\:-mux-col-end-4 {
    grid-column-end: -4;
  }

  .\32xl\:-mux-col-end-5 {
    grid-column-end: -5;
  }

  .\32xl\:-mux-col-end-6 {
    grid-column-end: -6;
  }

  .\32xl\:-mux-col-end-7 {
    grid-column-end: -7;
  }

  .\32xl\:-mux-col-end-8 {
    grid-column-end: -8;
  }

  .\32xl\:-mux-col-end-9 {
    grid-column-end: -9;
  }

  .\32xl\:mux--col-end-1 {
    grid-column-end: -1;
  }

  .\32xl\:mux--col-end-10 {
    grid-column-end: -10;
  }

  .\32xl\:mux--col-end-11 {
    grid-column-end: -11;
  }

  .\32xl\:mux--col-end-12 {
    grid-column-end: -12;
  }

  .\32xl\:mux--col-end-13 {
    grid-column-end: -13;
  }

  .\32xl\:mux--col-end-2 {
    grid-column-end: -2;
  }

  .\32xl\:mux--col-end-3 {
    grid-column-end: -3;
  }

  .\32xl\:mux--col-end-4 {
    grid-column-end: -4;
  }

  .\32xl\:mux--col-end-5 {
    grid-column-end: -5;
  }

  .\32xl\:mux--col-end-6 {
    grid-column-end: -6;
  }

  .\32xl\:mux--col-end-7 {
    grid-column-end: -7;
  }

  .\32xl\:mux--col-end-8 {
    grid-column-end: -8;
  }

  .\32xl\:mux--col-end-9 {
    grid-column-end: -9;
  }

  .\32xl\:mux-col-end-1 {
    grid-column-end: 1;
  }

  .\32xl\:mux-col-end-10 {
    grid-column-end: 10;
  }

  .\32xl\:mux-col-end-11 {
    grid-column-end: 11;
  }

  .\32xl\:mux-col-end-12 {
    grid-column-end: 12;
  }

  .\32xl\:mux-col-end-13 {
    grid-column-end: 13;
  }

  .\32xl\:mux-col-end-2 {
    grid-column-end: 2;
  }

  .\32xl\:mux-col-end-3 {
    grid-column-end: 3;
  }

  .\32xl\:mux-col-end-4 {
    grid-column-end: 4;
  }

  .\32xl\:mux-col-end-5 {
    grid-column-end: 5;
  }

  .\32xl\:mux-col-end-6 {
    grid-column-end: 6;
  }

  .\32xl\:mux-col-end-7 {
    grid-column-end: 7;
  }

  .\32xl\:mux-col-end-8 {
    grid-column-end: 8;
  }

  .\32xl\:mux-col-end-9 {
    grid-column-end: 9;
  }

  .\32xl\:mux-col-end-auto {
    grid-column-end: auto;
  }

  .\32xl\:mux-row-auto {
    grid-row: auto;
  }

  .\32xl\:mux-row-span-1 {
    grid-row: span 1 / span 1;
  }

  .\32xl\:mux-row-span-10 {
    grid-row: span 10 / span 10;
  }

  .\32xl\:mux-row-span-11 {
    grid-row: span 11 / span 11;
  }

  .\32xl\:mux-row-span-12 {
    grid-row: span 12 / span 12;
  }

  .\32xl\:mux-row-span-2 {
    grid-row: span 2 / span 2;
  }

  .\32xl\:mux-row-span-3 {
    grid-row: span 3 / span 3;
  }

  .\32xl\:mux-row-span-4 {
    grid-row: span 4 / span 4;
  }

  .\32xl\:mux-row-span-5 {
    grid-row: span 5 / span 5;
  }

  .\32xl\:mux-row-span-6 {
    grid-row: span 6 / span 6;
  }

  .\32xl\:mux-row-span-7 {
    grid-row: span 7 / span 7;
  }

  .\32xl\:mux-row-span-8 {
    grid-row: span 8 / span 8;
  }

  .\32xl\:mux-row-span-9 {
    grid-row: span 9 / span 9;
  }

  .\32xl\:mux-row-span-full {
    grid-row: 1 / -1;
  }

  .\32xl\:-mux-row-start-1 {
    grid-row-start: -1;
  }

  .\32xl\:-mux-row-start-10 {
    grid-row-start: -10;
  }

  .\32xl\:-mux-row-start-11 {
    grid-row-start: -11;
  }

  .\32xl\:-mux-row-start-12 {
    grid-row-start: -12;
  }

  .\32xl\:-mux-row-start-13 {
    grid-row-start: -13;
  }

  .\32xl\:-mux-row-start-2 {
    grid-row-start: -2;
  }

  .\32xl\:-mux-row-start-3 {
    grid-row-start: -3;
  }

  .\32xl\:-mux-row-start-4 {
    grid-row-start: -4;
  }

  .\32xl\:-mux-row-start-5 {
    grid-row-start: -5;
  }

  .\32xl\:-mux-row-start-6 {
    grid-row-start: -6;
  }

  .\32xl\:-mux-row-start-7 {
    grid-row-start: -7;
  }

  .\32xl\:-mux-row-start-8 {
    grid-row-start: -8;
  }

  .\32xl\:-mux-row-start-9 {
    grid-row-start: -9;
  }

  .\32xl\:mux--row-start-1 {
    grid-row-start: -1;
  }

  .\32xl\:mux--row-start-10 {
    grid-row-start: -10;
  }

  .\32xl\:mux--row-start-11 {
    grid-row-start: -11;
  }

  .\32xl\:mux--row-start-12 {
    grid-row-start: -12;
  }

  .\32xl\:mux--row-start-13 {
    grid-row-start: -13;
  }

  .\32xl\:mux--row-start-2 {
    grid-row-start: -2;
  }

  .\32xl\:mux--row-start-3 {
    grid-row-start: -3;
  }

  .\32xl\:mux--row-start-4 {
    grid-row-start: -4;
  }

  .\32xl\:mux--row-start-5 {
    grid-row-start: -5;
  }

  .\32xl\:mux--row-start-6 {
    grid-row-start: -6;
  }

  .\32xl\:mux--row-start-7 {
    grid-row-start: -7;
  }

  .\32xl\:mux--row-start-8 {
    grid-row-start: -8;
  }

  .\32xl\:mux--row-start-9 {
    grid-row-start: -9;
  }

  .\32xl\:mux-row-start-1 {
    grid-row-start: 1;
  }

  .\32xl\:mux-row-start-10 {
    grid-row-start: 10;
  }

  .\32xl\:mux-row-start-11 {
    grid-row-start: 11;
  }

  .\32xl\:mux-row-start-12 {
    grid-row-start: 12;
  }

  .\32xl\:mux-row-start-13 {
    grid-row-start: 13;
  }

  .\32xl\:mux-row-start-2 {
    grid-row-start: 2;
  }

  .\32xl\:mux-row-start-3 {
    grid-row-start: 3;
  }

  .\32xl\:mux-row-start-4 {
    grid-row-start: 4;
  }

  .\32xl\:mux-row-start-5 {
    grid-row-start: 5;
  }

  .\32xl\:mux-row-start-6 {
    grid-row-start: 6;
  }

  .\32xl\:mux-row-start-7 {
    grid-row-start: 7;
  }

  .\32xl\:mux-row-start-8 {
    grid-row-start: 8;
  }

  .\32xl\:mux-row-start-9 {
    grid-row-start: 9;
  }

  .\32xl\:mux-row-start-auto {
    grid-row-start: auto;
  }

  .\32xl\:-mux-row-end-1 {
    grid-row-end: -1;
  }

  .\32xl\:-mux-row-end-10 {
    grid-row-end: -10;
  }

  .\32xl\:-mux-row-end-11 {
    grid-row-end: -11;
  }

  .\32xl\:-mux-row-end-12 {
    grid-row-end: -12;
  }

  .\32xl\:-mux-row-end-13 {
    grid-row-end: -13;
  }

  .\32xl\:-mux-row-end-2 {
    grid-row-end: -2;
  }

  .\32xl\:-mux-row-end-3 {
    grid-row-end: -3;
  }

  .\32xl\:-mux-row-end-4 {
    grid-row-end: -4;
  }

  .\32xl\:-mux-row-end-5 {
    grid-row-end: -5;
  }

  .\32xl\:-mux-row-end-6 {
    grid-row-end: -6;
  }

  .\32xl\:-mux-row-end-7 {
    grid-row-end: -7;
  }

  .\32xl\:-mux-row-end-8 {
    grid-row-end: -8;
  }

  .\32xl\:-mux-row-end-9 {
    grid-row-end: -9;
  }

  .\32xl\:mux--row-end-1 {
    grid-row-end: -1;
  }

  .\32xl\:mux--row-end-10 {
    grid-row-end: -10;
  }

  .\32xl\:mux--row-end-11 {
    grid-row-end: -11;
  }

  .\32xl\:mux--row-end-12 {
    grid-row-end: -12;
  }

  .\32xl\:mux--row-end-13 {
    grid-row-end: -13;
  }

  .\32xl\:mux--row-end-2 {
    grid-row-end: -2;
  }

  .\32xl\:mux--row-end-3 {
    grid-row-end: -3;
  }

  .\32xl\:mux--row-end-4 {
    grid-row-end: -4;
  }

  .\32xl\:mux--row-end-5 {
    grid-row-end: -5;
  }

  .\32xl\:mux--row-end-6 {
    grid-row-end: -6;
  }

  .\32xl\:mux--row-end-7 {
    grid-row-end: -7;
  }

  .\32xl\:mux--row-end-8 {
    grid-row-end: -8;
  }

  .\32xl\:mux--row-end-9 {
    grid-row-end: -9;
  }

  .\32xl\:mux-row-end-1 {
    grid-row-end: 1;
  }

  .\32xl\:mux-row-end-10 {
    grid-row-end: 10;
  }

  .\32xl\:mux-row-end-11 {
    grid-row-end: 11;
  }

  .\32xl\:mux-row-end-12 {
    grid-row-end: 12;
  }

  .\32xl\:mux-row-end-13 {
    grid-row-end: 13;
  }

  .\32xl\:mux-row-end-2 {
    grid-row-end: 2;
  }

  .\32xl\:mux-row-end-3 {
    grid-row-end: 3;
  }

  .\32xl\:mux-row-end-4 {
    grid-row-end: 4;
  }

  .\32xl\:mux-row-end-5 {
    grid-row-end: 5;
  }

  .\32xl\:mux-row-end-6 {
    grid-row-end: 6;
  }

  .\32xl\:mux-row-end-7 {
    grid-row-end: 7;
  }

  .\32xl\:mux-row-end-8 {
    grid-row-end: 8;
  }

  .\32xl\:mux-row-end-9 {
    grid-row-end: 9;
  }

  .\32xl\:mux-row-end-auto {
    grid-row-end: auto;
  }

  .\32xl\:mux-table-column {
    display: table-column;
  }

  .\32xl\:mux-table-column-group {
    display: table-column-group;
  }

  .\32xl\:mux-table-row-group {
    display: table-row-group;
  }

  .\32xl\:mux-table-row {
    display: table-row;
  }

  .\32xl\:mux-grid {
    display: grid;
  }

  .\32xl\:mux-inline-grid {
    display: inline-grid;
  }

  .\32xl\:mux-flex-grow {
    flex-grow: 1;
  }

  .\32xl\:mux-flex-grow-0 {
    flex-grow: 0;
  }

  .\32xl\:mux-grow {
    flex-grow: 1;
  }

  .\32xl\:mux-grow-0 {
    flex-grow: 0;
  }

  .\32xl\:mux-border-collapse {
    border-collapse: collapse;
  }

  .\32xl\:mux-cursor-col-resize {
    cursor: col-resize;
  }

  .\32xl\:mux-cursor-row-resize {
    cursor: row-resize;
  }

  .\32xl\:mux-columns-1 {
    -moz-columns: 1;

    columns: 1;
  }

  .\32xl\:mux-columns-10 {
    -moz-columns: 10;

    columns: 10;
  }

  .\32xl\:mux-columns-11 {
    -moz-columns: 11;

    columns: 11;
  }

  .\32xl\:mux-columns-12 {
    -moz-columns: 12;

    columns: 12;
  }

  .\32xl\:mux-columns-2 {
    -moz-columns: 2;

    columns: 2;
  }

  .\32xl\:mux-columns-2xl {
    -moz-columns: 42rem;

    columns: 42rem;
  }

  .\32xl\:mux-columns-2xs {
    -moz-columns: 18rem;

    columns: 18rem;
  }

  .\32xl\:mux-columns-3 {
    -moz-columns: 3;

    columns: 3;
  }

  .\32xl\:mux-columns-3xl {
    -moz-columns: 48rem;

    columns: 48rem;
  }

  .\32xl\:mux-columns-3xs {
    -moz-columns: 16rem;

    columns: 16rem;
  }

  .\32xl\:mux-columns-4 {
    -moz-columns: 4;

    columns: 4;
  }

  .\32xl\:mux-columns-4xl {
    -moz-columns: 56rem;

    columns: 56rem;
  }

  .\32xl\:mux-columns-5 {
    -moz-columns: 5;

    columns: 5;
  }

  .\32xl\:mux-columns-5xl {
    -moz-columns: 64rem;

    columns: 64rem;
  }

  .\32xl\:mux-columns-6 {
    -moz-columns: 6;

    columns: 6;
  }

  .\32xl\:mux-columns-6xl {
    -moz-columns: 72rem;

    columns: 72rem;
  }

  .\32xl\:mux-columns-7 {
    -moz-columns: 7;

    columns: 7;
  }

  .\32xl\:mux-columns-7xl {
    -moz-columns: 80rem;

    columns: 80rem;
  }

  .\32xl\:mux-columns-8 {
    -moz-columns: 8;

    columns: 8;
  }

  .\32xl\:mux-columns-9 {
    -moz-columns: 9;

    columns: 9;
  }

  .\32xl\:mux-columns-auto {
    -moz-columns: auto;

    columns: auto;
  }

  .\32xl\:mux-columns-lg {
    -moz-columns: 32rem;

    columns: 32rem;
  }

  .\32xl\:mux-columns-md {
    -moz-columns: 28rem;

    columns: 28rem;
  }

  .\32xl\:mux-columns-sm {
    -moz-columns: 24rem;

    columns: 24rem;
  }

  .\32xl\:mux-columns-xl {
    -moz-columns: 36rem;

    columns: 36rem;
  }

  .\32xl\:mux-columns-xs {
    -moz-columns: 20rem;

    columns: 20rem;
  }

  .\32xl\:mux-break-before-column {
    -moz-column-break-before: column;

    break-before: column;
  }

  .\32xl\:mux-break-inside-avoid-column {
    -moz-column-break-inside: avoid;

    break-inside: avoid-column;
  }

  .\32xl\:mux-break-after-column {
    -moz-column-break-after: column;

    break-after: column;
  }

  .\32xl\:mux-auto-cols-auto {
    grid-auto-columns: auto;
  }

  .\32xl\:mux-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .\32xl\:mux-auto-cols-max {
    grid-auto-columns: max-content;
  }

  .\32xl\:mux-auto-cols-min {
    grid-auto-columns: min-content;
  }

  .\32xl\:mux-grid-flow-row {
    grid-auto-flow: row;
  }

  .\32xl\:mux-grid-flow-col {
    grid-auto-flow: column;
  }

  .\32xl\:mux-grid-flow-dense {
    grid-auto-flow: dense;
  }

  .\32xl\:mux-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .\32xl\:mux-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .\32xl\:mux-auto-rows-auto {
    grid-auto-rows: auto;
  }

  .\32xl\:mux-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .\32xl\:mux-auto-rows-max {
    grid-auto-rows: max-content;
  }

  .\32xl\:mux-auto-rows-min {
    grid-auto-rows: min-content;
  }

  .\32xl\:mux-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-cols-none {
    grid-template-columns: none;
  }

  .\32xl\:mux-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .\32xl\:mux-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .\32xl\:mux-grid-rows-none {
    grid-template-rows: none;
  }

  .\32xl\:mux-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .\32xl\:mux-flex-row {
    flex-direction: row;
  }

  .\32xl\:mux-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .\32xl\:mux-flex-col {
    flex-direction: column;
  }

  .\32xl\:mux-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .\32xl\:mux-bg-blend-color-dodge {
    background-blend-mode: color-dodge;
  }

  .\32xl\:mux-bg-blend-color-burn {
    background-blend-mode: color-burn;
  }

  .\32xl\:mux-bg-blend-color {
    background-blend-mode: color;
  }

  .\32xl\:mux-mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
  }

  .\32xl\:mux-mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }

  .\32xl\:mux-mix-blend-color {
    mix-blend-mode: color;
  }

  .\32xl\:mux-transition-colors {
    transition-property:
      color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;
  }

  .\32xl\:mux-forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .\32xl\:mux-forced-color-adjust-none {
    forced-color-adjust: none;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html {
  font-size: 16px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}
body {
  color: var(--cds-color-neutral-dark-default);
  font-family: 'Manulife JH Sans', Helvetica, Arial, sans-serif;
  font-weight: var(--cds-font-weight-regular);
  line-height: 1.5;
}
img,
picture,
video,
canvas,
svg {
  display: block;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
p {
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  border: none;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none;
}
[data-mux-theme] button,
[data-mux-theme] [role='button'] {
  cursor: pointer;
}
[data-mux-theme] fieldset {
  border: none;
  padding: 0;
}
[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: 0.75rem;
  --cds-font-size-2xs: 0.8125rem;
  --cds-font-size-xs: 0.875rem;
  --cds-font-size-sm: 0.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: 0.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: 0.75rem;
  --cds-line-height-2xs: 0.8125rem;
  --cds-line-height-xs: 0.875rem;
  --cds-line-height-sm: 0.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: 0.25rem;
  --cds-radius-md: 0.5rem;
  --cds-radius-lg: 0.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: 0.25rem;
  --cds-spacing-2: 0.5rem;
  --cds-spacing-3: 0.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-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-light);
  --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: 0.35s cubic-bezier(0.54, 1.6, 0.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: 'Manulife 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^='cds'] {
  --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: 0.75rem;
  --cds-font-size-2xs: 0.8125rem;
  --cds-font-size-xs: 0.875rem;
  --cds-font-size-sm: 0.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.625rem;
  --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: 0.5rem;
  --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: 0.75rem;
  --cds-line-height-2xs: 0.8125rem;
  --cds-line-height-xs: 0.875rem;
  --cds-line-height-sm: 0.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.5rem;
  --cds-line-height-6xl: 2.75rem;
  --cds-line-height-7xl: 3rem;
  --cds-line-height-8xl: 3.25rem;
  --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: 0.25rem;
  --cds-radius-md: 0.5rem;
  --cds-radius-lg: 0.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: 0.25rem;
  --cds-spacing-2: 0.5rem;
  --cds-spacing-3: 0.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^='cds'],
[data-mux-theme^='cds'] > * {
  --mux-Button-background-disabled: var(--cds-color-neutral-light-default);
  --mux-Button-color-disabled: var(--cds-color-neutral-dark-light-3);
  --mux-Button-padding: var(--cds-spacing-4) var(--cds-spacing-6);
  --mux-Button-min-width: 150px;
  --mux-Button-secondary-color: var(--cds-color-neutral-dark-default);
  --mux-Button-secondary-font-weight: var(--cds-font-weight-demibold);
  --mux-Button-tertiary-background: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-background-active: var(--cds-color-accent-dark-2);
  --mux-Button-tertiary-background-hover: var(--cds-color-accent-dark-1);
  --mux-Button-tertiary-background-disabled: var(
    --cds-color-neutral-light-default
  );
  --mux-Button-tertiary-border: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-border-active: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-border-hover: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-color: var(--cds-color-neutral-dark-default);
  --mux-Button-tertiary-color-active: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-color-disabled: var(--cds-color-neutral-dark-light-3);
  --mux-Button-tertiary-color-hover: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-Icon-color: var(--cds-color-accent-default);
  --mux-Button-tertiary-Icon-color-active: var(
    --cds-color-neutral-light-light-3
  );
  --mux-Button-tertiary-Icon-color-disabled: var(
    --cds-color-neutral-dark-light-3
  );
  --mux-Button-tertiary-Icon-color-hover: var(
    --cds-color-neutral-light-light-3
  );
  --mux-DatePicker-DateSegment-background-focused: #eaf8f0;
  --mux-DatePicker-DateSegment-border-focused: var(
    --cds-color-primary-main-default
  );
  --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-light-2);
  --mux-ListBoxItem-selected-background: var(--cds-color-primary-main-light-4);
  --mux-ListBoxItem-selected-font-weight: var(--cds-font-weight-regular);
  --mux-ListBoxItem-selected-hover: var(--cds-color-primary-main-light-4);
  --mux-ListBoxItem-selected-show-indicator: 0;
  --mux-TextLink-color: var(--cds-color-neutral-dark-default);
  --mux-TextLink-font-weight: 600;
  --mux-TextLink-text-shadow: transparent;
  --mux-TextLink-text-underline-offset: 6px;
  --mux-TextLink-text-underline-color-hover: transparent;
  --mux-TextLink-Icon-color: var(--cds-color-accent-default);
  --mux-TextLink-inverse-color: var(--cds-color-neutral-light-light-3);
  --mux-TextLink-inverse-text-underline-color-hover: transparent;
  --mux-Toast-font-size: var(--cds-font-size-xs);
  --mux-Toast-line-height: var(--cds-line-height-lg);
  --mux-Toast-max-width: 320px;
  --mux-Toast-margin-mobile-standard: 0 var(--cds-spacing-7)
    var(--cds-spacing-7);
  --mux-Toast-background-color-error: var(--cds-color-accent-dark-2);
  --mux-Toggle-diameter: 28px;
  --mux-Toggle-diameter-small: 20px;
  --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-4);
  --mux-Toggle-color-unchecked-hover: var(--cds-color-neutral-dark-light-3);
  --mux-Toggle-color-checked: var(--cds-color-primary-main-default);
  --mux-Toggle-color-checked-hover: var(--cds-color-primary-main-dark-1);
  --mux-Toggle-color-disabled: var(--cds-color-neutral-light-default);
  --mux-Toggle-background-unchecked: var(--cds-color-neutral-dark-light-4);
  --mux-Toggle-background-unchecked-hover: var(
    --cds-color-neutral-dark-light-3
  );
  --mux-Toggle-background-checked: var(--cds-color-primary-main-default);
  --mux-Toggle-background-checked-hover: var(--cds-color-primary-main-dark-1);
  --mux-Toggle-background-disabled: var(--cds-color-neutral-light-default);
  --mux-Toggle-track-height: 8px;
  --mux-Toggle-track-width: 60px;
  --mux-Toggle-track-width-small: 40px;
  --mux-Toggle-transition: 0.2s ease-in-out;
  --mux-Toggle-Label-color: var(--cds-color-neutral-dark-default);
  --mux-Toggle-Label-color-disabled: var(--cds-color-neutral-dark-default);
  --cds-font-family: 'Manulife JH Sans', Helvetica, Arial, sans-serif;
  --mux-H1-font-size: var(--cds-font-size-14xl);
  --mux-H1-line-height: var(--cds-line-height-10xl);
  --mux-H1-font-size-mobile: var(--cds-font-size-10xl);
  --mux-H1-line-height-mobile: var(--cds-line-height-6xl);
  --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-7xl);
  --mux-H2-line-height-mobile: var(--cds-line-height-4xl);
  --mux-H3-font-size: var(--cds-font-size-6xl);
  --mux-H3-line-height: var(--cds-line-height-4xl);
  --mux-H3-font-size-mobile: var(--cds-font-size-6xl);
  --mux-H3-line-height-mobile: var(--cds-line-height-4xl);
  --mux-H4-font-size: var(--cds-font-size-2xl);
  --mux-H4-line-height: var(--cds-line-height-2xl);
  --mux-H4-font-size-mobile: var(--cds-font-size-2xl);
  --mux-H4-line-height-mobile: var(--cds-line-height-2xl);
  --mux-SideNav-Mobile-background: var(--cds-color-neutral-light-light-2);
  --mux-SideNav-Mobile-border: none;
  --mux-SideNav-Mobile-Button-Label-display: none;
  --mux-SideNav-Mobile-SubNav-position: fixed;
  --mux-SideNav-Mobile-SubNav-overlay: 1;
  --mux-SideNav-Mobile-SubNav-height: calc(100vh - 60px);
  --mux-SideNav-Mobile-SubNav-BackButton-display: flex;
  --mux-SideNav-Mobile-Selector-align-items: center;
  --mux-SideNav-Mobile-Selector-background: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-Mobile-Selector-Button-font-size: var(--cds-font-size-2xs);
  --mux-SideNav-Mobile-Selector-Button-color: var(
    --cds-color-neutral-dark-light-4
  );
  --mux-SideNav-Mobile-Selector-Button-padding: var(--cds-spacing-2)
    var(--cds-spacing-5);
  --mux-SideNav-Mobile-Selector-Button-border-color: var(
    --cds-color-neutral-light-default
  );
  --mux-SideNav-Mobile-Selector-Button-border-width: 0 1px 0 0;
  --mux-SideNav-Mobile-Selector-Button-border-width-selected: 0 1px 0 0;
  --mux-SideNav-Mobile-SignInButton-font-weight: var(
    --cds-font-weight-demibold
  );
  --mux-SideNav-Mobile-SignInButton-margin: var(--cds-spacing-4);
  --mux-SideNav-Mobile-SignInButton-height: 40px;
  --mux-SideNav-Mobile-SignInButton-justify-content: center;
  --mux-SideNav-Mobile-SignInButton-Icon-display: none;
  --mux-SideNav-Mobile-SignInButton-background: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-Mobile-SignInButton-background-hover: var(
    --cds-color-accent-default
  );
  --mux-SideNav-Mobile-SignInButton-border: 2px solid
    var(--cds-color-accent-default);
  --mux-SideNav-Mobile-SignInButton-background-signedin: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-Mobile-SignInButton-background-signedin-hover: var(
    --cds-color-accent-default
  );
  --mux-SideNav-Mobile-SignInButton-color-signedin: var(
    --cds-color-neutral-dark-default
  );
  --mux-SideNav-BrandLogo-display: flex;
  --mux-SideNav-BrandLogo-height: 64px;
  --mux-SideNav-BrandLogo-height-mobile: 52px;
  --mux-SideNav-WordmarkLogo-height: 30px;
  --mux-SideNav-WordmarkLogo-height-mobile: 20px;
  --mux-SideNav-Item-height-mobile: 80px;
  --mux-SideNav-MainItem-background: var(--cds-color-neutral-dark-light-1);
  --mux-SideNav-MainItem-background-mobile: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-MainItem-background-selected-mobile: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-MainItem-selected-show-indicator: 1;
  --mux-SideNav-MainItem-Chevron-display: block;
  --mux-SideNav-MainItem-Icon-inactive-color: var(
    --cds-color-neutral-dark-light-4
  );
  --mux-SideNav-MainItem-border-color: var(--cds-color-neutral-dark-default);
  --mux-SideNav-MainItem-border-color-mobile: var(
    --cds-color-neutral-light-default
  );
  --mux-SideNav-MainItem-color-mobile: var(--cds-color-neutral-dark-default);
  --mux-SideNav-SubItem-width: 310px;
  --mux-SideNav-SubItem-width-xl: 350px;
  --mux-SideNav-SubItem-padding: var(--cds-spacing-7);
  --mux-SideNav-SubItem-padding-mobile: var(--cds-spacing-4);
  --mux-SideNav-SubItem-background-selected: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-SubItem-font-weight-selected: var(--cds-font-weight-regular);
  --mux-UtilityHeader-height: 80px;
  --mux-UtilityHeader-main-background: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-main-color: var(--cds-color-neutral-light-light-3);
  --mux-UtilityHeader-sub-background: var(--cds-color-neutral-light-light-2);
  --mux-UtilityHeader-sub-color: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-HeaderButton-padding-right: '28px';
  --mux-UtilityHeader-main-HeaderButton-padding-left: '4px';
  --mux-UtilityHeader-sub-HeaderButton-padding-left: '0px';
  --mux-UtilityHeader-HeaderButton-color: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-focus-background: var(--cds-color-neutral-light-light-2);
  --mux-UtilityHeader-HeaderButton-border-width: 0px;
  --mux-UtilityHeader-HeaderButton-height: 44px;
  --mux-UtilityHeader-SignIn-margin-x: 16px;
  --mux-UtilityHeader-Tab-alignment: flex-end;
  --mux-UtilityHeader-MenuItem-active-background-color: var(
    --cds-color-neutral-light-light-2
  );
  --mux-UtilityHeader-TabButton-color: var(--cds-color-neutral-dark-default);
}
[data-mux-theme^='jh'] {
  --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: #533573;
  --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: 0.75rem;
  --cds-font-size-2xs: 0.8125rem;
  --cds-font-size-xs: 0.875rem;
  --cds-font-size-sm: 0.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.625rem;
  --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: 0.5rem;
  --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: 0.75rem;
  --cds-line-height-2xs: 0.8125rem;
  --cds-line-height-xs: 0.875rem;
  --cds-line-height-sm: 0.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.5rem;
  --cds-line-height-6xl: 2.75rem;
  --cds-line-height-7xl: 3rem;
  --cds-line-height-8xl: 3.25rem;
  --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: 0.25rem;
  --cds-radius-md: 0.5rem;
  --cds-radius-lg: 0.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: 0.25rem;
  --cds-spacing-2: 0.5rem;
  --cds-spacing-3: 0.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-blue);
  --cds-color-primary-main-light-3: var(--cds-color-light-3-blue);
  --cds-color-primary-main-light-2: var(--cds-color-light-2-blue);
  --cds-color-primary-main-light-1: var(--cds-color-light-1-blue);
  --cds-color-primary-main-default: var(--cds-color-jh-blue);
  --cds-color-primary-main-dark-1: var(--cds-color-dark-1-blue);
  --cds-color-primary-main-dark-2: var(--cds-color-dark-2-blue);
  --cds-color-primary-main-dark-3: var(--cds-color-dark-3-blue);
  --cds-color-primary-alternate-light-4: var(--cds-color-light-4-green);
  --cds-color-primary-alternate-light-3: var(--cds-color-light-3-green);
  --cds-color-primary-alternate-light-2: var(--cds-color-light-2-green);
  --cds-color-primary-alternate-light-1: var(--cds-color-light-1-green);
  --cds-color-primary-alternate-default: var(--cds-color-m-green);
  --cds-color-primary-alternate-dark-1: var(--cds-color-dark-1-green);
  --cds-color-primary-alternate-dark-2: var(--cds-color-dark-2-green);
  --cds-color-primary-alternate-dark-3: var(--cds-color-dark-3-green);
  --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^='jh'],
[data-mux-theme^='jh'] > * {
  --mux-Button-background-disabled: var(--cds-color-neutral-light-default);
  --mux-Button-color-disabled: var(--cds-color-neutral-dark-light-3);
  --mux-Button-padding: var(--cds-spacing-4) var(--cds-spacing-6);
  --mux-Button-min-width: 150px;
  --mux-Button-secondary-color: var(--cds-color-neutral-dark-default);
  --mux-Button-secondary-font-weight: var(--cds-font-weight-demibold);
  --mux-Button-tertiary-background: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-background-active: var(--cds-color-accent-dark-2);
  --mux-Button-tertiary-background-hover: var(--cds-color-accent-dark-1);
  --mux-Button-tertiary-background-disabled: var(
    --cds-color-neutral-light-default
  );
  --mux-Button-tertiary-border: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-border-active: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-border-hover: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-color: var(--cds-color-neutral-dark-default);
  --mux-Button-tertiary-color-active: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-color-disabled: var(--cds-color-neutral-dark-light-3);
  --mux-Button-tertiary-color-hover: var(--cds-color-neutral-light-light-3);
  --mux-Button-tertiary-Icon-color: var(--cds-color-accent-default);
  --mux-Button-tertiary-Icon-color-active: var(
    --cds-color-neutral-light-light-3
  );
  --mux-Button-tertiary-Icon-color-disabled: var(
    --cds-color-neutral-dark-light-3
  );
  --mux-Button-tertiary-Icon-color-hover: var(
    --cds-color-neutral-light-light-3
  );
  --mux-DatePicker-DateSegment-background-focused: var(
    --cds-color-primary-main-light-4
  );
  --mux-DatePicker-DateSegment-border-focused: var(
    --cds-color-primary-main-default
  );
  --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-light-2);
  --mux-ListBoxItem-selected-background: var(--cds-color-primary-main-light-4);
  --mux-ListBoxItem-selected-font-weight: var(--cds-font-weight-regular);
  --mux-ListBoxItem-selected-hover: var(--cds-color-primary-main-light-4);
  --mux-ListBoxItem-selected-show-indicator: 0;
  --mux-TextLink-color: var(--cds-color-neutral-dark-default);
  --mux-TextLink-font-weight: 600;
  --mux-TextLink-text-shadow: transparent;
  --mux-TextLink-text-underline-offset: 6px;
  --mux-TextLink-text-underline-color-hover: transparent;
  --mux-TextLink-Icon-color: var(--cds-color-accent-default);
  --mux-TextLink-inverse-color: var(--cds-color-neutral-light-light-3);
  --mux-TextLink-inverse-text-underline-color-hover: transparent;
  --mux-Toast-font-size: var(--cds-font-size-xs);
  --mux-Toast-line-height: var(--cds-line-height-lg);
  --mux-Toast-max-width: 320px;
  --mux-Toast-margin-mobile-standard: 0 var(--cds-spacing-7)
    var(--cds-spacing-7);
  --mux-Toast-background-color-error: var(--cds-color-accent-dark-2);
  --mux-Toggle-diameter: 28px;
  --mux-Toggle-diameter-small: 20px;
  --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-4);
  --mux-Toggle-color-unchecked-hover: var(--cds-color-neutral-dark-light-3);
  --mux-Toggle-color-checked: var(--cds-color-primary-main-default);
  --mux-Toggle-color-checked-hover: var(--cds-color-primary-main-dark-1);
  --mux-Toggle-color-disabled: var(--cds-color-neutral-light-default);
  --mux-Toggle-background-unchecked: var(--cds-color-neutral-dark-light-4);
  --mux-Toggle-background-unchecked-hover: var(
    --cds-color-neutral-dark-light-3
  );
  --mux-Toggle-background-checked: var(--cds-color-primary-main-default);
  --mux-Toggle-background-checked-hover: var(--cds-color-primary-main-dark-1);
  --mux-Toggle-background-disabled: var(--cds-color-neutral-light-default);
  --mux-Toggle-track-height: 8px;
  --mux-Toggle-track-width: 60px;
  --mux-Toggle-track-width-small: 40px;
  --mux-Toggle-transition: 0.2s ease-in-out;
  --mux-Toggle-Label-color: var(--cds-color-neutral-dark-default);
  --mux-Toggle-Label-color-disabled: var(--cds-color-neutral-dark-default);
  --cds-font-family: 'Manulife JH Sans', Helvetica, Arial, sans-serif;
  --mux-H1-font-size: var(--cds-font-size-14xl);
  --mux-H1-line-height: var(--cds-line-height-10xl);
  --mux-H1-font-size-mobile: var(--cds-font-size-10xl);
  --mux-H1-line-height-mobile: var(--cds-line-height-6xl);
  --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-7xl);
  --mux-H2-line-height-mobile: var(--cds-line-height-4xl);
  --mux-H3-font-size: var(--cds-font-size-6xl);
  --mux-H3-line-height: var(--cds-line-height-4xl);
  --mux-H3-font-size-mobile: var(--cds-font-size-6xl);
  --mux-H3-line-height-mobile: var(--cds-line-height-4xl);
  --mux-H4-font-size: var(--cds-font-size-2xl);
  --mux-H4-line-height: var(--cds-line-height-2xl);
  --mux-H4-font-size-mobile: var(--cds-font-size-2xl);
  --mux-H4-line-height-mobile: var(--cds-line-height-2xl);
  --mux-SideNav-Mobile-background: var(--cds-color-neutral-light-light-2);
  --mux-SideNav-Mobile-border: none;
  --mux-SideNav-Mobile-Button-Label-display: none;
  --mux-SideNav-Mobile-SubNav-position: fixed;
  --mux-SideNav-Mobile-SubNav-overlay: 1;
  --mux-SideNav-Mobile-SubNav-height: calc(100vh - 60px);
  --mux-SideNav-Mobile-SubNav-BackButton-display: flex;
  --mux-SideNav-Mobile-Selector-align-items: center;
  --mux-SideNav-Mobile-Selector-background: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-Mobile-Selector-Button-font-size: var(--cds-font-size-2xs);
  --mux-SideNav-Mobile-Selector-Button-color: var(
    --cds-color-neutral-dark-light-4
  );
  --mux-SideNav-Mobile-Selector-Button-padding: var(--cds-spacing-2)
    var(--cds-spacing-5);
  --mux-SideNav-Mobile-Selector-Button-border-color: var(
    --cds-color-neutral-light-default
  );
  --mux-SideNav-Mobile-Selector-Button-border-width: 0 1px 0 0;
  --mux-SideNav-Mobile-Selector-Button-border-width-selected: 0 1px 0 0;
  --mux-SideNav-Mobile-SignInButton-font-weight: var(
    --cds-font-weight-demibold
  );
  --mux-SideNav-Mobile-SignInButton-margin: var(--cds-spacing-4);
  --mux-SideNav-Mobile-SignInButton-height: 40px;
  --mux-SideNav-Mobile-SignInButton-justify-content: center;
  --mux-SideNav-Mobile-SignInButton-Icon-display: none;
  --mux-SideNav-Mobile-SignInButton-background: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-Mobile-SignInButton-background-hover: var(
    --cds-color-accent-default
  );
  --mux-SideNav-Mobile-SignInButton-border: 2px solid
    var(--cds-color-accent-default);
  --mux-SideNav-Mobile-SignInButton-background-signedin: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-Mobile-SignInButton-background-signedin-hover: var(
    --cds-color-accent-default
  );
  --mux-SideNav-Mobile-SignInButton-color-signedin: var(
    --cds-color-neutral-dark-default
  );
  --mux-SideNav-BrandLogo-display: none;
  --mux-SideNav-BrandLogo-height: 0;
  --mux-SideNav-BrandLogo-height-mobile: 0;
  --mux-SideNav-WordmarkLogo-height: 32px;
  --mux-SideNav-WordmarkLogo-height-mobile: 32px;
  --mux-SideNav-Item-height-mobile: 80px;
  --mux-SideNav-MainItem-background: var(--cds-color-neutral-dark-light-1);
  --mux-SideNav-MainItem-background-mobile: var(
    --cds-color-neutral-light-light-3
  );
  --mux-SideNav-MainItem-background-selected-mobile: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-MainItem-selected-show-indicator: 1;
  --mux-SideNav-MainItem-Chevron-display: block;
  --mux-SideNav-MainItem-Icon-inactive-color: var(
    --cds-color-neutral-dark-light-4
  );
  --mux-SideNav-MainItem-border-color: var(--cds-color-neutral-dark-default);
  --mux-SideNav-MainItem-border-color-mobile: var(
    --cds-color-neutral-light-default
  );
  --mux-SideNav-MainItem-color-mobile: var(--cds-color-neutral-dark-default);
  --mux-SideNav-SubItem-width: 310px;
  --mux-SideNav-SubItem-width-xl: 350px;
  --mux-SideNav-SubItem-padding: var(--cds-spacing-7);
  --mux-SideNav-SubItem-padding-mobile: var(--cds-spacing-4);
  --mux-SideNav-SubItem-background-selected: var(
    --cds-color-neutral-light-light-2
  );
  --mux-SideNav-SubItem-font-weight-selected: var(--cds-font-weight-regular);
  --mux-UtilityHeader-height: 80px;
  --mux-UtilityHeader-main-background: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-main-color: var(--cds-color-neutral-light-light-3);
  --mux-UtilityHeader-sub-background: var(--cds-color-neutral-light-light-2);
  --mux-UtilityHeader-sub-color: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-HeaderButton-padding-right: '28px';
  --mux-UtilityHeader-main-HeaderButton-padding-left: '4px';
  --mux-UtilityHeader-sub-HeaderButton-padding-left: '0px';
  --mux-UtilityHeader-HeaderButton-color: var(--cds-color-neutral-dark-default);
  --mux-UtilityHeader-focus-background: var(--cds-color-neutral-light-light-2);
  --mux-UtilityHeader-HeaderButton-border-width: 0px;
  --mux-UtilityHeader-HeaderButton-height: 44px;
  --mux-UtilityHeader-SignIn-margin-x: 16px;
  --mux-UtilityHeader-Tab-alignment: flex-end;
  --mux-UtilityHeader-MenuItem-active-background-color: var(
    --cds-color-neutral-light-light-2
  );
  --mux-UtilityHeader-TabButton-color: var(--cds-color-neutral-dark-default);
}

}

/*# sourceMappingURL=mux-vendor-6c4430f8.bacb48ff.css.map*/