/* 
* This file is complied css code from fe-member-portal my.livongo.com
* main.css 
*/
@keyframes Loader-module-loader-spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.Loader-module-root {
  height: 80px;
  width: 80px;
}
.Loader-module-root:not(.Loader-module-inline) {
  align-items: center;
  background-color: var(--color-neutral-surface);
  border-radius: var(--radius-modal);
  box-shadow: var(--elevation-loadingIndicator);
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-medium {
  border-radius: 4px;
  box-shadow: var(--elevation-dropdownMenu);
  height: 40px;
  width: 40px;
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-medium
  .Loader-module-container {
  height: 32px;
  width: 32px;
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-medium
  .Loader-module-container
  .Loader-module-track {
  border-color: var(--color-interactive-primary);
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-medium
  .Loader-module-container
  .Loader-module-quarter {
  border-left-color: var(--color-interactive-primary);
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-small {
  border-radius: 4px;
  box-shadow: var(--elevation-iconButton);
  height: 20px;
  width: 20px;
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-small
  .Loader-module-container {
  height: 16px;
  width: 16px;
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-small
  .Loader-module-container
  .Loader-module-track {
  border-color: var(--color-interactive-primary);
}
.Loader-module-root:not(.Loader-module-inline).Loader-module-small
  .Loader-module-container
  .Loader-module-quarter {
  border-left-color: var(--color-interactive-primary);
}
.Loader-module-container {
  height: 64px;
  position: relative;
  width: 64px;
}
.Loader-module-quarter,
.Loader-module-track {
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Loader-module-track {
  border: 8px solid var(--color-interactive-primary);
  opacity: 0.25;
}
.Loader-module-quarter {
  animation: Loader-module-loader-spinner 1s linear infinite;
  border: 8px solid transparent;
  border-left: 8px solid var(--color-interactive-primary);
  transform: translateZ(0);
}
.Loader-module-medium .Loader-module-track {
  border-style: solid;
  border-width: 4px;
}
.Loader-module-medium .Loader-module-quarter {
  border: 4px solid transparent;
}
.Loader-module-small .Loader-module-track {
  border-style: solid;
  border-width: 2px;
}
.Loader-module-small .Loader-module-quarter {
  border: 2px solid transparent;
}
.Loader-module-inline {
  height: 64px;
  width: 64px;
}
.Loader-module-inline .Loader-module-container {
  height: 100%;
  width: 100%;
}
.Loader-module-inline.Loader-module-medium {
  height: 32px;
  width: 32px;
}
.Loader-module-inline.Loader-module-small {
  height: 16px;
  width: 16px;
}
.Loader-module-inline .Loader-module-track {
  border-color: inherit;
}
.Loader-module-inline .Loader-module-quarter {
  border-left-color: inherit;
}
.Button-module-root {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@supports (contain: none) {
  .Button-module-root.Button-module-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Button-module-root:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-root[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Button-module-root:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-root:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.Button-module-root:not(.Button-module-variant) {
  border: none;
  color: var(--color-interactive-secondary);
  font-family: var(--small-button-medium-font-family);
  font-size: var(--small-button-medium-font-size);
  font-weight: var(--small-button-medium-font-weight);
  letter-spacing: var(--small-button-medium-letter-spacing);
  line-height: var(--small-button-medium-line-height);
  -webkit-text-decoration: var(--small-button-medium-text-decoration);
  text-decoration: var(--small-button-medium-text-decoration);
  text-transform: var(--small-button-medium-text-transform);
  transition: color 0.3s;
  vertical-align: middle;
}
@supports (contain: none) {
  .Button-module-root:not(.Button-module-variant).Button-module-focus-visible {
    border-radius: var(--radius-tooltip);
    box-shadow: 0 0 0 4px var(--accessibility-focus-inner-shadow),
      0 0 2px 6px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-interactive-secondary);
    outline: none;
    transition: none;
  }
  .Button-module-root:not(.Button-module-variant):focus-visible {
    border-radius: var(--radius-tooltip);
    box-shadow: 0 0 0 4px var(--accessibility-focus-inner-shadow),
      0 0 2px 6px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-interactive-secondary);
    outline: none;
    transition: none;
  }
}
@supports (contain: none) {
  .Button-module-root:not(.Button-module-variant)[focus-within] {
    border-radius: var(--radius-tooltip);
    box-shadow: 0 0 0 4px var(--accessibility-focus-inner-shadow),
      0 0 2px 6px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-interactive-secondary);
    outline: none;
    transition: none;
  }
  .Button-module-root:not(.Button-module-variant):focus-within {
    border-radius: var(--radius-tooltip);
    box-shadow: 0 0 0 4px var(--accessibility-focus-inner-shadow),
      0 0 2px 6px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-interactive-secondary);
    outline: none;
    transition: none;
  }
}
@supports not (contain: none) {
  .Button-module-root:not(.Button-module-variant):focus {
    border-radius: var(--radius-tooltip);
    box-shadow: 0 0 0 4px var(--accessibility-focus-inner-shadow),
      0 0 2px 6px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-interactive-secondary);
    outline: none;
    transition: none;
  }
}
@media (min-width: 1025px) {
  .Button-module-root:not(.Button-module-variant) {
    font-family: var(--large-button-medium-font-family);
    font-size: var(--large-button-medium-font-size);
    font-weight: var(--large-button-medium-font-weight);
    letter-spacing: var(--large-button-medium-letter-spacing);
    line-height: var(--large-button-medium-line-height);
    -webkit-text-decoration: var(--large-button-medium-text-decoration);
    text-decoration: var(--large-button-medium-text-decoration);
    text-transform: var(--large-button-medium-text-transform);
  }
}
.Button-module-root:not(.Button-module-variant):not([disabled]):active,
.Button-module-root:not(.Button-module-variant):not([disabled]):hover {
  font-family: var(--small-button-tertiary-hover-font-family);
  font-size: var(--small-button-tertiary-hover-font-size);
  font-weight: var(--small-button-tertiary-hover-font-weight);
  letter-spacing: var(--small-button-tertiary-hover-letter-spacing);
  line-height: var(--small-button-tertiary-hover-line-height);
  -webkit-text-decoration: var(--small-button-tertiary-hover-text-decoration);
  text-decoration: var(--small-button-tertiary-hover-text-decoration);
  text-transform: var(--small-button-tertiary-hover-text-transform);
}
@media (min-width: 1025px) {
  .Button-module-root:not(.Button-module-variant):not([disabled]):active,
  .Button-module-root:not(.Button-module-variant):not([disabled]):hover {
    font-family: var(--large-button-tertiary-hover-font-family);
    font-size: var(--large-button-tertiary-hover-font-size);
    font-weight: var(--large-button-tertiary-hover-font-weight);
    letter-spacing: var(--large-button-tertiary-hover-letter-spacing);
    line-height: var(--large-button-tertiary-hover-line-height);
    -webkit-text-decoration: var(--large-button-tertiary-hover-text-decoration);
    text-decoration: var(--large-button-tertiary-hover-text-decoration);
    text-transform: var(--large-button-tertiary-hover-text-transform);
  }
}
.Button-module-root:not(.Button-module-variant):not([disabled]):hover {
  color: var(--color-interactive-secondary);
}
.Button-module-root:not(.Button-module-variant):not([disabled]):active {
  color: var(--color-interactive-secondary-shade);
}
.Button-module-root:not(.Button-module-variant):not(
    [disabled]
  ).Button-module-destructive,
.Button-module-root:not(.Button-module-variant):not(
    [disabled]
  ).Button-module-destructive:hover {
  color: var(--color-status-critical);
}
.Button-module-root:not(.Button-module-variant):not(
    [disabled]
  ).Button-module-destructive:active {
  color: var(--color-status-critical-shade);
}
@supports (contain: none) {
  .Button-module-root:not(.Button-module-variant):not(
      [disabled]
    ).Button-module-destructive.Button-module-focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-status-critical);
    outline: none;
  }
  .Button-module-root:not(.Button-module-variant):not(
      [disabled]
    ).Button-module-destructive:focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-status-critical);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-root:not(.Button-module-variant):not(
      [disabled]
    ).Button-module-destructive[focus-within] {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-status-critical);
    outline: none;
  }
  .Button-module-root:not(.Button-module-variant):not(
      [disabled]
    ).Button-module-destructive:focus-within {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-status-critical);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-root:not(.Button-module-variant):not(
      [disabled]
    ).Button-module-destructive:focus {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    color: var(--color-status-critical);
    outline: none;
  }
}
.Button-module-root:not(.Button-module-variant):disabled {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Button-module-root svg {
  height: 16px;
  width: 16px;
}
.Button-module-variant {
  border: 1px solid;
  border-radius: var(--radius-button);
  box-shadow: var(--elevation-button);
  font-family: var(--small-button-medium-font-family);
  font-size: var(--small-button-medium-font-size);
  font-weight: var(--small-button-medium-font-weight);
  letter-spacing: var(--small-button-medium-letter-spacing);
  line-height: var(--small-button-medium-line-height);
  -webkit-text-decoration: var(--small-button-medium-text-decoration);
  text-decoration: var(--small-button-medium-text-decoration);
  text-transform: var(--small-button-medium-text-transform);
  transition: 0.3s;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .Button-module-variant {
    font-family: var(--large-button-medium-font-family);
    font-size: var(--large-button-medium-font-size);
    font-weight: var(--large-button-medium-font-weight);
    letter-spacing: var(--large-button-medium-letter-spacing);
    line-height: var(--large-button-medium-line-height);
    -webkit-text-decoration: var(--large-button-medium-text-decoration);
    text-decoration: var(--large-button-medium-text-decoration);
    text-transform: var(--large-button-medium-text-transform);
  }
}
.Button-module-variant.Button-module-small {
  padding: 11px 23px;
}
.Button-module-variant.Button-module-default {
  padding: 13px 31px;
}
.Button-module-block {
  justify-content: center;
  width: 100%;
}
.Button-module-primary {
  background-color: var(--color-interactive-primary);
  border-color: var(--color-interactive-primary);
  color: var(--color-interactive-on-primary);
}
@supports (contain: none) {
  .Button-module-primary:not([disabled]).Button-module-focus-visible {
    background-color: var(--color-interactive-primary-tint);
    border-color: var(--color-interactive-primary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-primary-tint);
    outline: none;
  }
  .Button-module-primary:not([disabled]):focus-visible {
    background-color: var(--color-interactive-primary-tint);
    border-color: var(--color-interactive-primary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-primary-tint);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-primary:not([disabled])[focus-within] {
    background-color: var(--color-interactive-primary-tint);
    border-color: var(--color-interactive-primary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-primary-tint);
    outline: none;
  }
  .Button-module-primary:not([disabled]):focus-within {
    background-color: var(--color-interactive-primary-tint);
    border-color: var(--color-interactive-primary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-primary-tint);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-primary:not([disabled]):focus {
    background-color: var(--color-interactive-primary-tint);
    border-color: var(--color-interactive-primary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-primary-tint);
    outline: none;
  }
}
.Button-module-primary:not([disabled]):hover {
  background-color: var(--color-interactive-primary-tint);
  border-color: var(--color-interactive-primary-tint);
  color: var(--color-interactive-on-primary-tint);
}
.Button-module-primary:not([disabled]):active {
  background-color: var(--color-interactive-primary-shade);
  border-color: var(--color-interactive-primary-shade);
  color: var(--color-interactive-on-primary-shade);
}
.Button-module-primary.Button-module-destructive {
  background-color: var(--color-status-critical);
  border-color: var(--color-status-critical);
  color: var(--color-status-on-critical);
}
@supports (contain: none) {
  .Button-module-primary.Button-module-destructive:not(
      [disabled]
    ).Button-module-focus-visible {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
  .Button-module-primary.Button-module-destructive:not(
      [disabled]
    ):focus-visible {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-primary.Button-module-destructive:not(
      [disabled]
    )[focus-within] {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
  .Button-module-primary.Button-module-destructive:not(
      [disabled]
    ):focus-within {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-primary.Button-module-destructive:not([disabled]):focus {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
.Button-module-primary.Button-module-destructive:not([disabled]):hover {
  background-color: var(--color-status-critical-tint);
  border-color: var(--color-status-critical-tint);
  color: var(--color-status-on-critical-tint);
}
.Button-module-primary.Button-module-destructive:not([disabled]):active {
  background-color: var(--color-status-critical-shade);
  border-color: var(--color-status-critical-shade);
  color: var(--color-status-on-critical-shade);
}
.Button-module-primary:disabled {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-surface-states-surface-disabled);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Button-module-secondary {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-interactive-secondary);
  color: var(--color-interactive-secondary);
}
@supports (contain: none) {
  .Button-module-secondary:not([disabled]).Button-module-focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-on-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Button-module-secondary:not([disabled]):focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-on-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-secondary:not([disabled])[focus-within] {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-on-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Button-module-secondary:not([disabled]):focus-within {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-on-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-secondary:not([disabled]):focus {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-on-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
}
.Button-module-secondary:not([disabled]):hover {
  background-color: var(--color-interactive-secondary-tint);
  border-color: var(--color-interactive-on-secondary-tint);
  color: var(--color-interactive-on-secondary-tint);
}
.Button-module-secondary:not([disabled]):active {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-interactive-secondary-shade);
  color: var(--color-interactive-secondary-shade);
}
.Button-module-secondary.Button-module-destructive {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-status-critical);
}
@supports (contain: none) {
  .Button-module-secondary.Button-module-destructive:not(
      [disabled]
    ).Button-module-focus-visible {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-on-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
  .Button-module-secondary.Button-module-destructive:not(
      [disabled]
    ):focus-visible {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-on-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
@supports (contain: none) {
  .Button-module-secondary.Button-module-destructive:not(
      [disabled]
    )[focus-within] {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-on-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
  .Button-module-secondary.Button-module-destructive:not(
      [disabled]
    ):focus-within {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-on-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
@supports not (contain: none) {
  .Button-module-secondary.Button-module-destructive:not([disabled]):focus {
    background-color: var(--color-status-critical-tint);
    border-color: var(--color-status-on-critical-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-status-on-critical-tint);
    outline: none;
  }
}
.Button-module-secondary.Button-module-destructive:not([disabled]):hover {
  background-color: var(--color-status-critical-tint);
  border-color: var(--color-status-on-critical-tint);
  color: var(--color-status-on-critical-tint);
}
.Button-module-secondary.Button-module-destructive:not([disabled]):active {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical-shade);
  color: var(--color-status-critical-shade);
}
.Button-module-secondary:disabled {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-neutral-on-surface-states-on-surface-disabled);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Button-module-leftIcon svg {
  margin-right: calc(var(--space-base) * 1.25);
}
.Button-module-rightIcon svg {
  margin-left: calc(var(--space-base) * 1.25);
}
.Button-module-leftLoader {
  margin-right: var(--space-base);
}
.Button-module-rightLoader {
  margin-left: var(--space-base);
}
.Image-module-root {
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.Image-module-loader {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Image-module-image {
  height: 100%;
  position: relative;
  width: 100%;
}
.ErrorBoundary-module-root {
  margin: 0 auto;
  max-width: 480px;
}
.ErrorBoundary-module-root .ErrorBoundary-module-heading-xs {
  color: var(--color-neutral-on-background);
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .ErrorBoundary-module-root .ErrorBoundary-module-heading-xs {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.ErrorBoundary-module-root .ErrorBoundary-module-heading-md {
  color: var(--color-neutral-on-background);
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .ErrorBoundary-module-root .ErrorBoundary-module-heading-md {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.ErrorBoundary-module-root p {
  color: var(--color-neutral-on-background-subdued);
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .ErrorBoundary-module-root p {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.ErrorBoundary-module-inline {
  display: flex;
}
.ErrorBoundary-module-inline .ErrorBoundary-module-heading-xs {
  margin-bottom: var(--space-0\.5);
}
.ErrorBoundary-module-icon {
  fill: var(--color-status-warning-shade);
  flex-shrink: 0;
  height: 20px;
  margin: var(--space-0\.5) var(--space-1\.5) 0 0;
  width: 20px;
}
.ErrorBoundary-module-notFound,
.ErrorBoundary-module-severe {
  text-align: center;
}
.ErrorBoundary-module-notFound .ErrorBoundary-module-heading-md,
.ErrorBoundary-module-severe .ErrorBoundary-module-heading-md {
  margin: var(--space-2) 0 var(--space-base);
}
.ErrorBoundary-module-button {
  margin-top: var(--space-2);
}
@keyframes Notification-module-trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@keyframes Notification-module-slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Notification-module-slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 110%, 0);
    visibility: hidden;
  }
}
@keyframes Notification-module-slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Notification-module-slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
.Notification-module-notificationWrapper {
  position: relative;
  z-index: 900;
}
.Notification-module-root {
  border-radius: var(--radius-notification);
  bottom: var(--space-2);
  box-shadow: var(--elevation-notification);
  left: var(--space-2);
  margin: 0 16px 16px;
  padding: calc(var(--space-2) - 1px);
  position: fixed;
  width: calc(100% - var(--space-4));
}
@media (min-width: 768px) {
  .Notification-module-root {
    bottom: auto;
    left: auto;
    right: var(--space-2);
    top: var(--space-2);
    width: 488px;
  }
}
.Notification-module-root.Notification-module-inline {
  box-shadow: none;
  position: relative;
}
.Notification-module-info {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-status-highlight);
  color: var(--color-neutral-on-surface-subdued);
}
.Notification-module-info .Notification-module-icon {
  fill: var(--color-status-highlight);
}
.Notification-module-info .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-info.Notification-module-inline {
  background-color: var(--color-status-highlight-tint);
  border: none;
  color: var(--color-neutral-on-surface-subdued);
  padding: var(--space-2);
}
.Notification-module-info.Notification-module-inline .Notification-module-icon {
  fill: var(--color-status-on-highlight-tint);
}
.Notification-module-info.Notification-module-inline
  .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-success {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-status-success);
  color: var(--color-neutral-on-surface-subdued);
}
.Notification-module-success .Notification-module-icon {
  fill: var(--color-status-success);
}
.Notification-module-success .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-success.Notification-module-inline {
  background-color: var(--color-status-success-tint);
  border: none;
  color: var(--color-neutral-on-surface-subdued);
  padding: var(--space-2);
}
.Notification-module-success.Notification-module-inline
  .Notification-module-icon {
  fill: var(--color-status-on-success-tint);
}
.Notification-module-success.Notification-module-inline
  .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-warning {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface-subdued);
}
.Notification-module-warning .Notification-module-icon {
  fill: var(--color-status-warning-shade);
}
.Notification-module-warning .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-warning.Notification-module-inline {
  background-color: var(--color-status-warning-tint);
  border: none;
  color: var(--color-neutral-on-surface-subdued);
  padding: var(--space-2);
}
.Notification-module-warning.Notification-module-inline
  .Notification-module-icon {
  fill: var(--color-status-on-warning-tint);
}
.Notification-module-warning.Notification-module-inline
  .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-critical {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-status-critical);
  color: var(--color-neutral-on-surface-subdued);
}
.Notification-module-critical .Notification-module-icon {
  fill: var(--color-status-critical);
}
.Notification-module-critical .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-critical.Notification-module-inline {
  background-color: var(--color-status-critical-tint);
  border: none;
  color: var(--color-neutral-on-surface-subdued);
  padding: var(--space-2);
}
.Notification-module-critical.Notification-module-inline
  .Notification-module-icon {
  fill: var(--color-status-on-critical-tint);
}
.Notification-module-critical.Notification-module-inline
  .Notification-module-title {
  color: var(--color-neutral-on-surface);
}
.Notification-module-body {
  display: flex;
  word-break: break-word;
}
.Notification-module-body.Notification-module-withoutMessage {
  align-items: center;
}
.Notification-module-body.Notification-module-withoutMessage
  .Notification-module-content {
  display: flex;
  justify-content: space-between;
}
.Notification-module-body.Notification-module-withoutMessage
  .Notification-module-icon {
  margin-right: 16px;
}
.Notification-module-icon {
  flex-shrink: 0;
  height: 20px;
  margin-right: 16px;
  margin-top: 4px;
  width: 20px;
}
.Notification-module-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.Notification-module-content .Notification-module-message {
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  margin-bottom: 8px;
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .Notification-module-content .Notification-module-message {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
@media (min-width: 768px) {
  .Notification-module-content .Notification-module-message {
    line-height: 28px;
  }
}
.Notification-module-title {
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  margin-bottom: 0;
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .Notification-module-title {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
@media (min-width: 768px) {
  .Notification-module-title {
    line-height: 28px;
  }
}
.Notification-module-dismiss {
  flex-shrink: 0;
  margin-left: 16px;
}
.Notification-module-progress {
  animation: Notification-module-trackProgress linear;
}
.Notification-module-enter {
  animation: Notification-module-slideInUp var(--motion-ease-out) both;
}
@media (min-width: 768px) {
  .Notification-module-enter {
    animation: Notification-module-slideInRight var(--motion-ease-out) both;
  }
}
.Notification-module-exit {
  animation: Notification-module-slideOutDown var(--motion-ease-in) both;
}
@media (min-width: 768px) {
  .Notification-module-exit {
    animation: Notification-module-slideOutRight var(--motion-ease-in) both;
  }
}
.Notification-module-bell {
  border: none;
  color: var(--color-neutral-on-surface-inverted);
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.Notification-module-bell .Notification-module-bellContent {
  align-items: center;
  background-color: var(--color-neutral-surface-inverted);
  border-radius: var(--radius-notification) 0 0 var(--radius-notification);
  display: flex;
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  justify-content: center;
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  max-width: 255px;
  padding: var(--space-base) var(--space-1\.5);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .Notification-module-bell .Notification-module-bellContent {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.Notification-module-bell .Notification-module-bellContent svg {
  fill: var(--color-neutral-on-surface-inverted);
  height: 16px;
  margin: 0 12px 0 0;
  width: 16px;
}
.Notification-module-bell .Notification-module-bellContent span {
  text-align: center;
}
.Notification-module-bell
  .Notification-module-body
  .Notification-module-bellButton {
  background-color: var(--color-neutral-surface-inverted);
  border-left: 1px solid var(--color-neutral-stroke);
  border-radius: 0 var(--radius-notification) var(--radius-notification) 0;
  color: inherit;
  font-family: var(--small-button-medium-font-family);
  font-size: var(--small-button-medium-font-size);
  font-weight: var(--small-button-medium-font-weight);
  letter-spacing: var(--small-button-medium-letter-spacing);
  line-height: var(--small-button-medium-line-height);
  padding: var(--space-1\.5);
  padding-left: calc(var(--space-1\.5) - 1px);
  -webkit-text-decoration: var(--small-button-medium-text-decoration);
  text-decoration: var(--small-button-medium-text-decoration);
  text-transform: var(--small-button-medium-text-transform);
}
@media (min-width: 1025px) {
  .Notification-module-bell
    .Notification-module-body
    .Notification-module-bellButton {
    font-family: var(--large-button-medium-font-family);
    font-size: var(--large-button-medium-font-size);
    font-weight: var(--large-button-medium-font-weight);
    letter-spacing: var(--large-button-medium-letter-spacing);
    line-height: var(--large-button-medium-line-height);
    -webkit-text-decoration: var(--large-button-medium-text-decoration);
    text-decoration: var(--large-button-medium-text-decoration);
    text-transform: var(--large-button-medium-text-transform);
  }
}
.Notification-module-bell
  .Notification-module-body
  .Notification-module-bellButton:not(:disabled):hover {
  background-color: var(--color-neutral-surface-inverted-tint);
  color: var(--color-neutral-on-surface-inverted-tint);
  text-decoration: none;
}
.Notification-module-bell
  .Notification-module-body
  .Notification-module-bellButton:not(:disabled):active {
  background-color: var(--color-neutral-surface-inverted-shade);
  color: var(--color-neutral-on-surface-inverted-shade);
  text-decoration: none;
}
.Notification-module-bell
  .Notification-module-body
  .Notification-module-bellButton:not(:disabled):focus {
  border-radius: 0 var(--radius-notification) var(--radius-notification) 0;
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-neutral-on-surface-inverted);
}
@media (max-width: 1025px) {
  .Notification-module-bell
    .Notification-module-body
    .Notification-module-bellButton {
    padding: 10px var(--space-1\.5);
  }
}
.DismissButton-module-root {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: var(--radius-iconButton);
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  outline: none;
  padding: 0;
  position: relative;
  transition: background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 24px;
}
@supports (contain: none) {
  .DismissButton-module-root.DismissButton-module-focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-root:focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-root.DismissButton-module-focus-visible
    .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .DismissButton-module-root:focus-visible .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
@supports (contain: none) {
  .DismissButton-module-root[focus-within] {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-root:focus-within {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-root[focus-within] .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .DismissButton-module-root:focus-within .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
@supports not (contain: none) {
  .DismissButton-module-root:focus {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-root:focus .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
.DismissButton-module-root:hover {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-interactive-secondary-tint);
}
.DismissButton-module-root:hover .DismissButton-module-icon {
  fill: var(--color-interactive-secondary);
}
.DismissButton-module-root:active {
  background-color: var(--color-neutral-surface);
}
.DismissButton-module-root:active .DismissButton-module-icon {
  fill: var(--color-interactive-secondary-shade);
}
.DismissButton-module-root .DismissButton-module-icon {
  fill: var(--color-neutral-on-surface-subdued);
}
@supports (contain: none) {
  .DismissButton-module-inverse.DismissButton-module-focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-inverse:focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-inverse.DismissButton-module-focus-visible
    .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .DismissButton-module-inverse:focus-visible .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
@supports (contain: none) {
  .DismissButton-module-inverse[focus-within] {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-inverse:focus-within {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-inverse[focus-within] .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .DismissButton-module-inverse:focus-within .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
@supports not (contain: none) {
  .DismissButton-module-inverse:focus {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .DismissButton-module-inverse:focus .DismissButton-module-icon {
    fill: var(--color-interactive-secondary);
  }
}
.DismissButton-module-inverse:hover {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-interactive-secondary-tint);
}
.DismissButton-module-inverse:hover .DismissButton-module-icon {
  fill: var(--color-interactive-secondary);
}
.DismissButton-module-inverse:active {
  background-color: var(--color-neutral-surface);
}
.DismissButton-module-inverse:active .DismissButton-module-icon {
  fill: var(--color-interactive-secondary-shade);
}
.DismissButton-module-inverse .DismissButton-module-icon {
  fill: var(--color-neutral-on-surface-inverted);
}
.DismissButton-module-icon {
  height: 12px;
  transition: fill 0.3s;
  width: 12px;
}
.Banner-module-root {
  display: flex;
  justify-content: center;
  max-width: 768px;
}
.Banner-module-info {
  background-color: var(--color-status-highlight-shade);
  color: var(--color-status-on-highlight-shade);
}
.Banner-module-info .Banner-module-dismiss svg,
.Banner-module-info .Banner-module-icon {
  fill: var(--color-status-on-highlight-shade);
}
.Banner-module-warning {
  background-color: var(--color-status-warning);
  color: var(--color-status-on-warning);
}
.Banner-module-warning .Banner-module-dismiss svg,
.Banner-module-warning .Banner-module-icon {
  fill: var(--color-status-on-warning);
}
.Banner-module-error {
  background-color: var(--color-status-critical-shade);
  color: var(--color-status-on-critical-shade);
}
.Banner-module-error .Banner-module-dismiss svg,
.Banner-module-error .Banner-module-icon {
  fill: var(--color-status-on-critical-shade);
}
.Banner-module-container {
  display: flex;
  justify-content: space-between;
  padding: var(--space-1\.5) var(--space-2);
  width: 100%;
}
.Banner-module-content {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.Banner-module-icon {
  flex-shrink: 0;
  height: 16px;
  margin-top: 4px;
  width: 16px;
}
.Banner-module-message {
  font-family: var(--small-button-bold-font-family);
  font-size: var(--small-button-bold-font-size);
  font-weight: var(--small-button-bold-font-weight);
  letter-spacing: var(--small-button-bold-letter-spacing);
  line-height: var(--small-button-bold-line-height);
  margin: 0 var(--space-2);
  padding-top: 2px;
  -webkit-text-decoration: var(--small-button-bold-text-decoration);
  text-decoration: var(--small-button-bold-text-decoration);
  text-transform: var(--small-button-bold-text-transform);
}
@media (min-width: 1025px) {
  .Banner-module-message {
    font-family: var(--large-button-bold-font-family);
    font-size: var(--large-button-bold-font-size);
    font-weight: var(--large-button-bold-font-weight);
    letter-spacing: var(--large-button-bold-letter-spacing);
    line-height: var(--large-button-bold-line-height);
    -webkit-text-decoration: var(--large-button-bold-text-decoration);
    text-decoration: var(--large-button-bold-text-decoration);
    text-transform: var(--large-button-bold-text-transform);
  }
}
.Banner-module-dismiss {
  flex-shrink: 0;
}
.HorizontalRule-module-root {
  background-color: var(--color-neutral-stroke);
  border: none;
  height: 1px;
  margin: 0;
}
.HorizontalRule-module-top4 {
  margin-top: var(--space-0\.5);
}
.HorizontalRule-module-bottom4 {
  margin-bottom: var(--space-0\.5);
}
.HorizontalRule-module-top8 {
  margin-top: var(--space-base);
}
.HorizontalRule-module-bottom8 {
  margin-bottom: var(--space-base);
}
.HorizontalRule-module-top12 {
  margin-top: var(--space-1\.5);
}
.HorizontalRule-module-bottom12 {
  margin-bottom: var(--space-1\.5);
}
.HorizontalRule-module-top16 {
  margin-top: var(--space-2);
}
.HorizontalRule-module-bottom16 {
  margin-bottom: var(--space-2);
}
.HorizontalRule-module-top24 {
  margin-top: var(--space-3);
}
.HorizontalRule-module-bottom24 {
  margin-bottom: var(--space-3);
}
.HorizontalRule-module-top32 {
  margin-top: var(--space-4);
}
.HorizontalRule-module-bottom32 {
  margin-bottom: var(--space-4);
}
.HorizontalRule-module-top64 {
  margin-top: var(--space-8);
}
.HorizontalRule-module-bottom64 {
  margin-bottom: var(--space-8);
}
.HorizontalRule-module-top128 {
  margin-top: var(--space-16);
}
.HorizontalRule-module-bottom128 {
  margin-bottom: var(--space-16);
}
.IconButton-module-root {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: var(--radius-iconButton);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: none;
  padding: 0;
  position: relative;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@supports (contain: none) {
  .IconButton-module-root:not([disabled]).IconButton-module-focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-root:not([disabled]):focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-root:not([disabled]).IconButton-module-focus-visible svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
  .IconButton-module-root:not([disabled]):focus-visible svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
@supports (contain: none) {
  .IconButton-module-root:not([disabled])[focus-within] {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-root:not([disabled]):focus-within {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-root:not([disabled])[focus-within] svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
  .IconButton-module-root:not([disabled]):focus-within svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
@supports not (contain: none) {
  .IconButton-module-root:not([disabled]):focus {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-root:not([disabled]):focus svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
.IconButton-module-root:not([disabled]):hover {
  border: 1px solid var(--color-neutral-stroke);
}
.IconButton-module-root:not([disabled]):active svg,
.IconButton-module-root:not([disabled]):hover svg {
  fill: var(--color-interactive-secondary-shade);
}
.IconButton-module-root:disabled {
  border: 1px solid var(--color-neutral-stroke);
  cursor: not-allowed;
}
.IconButton-module-root:disabled svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.IconButton-module-root svg {
  fill: var(--color-interactive-secondary);
  height: 16px;
  transition: fill 0.3s;
  width: 16px;
}
.IconButton-module-prominent {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-surface);
  box-shadow: var(--elevation-iconButton);
  transition: 0.3s;
}
@supports (contain: none) {
  .IconButton-module-prominent:not([disabled]).IconButton-module-focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-prominent:not([disabled]):focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-prominent:not([disabled]).IconButton-module-focus-visible
    svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
  .IconButton-module-prominent:not([disabled]):focus-visible svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
@supports (contain: none) {
  .IconButton-module-prominent:not([disabled])[focus-within] {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-prominent:not([disabled]):focus-within {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-prominent:not([disabled])[focus-within] svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
  .IconButton-module-prominent:not([disabled]):focus-within svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
@supports not (contain: none) {
  .IconButton-module-prominent:not([disabled]):focus {
    background-color: var(--color-interactive-secondary-tint);
    border-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
  }
  .IconButton-module-prominent:not([disabled]):focus svg {
    fill: var(--color-interactive-on-secondary-tint);
  }
}
.IconButton-module-prominent:not([disabled]):hover {
  background-color: var(--color-interactive-secondary-tint);
  border-color: var(--color-interactive-secondary-tint);
  box-shadow: var(--elevation-iconButton);
}
.IconButton-module-prominent:not([disabled]):hover svg {
  fill: var(--color-interactive-on-secondary-tint);
}
.IconButton-module-prominent:not([disabled]):active {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-neutral-surface);
  box-shadow: var(--elevation-iconButton);
}
.IconButton-module-prominent:not([disabled]):active svg {
  fill: var(--color-interactive-secondary-shade);
}
.IconButton-module-prominent:disabled {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-surface-states-surface-disabled);
  box-shadow: var(--elevation-iconButton);
}
.IconButton-module-prominent:disabled svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.IconButton-module-prominent svg {
  fill: var(--color-interactive-secondary);
}
.IconButton-module-sm {
  height: 44px;
  width: 44px;
}
.IconButton-module-md {
  height: 48px;
  width: 48px;
}
.Modal-module-open,
.Modal-module-open body {
  overflow: hidden;
}
.Modal-module-root {
  position: relative;
  z-index: 800;
}
.Modal-module-image-container img {
  height: 192px;
  padding-bottom: var(--space-4);
  width: 100%;
}
.Modal-module-image-container.Modal-module-with-scroll {
  padding: 32px 32px 0;
}
.Modal-module-image-container.Modal-module-with-scroll img {
  padding-bottom: 0;
}
.Modal-module-header {
  margin-bottom: var(--space-base);
  position: relative;
}
.Modal-module-header.Modal-module-with-scroll {
  border-bottom: 1px solid var(--color-neutral-stroke);
  margin: 0;
  padding: var(--space-4) var(--space-4) var(--space-3);
}
h1 {
  color: var(--color-neutral-on-surface);
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin: 0;
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  h1 {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.Modal-module-titleIndented {
  margin-left: var(--space-4);
}
.Modal-module-previous {
  left: calc(var(--space-1\.5) * -1);
  position: absolute;
  top: calc(var(--space-base) * -1);
}
@media (min-width: 1025px) {
  .Modal-module-previous {
    top: calc(var(--space-0\.5) * -1);
  }
}
.Modal-module-subtitle {
  color: var(--color-modal-heading);
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: var(--space-2);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .Modal-module-subtitle {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.Modal-module-shim {
  background-color: rgba(0, 0, 0, 0.35);
  bottom: 0;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.Modal-module-container,
.Modal-module-shim {
  opacity: 0;
  transition: opacity var(--motion-ease-in-out);
}
.Modal-module-container {
  background-color: var(--color-neutral-surface);
  border-radius: var(--radius-modal);
  box-shadow: var(--elevation-modal);
  color: var(--color-neutral-on-surface-subdued);
  margin: var(--space-2) auto;
  padding: var(--space-4);
  position: relative;
  text-align: center;
  width: 343px;
}
@supports (contain: none) {
  .Modal-module-container.Modal-module-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Modal-module-container:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Modal-module-container[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Modal-module-container:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Modal-module-container:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.Modal-module-container .Modal-module-scrollable {
  padding: var(--space-2) 0;
}
.Modal-module-container .Modal-module-scrollable .Modal-module-main-content {
  max-height: 360px;
  min-height: 48px;
  overflow-y: scroll;
  padding: 0 var(--space-4);
}
.Modal-module-container
  .Modal-module-scrollable.Modal-module-with-img
  .Modal-module-main-content {
  max-height: 72px;
}
.Modal-module-container.Modal-module-with-scroll {
  padding: 0;
}
@media (min-width: 768px) {
  .Modal-module-container {
    margin: var(--space-4) auto;
    min-height: auto;
    padding: var(--space-4);
    text-align: left;
    width: 568px;
  }
  .Modal-module-container .Modal-module-scrollable {
    padding: var(--space-2) 0;
  }
  .Modal-module-container .Modal-module-scrollable .Modal-module-main-content {
    max-height: 308px;
    min-height: 28px;
    overflow-y: scroll;
    padding: 0 var(--space-4);
  }
  .Modal-module-container
    .Modal-module-scrollable.Modal-module-with-img
    .Modal-module-main-content {
    max-height: 84px;
  }
}
.Modal-module-animateAfterOpen {
  opacity: 1;
}
.Modal-module-animateBeforeClose {
  opacity: 0;
}
.Modal-module-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.Modal-module-actions.Modal-module-with-scroll {
  border-top: 1px solid var(--color-neutral-stroke);
  margin: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
}
@media (min-width: 768px) {
  .Modal-module-actions {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--space-2);
    margin-top: var(--space-4);
  }
}
@media (max-width: 767px) {
  .Modal-module-primary,
  .Modal-module-secondary {
    display: block;
  }
}
.Modal-module-tertiary {
  display: block;
}
@media (min-width: 768px) {
  .Modal-module-tertiary.Modal-module-three-actions {
    margin: 0 auto 0 0;
  }
}
.Select-module-root {
  margin-bottom: var(--space-3);
}
.Select-module-root .Select-module-control {
  position: relative;
}
.Select-module-root .Select-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Select-module-root .Select-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Select-module-root.Select-module-withHelpNode .Select-module-label {
  margin-bottom: 0;
}
.Select-module-root.Select-module-isLoading .Select-module-item {
  padding-right: 36px;
}
.Select-module-root.Select-module-disabled .Select-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Select-module-root.Select-module-containsError .Select-module-label {
  color: var(--color-status-critical);
}
.Select-module-root.Select-module-containsError .Select-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.Select-module-root.Select-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.Select-module-root.Select-module-containsWarning .Select-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.Select-module-readOnly {
  pointer-events: none;
}
.Select-module-readOnly .Select-module-item {
  background-color: var(--color-neutral-surface-variant);
  color: var(--color-neutral-on-surface);
  padding-right: 36px;
}
.Select-module-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-neutral-surface);
  background-image: none;
  border-color: var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  border-style: solid;
  border-width: 1px;
  color: var(--color-neutral-on-surface);
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  outline: none;
  padding: calc(var(--space-1\.5) - 1px);
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  width: 100%;
}
@media (min-width: 1025px) {
  .Select-module-item {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Select-module-item:not(:disabled):focus,
.Select-module-item:not(:disabled):hover {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  padding: calc(var(--space-1\.5) - 2px);
}
.Select-module-item:not(:disabled):focus {
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-neutral-on-surface);
}
.Select-module-item:disabled {
  -webkit-text-fill-color: var(
    --color-neutral-on-surface-states-on-surface-disabled
  );
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.Select-module-item:disabled::-moz-placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Select-module-item:disabled::placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Select-module-item::-moz-placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.Select-module-item::placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.Select-module-item:required:invalid {
  color: var(--color-neutral-on-surface-placeholder);
}
.Select-module-item:required:invalid option {
  color: var(--color-neutral-on-surface);
}
.Select-module-item:required:invalid option:disabled {
  color: var(--color-neutral-on-surface-placeholder);
}
.Select-module-hasIcon {
  padding-left: 36px;
}
.Select-module-lock {
  pointer-events: none;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
}
.Select-module-lock svg {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 16px;
  width: 16px;
}
.Select-module-arrow {
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.Select-module-isLoading .Select-module-arrow {
  display: none;
}
.Select-module-disabled .Select-module-arrow {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Select-module-icon {
  left: var(--space-1\.5);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.Select-module-icon svg {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 16px;
  width: 16px;
}
.Select-module-loader {
  pointer-events: none;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
}
.FormGroupError-module-root {
  background-color: var(--color-form-group-error-background);
  border-top-width: 2px;
  border: 2px solid var(--color-status-critical);
  border-radius: var(--radius-form-group-error);
  border-top: 8px solid var(--color-status-critical);
  display: flex;
  margin-bottom: var(--space-3);
  padding: var(--space-1\.5) var(--space-2);
}
.FormGroupError-module-icon {
  fill: var(--color-status-critical);
  flex-shrink: 0;
  height: 20px;
  margin: var(--space-0\.5) var(--space-1\.5) 0 0;
  width: 20px;
}
.FormGroupError-module-content {
  color: var(--color-form-group-error-message);
}
.FormGroupError-module-content ul {
  margin: 0;
}
.FormGroupError-module-content li {
  margin: 0 var(--space-1\.5);
}
.FormGroupError-module-content .FormGroupError-module-title {
  color: var(--color-form-group-error-title);
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-bottom: var(--space-0\.5);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .FormGroupError-module-content .FormGroupError-module-title {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.FormElementError-module-root {
  align-items: center;
  color: var(--color-neutral-on-surface);
  display: flex;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  margin: var(--space-base) 0 0;
  padding: 0;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .FormElementError-module-root {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.FormElementError-module-root svg {
  fill: var(--color-status-critical);
  height: 16px;
  margin: -1px var(--space-base) 0 0;
  width: 16px;
}
.FormElementError-module-root .FormElementError-module-warning {
  fill: var(--color-status-warning-shade);
}
.Label-module-root {
  color: var(--color-neutral-on-surface);
  display: block;
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Label-module-root {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.TextArea-module-root {
  margin-bottom: var(--space-3);
}
.TextArea-module-root .TextArea-module-control {
  position: relative;
}
.TextArea-module-root .TextArea-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TextArea-module-root .TextArea-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TextArea-module-root.TextArea-module-withHelpNode .TextArea-module-label {
  margin-bottom: 0;
}
.TextArea-module-root.TextArea-module-isLoading .TextArea-module-item {
  padding-right: 36px;
}
.TextArea-module-root.TextArea-module-disabled .TextArea-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextArea-module-root.TextArea-module-containsError .TextArea-module-label {
  color: var(--color-status-critical);
}
.TextArea-module-root.TextArea-module-containsError .TextArea-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.TextArea-module-root.TextArea-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.TextArea-module-root.TextArea-module-containsWarning .TextArea-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.TextArea-module-control {
  position: relative;
}
.TextArea-module-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-neutral-surface);
  background-image: none;
  border-color: var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  border-style: solid;
  border-width: 1px;
  color: var(--color-neutral-on-surface);
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  min-height: 100px;
  outline: none;
  padding: calc(var(--space-1\.5) - 1px);
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  width: 100%;
}
.TextArea-module-item:not(:disabled):focus,
.TextArea-module-item:not(:disabled):hover {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  padding: calc(var(--space-1\.5) - 2px);
}
.TextArea-module-item:not(:disabled):focus {
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-neutral-on-surface);
}
.TextArea-module-item:disabled {
  -webkit-text-fill-color: var(
    --color-neutral-on-surface-states-on-surface-disabled
  );
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.TextArea-module-item:disabled::-moz-placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextArea-module-item:disabled::placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextArea-module-item::-moz-placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.TextArea-module-item::placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
@media (min-width: 1025px) {
  .TextArea-module-item {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.TextArea-module-readOnly .TextArea-module-item:not(:disabled) {
  background-color: var(--color-neutral-surface-variant);
  color: var(--color-neutral-on-surface);
  padding-bottom: var(--space-4);
}
.TextArea-module-withIcon .TextArea-module-item {
  padding-left: 36px;
}
.TextArea-module-withIcon .TextArea-module-item:focus,
.TextArea-module-withIcon .TextArea-module-item:hover {
  padding-left: 35px;
}
.TextArea-module-withCounter .TextArea-module-item {
  padding-bottom: var(--space-4);
}
.TextArea-module-lock {
  bottom: var(--space-base);
  pointer-events: none;
  position: absolute;
  right: var(--space-2);
  top: 50%;
  top: auto;
  transform: translateY(-50%);
  transform: translateY(0);
}
.TextArea-module-lock svg {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 16px;
  width: 16px;
}
.TextArea-module-icon {
  left: var(--space-1\.5);
  pointer-events: none;
  position: absolute;
  top: 50%;
  top: 22px;
  transform: translateY(-50%);
}
.TextArea-module-icon svg {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 16px;
  width: 16px;
}
.TextArea-module-counter {
  bottom: var(--space-0\.5);
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  position: absolute;
  right: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TextArea-module-counter {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TextArea-module-disabled .TextArea-module-counter {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.CreditCardInput-module-root {
  margin-bottom: var(--space-3);
}
.CreditCardInput-module-root .CreditCardInput-module-control {
  position: relative;
}
.CreditCardInput-module-root .CreditCardInput-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .CreditCardInput-module-root .CreditCardInput-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.CreditCardInput-module-root.CreditCardInput-module-withHelpNode
  .CreditCardInput-module-label {
  margin-bottom: 0;
}
.CreditCardInput-module-root.CreditCardInput-module-isLoading
  .CreditCardInput-module-item {
  padding-right: 36px;
}
.CreditCardInput-module-root.CreditCardInput-module-disabled
  .CreditCardInput-module-icon
  svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.CreditCardInput-module-root.CreditCardInput-module-containsError
  .CreditCardInput-module-label {
  color: var(--color-status-critical);
}
.CreditCardInput-module-root.CreditCardInput-module-containsError
  .CreditCardInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.CreditCardInput-module-root.CreditCardInput-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.CreditCardInput-module-root.CreditCardInput-module-containsWarning
  .CreditCardInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.CreditCardInput-module-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-neutral-surface);
  background-image: none;
  border-color: var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  border-style: solid;
  border-width: 1px;
  color: var(--color-neutral-on-surface);
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  min-height: 44px;
  outline: none;
  padding: calc(var(--space-1\.5) - 1px);
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  width: 100%;
}
@media (min-width: 1025px) {
  .CreditCardInput-module-item {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.CreditCardInput-module-item:not(:disabled):focus,
.CreditCardInput-module-item:not(:disabled):hover {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  padding: calc(var(--space-1\.5) - 2px);
}
.CreditCardInput-module-item:not(:disabled):focus {
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-neutral-on-surface);
}
.CreditCardInput-module-item:disabled {
  -webkit-text-fill-color: var(
    --color-neutral-on-surface-states-on-surface-disabled
  );
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.CreditCardInput-module-item:disabled::-moz-placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.CreditCardInput-module-item:disabled::placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.CreditCardInput-module-item::-moz-placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.CreditCardInput-module-item::placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}

/* Vendor */

html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
  text-decoration: underline dotted currentColor;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
*,
:after,
:before {
  box-sizing: inherit;
}
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}
blockquote,
fieldset,
figure,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
fieldset {
  border: none;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1;
}
body {
  background: var(--color-neutral-background);
  color: var(--color-neutral-on-background);
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  body {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-base-900);
  margin: 0 0 16px;
  margin: 0 0 var(--space-2);
}
h1.index-heading-xs,
h2.index-heading-xs,
h3.index-heading-xs,
h4.index-heading-xs,
h5.index-heading-xs,
h6.index-heading-xs {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  h1.index-heading-xs,
  h2.index-heading-xs,
  h3.index-heading-xs,
  h4.index-heading-xs,
  h5.index-heading-xs,
  h6.index-heading-xs {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
h1.index-heading-sm,
h2.index-heading-sm,
h3.index-heading-sm,
h4.index-heading-sm,
h5.index-heading-sm,
h6.index-heading-sm {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  h1.index-heading-sm,
  h2.index-heading-sm,
  h3.index-heading-sm,
  h4.index-heading-sm,
  h5.index-heading-sm,
  h6.index-heading-sm {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
h1.index-heading-md,
h2.index-heading-md,
h3.index-heading-md,
h4.index-heading-md,
h5.index-heading-md,
h6.index-heading-md {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  h1.index-heading-md,
  h2.index-heading-md,
  h3.index-heading-md,
  h4.index-heading-md,
  h5.index-heading-md,
  h6.index-heading-md {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
h1.index-heading-lg,
h2.index-heading-lg,
h3.index-heading-lg,
h4.index-heading-lg,
h5.index-heading-lg,
h6.index-heading-lg {
  font-family: var(--small-heading-lg-font-family);
  font-size: var(--small-heading-lg-font-size);
  font-weight: var(--small-heading-lg-font-weight);
  letter-spacing: var(--small-heading-lg-letter-spacing);
  line-height: var(--small-heading-lg-line-height);
  -webkit-text-decoration: var(--small-heading-lg-text-decoration);
  text-decoration: var(--small-heading-lg-text-decoration);
  text-transform: var(--small-heading-lg-text-transform);
}
@media (min-width: 1025px) {
  h1.index-heading-lg,
  h2.index-heading-lg,
  h3.index-heading-lg,
  h4.index-heading-lg,
  h5.index-heading-lg,
  h6.index-heading-lg {
    font-family: var(--large-heading-lg-font-family);
    font-size: var(--large-heading-lg-font-size);
    font-weight: var(--large-heading-lg-font-weight);
    letter-spacing: var(--large-heading-lg-letter-spacing);
    line-height: var(--large-heading-lg-line-height);
    -webkit-text-decoration: var(--large-heading-lg-text-decoration);
    text-decoration: var(--large-heading-lg-text-decoration);
    text-transform: var(--large-heading-lg-text-transform);
  }
}
h1.index-heading-xl,
h2.index-heading-xl,
h3.index-heading-xl,
h4.index-heading-xl,
h5.index-heading-xl,
h6.index-heading-xl {
  font-family: var(--small-heading-xl-font-family);
  font-size: var(--small-heading-xl-font-size);
  font-weight: var(--small-heading-xl-font-weight);
  letter-spacing: var(--small-heading-xl-letter-spacing);
  line-height: var(--small-heading-xl-line-height);
  -webkit-text-decoration: var(--small-heading-xl-text-decoration);
  text-decoration: var(--small-heading-xl-text-decoration);
  text-transform: var(--small-heading-xl-text-transform);
}
@media (min-width: 1025px) {
  h1.index-heading-xl,
  h2.index-heading-xl,
  h3.index-heading-xl,
  h4.index-heading-xl,
  h5.index-heading-xl,
  h6.index-heading-xl {
    font-family: var(--large-heading-xl-font-family);
    font-size: var(--large-heading-xl-font-size);
    font-weight: var(--large-heading-xl-font-weight);
    letter-spacing: var(--large-heading-xl-letter-spacing);
    line-height: var(--large-heading-xl-line-height);
    -webkit-text-decoration: var(--large-heading-xl-text-decoration);
    text-decoration: var(--large-heading-xl-text-decoration);
    text-transform: var(--large-heading-xl-text-transform);
  }
}
p {
  margin-bottom: 24px;
  margin-bottom: var(--space-3);
}
p:last-of-type {
  margin-bottom: 0;
}
a {
  color: var(--color-interactive-secondary);
  font-family: var(--small-body-text-link-font-family);
  font-size: var(--small-body-text-link-font-size);
  font-weight: var(--small-body-text-link-font-weight);
  letter-spacing: var(--small-body-text-link-letter-spacing);
  line-height: var(--small-body-text-link-line-height);
  -webkit-text-decoration: var(--small-body-text-link-text-decoration);
  text-decoration: var(--small-body-text-link-text-decoration);
  text-transform: var(--small-body-text-link-text-transform);
  transition: color 0.3s;
}
@media (min-width: 1025px) {
  a {
    font-family: var(--large-body-text-link-font-family);
    font-size: var(--large-body-text-link-font-size);
    font-weight: var(--large-body-text-link-font-weight);
    letter-spacing: var(--large-body-text-link-letter-spacing);
    line-height: var(--large-body-text-link-line-height);
    -webkit-text-decoration: var(--large-body-text-link-text-decoration);
    text-decoration: var(--large-body-text-link-text-decoration);
    text-transform: var(--large-body-text-link-text-transform);
  }
}
a:hover {
  color: var(--color-interactive-secondary-shade);
}
small {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  small {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
ol,
ul {
  margin: 16px 0 32px;
  margin: var(--space-2) 0 var(--space-4);
  padding: 0 0 0 18px;
}
ol li,
ul li {
  display: list-item;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
:root[data-theme="teladoc"][data-mode="dark"] {
  --accessibility-focus-outer-shadow: rgba(81, 86, 245, 0.7);
  --accessibility-focus-inner-shadow: #000;
}
:root[data-theme="teladoc"][data-mode="light"] {
  --accessibility-focus-outer-shadow: rgba(60, 23, 232, 0.6);
  --accessibility-focus-inner-shadow: #fff;
  --color-neutral-background: #fff;
  --color-neutral-background-variant: #f7f9f9;
  --color-neutral-on-background: #171717;
  --color-neutral-on-background-subdued: #444443;
  --color-neutral-surface: #fff;
  --color-neutral-surface-variant: #f7f9f9;
  --color-neutral-surface-shade: #dfe0df;
  --color-neutral-on-surface: #171717;
  --color-neutral-on-surface-subdued: #444443;
  --color-neutral-on-surface-placeholder: #444443;
  --color-neutral-surface-states-surface-disabled: #dfe0df;
  --color-neutral-on-surface-states-on-surface-disabled: #6f6f6f;
  --color-neutral-surface-inverted-tint: #444443;
  --color-neutral-surface-inverted: #171717;
  --color-neutral-surface-inverted-shade: #000;
  --color-neutral-on-surface-inverted-tint: #fff;
  --color-neutral-on-surface-inverted: #fff;
  --color-neutral-on-surface-inverted-shade: #fff;
  --color-neutral-stroke: #dfe0df;
  --color-neutral-stroke-form-border: #6f6f6f;
  --color-neutral-elevation: #000;
  --color-interactive-primary-tint: #efe9fc;
  --color-interactive-primary: #422981;
  --color-interactive-primary-shade: #351f65;
  --color-interactive-on-primary-tint: #351f65;
  --color-interactive-on-primary: #fff;
  --color-interactive-on-primary-shade: #fff;
  --color-interactive-secondary-tint: #f5f0fd;
  --color-interactive-secondary: #5156f5;
  --color-interactive-secondary-shade: #3910b8;
  --color-interactive-on-secondary-tint: #3910b8;
  --color-interactive-on-secondary: #fff;
  --color-interactive-on-secondary-shade: #fff;
  --color-status-highlight-tint: #dcf3fa;
  --color-status-highlight: #0078bc;
  --color-status-highlight-shade: #00498a;
  --color-status-on-highlight-tint: #00498a;
  --color-status-on-highlight: #fff;
  --color-status-on-highlight-shade: #fff;
  --color-status-success-tint: #e5f5e5;
  --color-status-success: #078708;
  --color-status-success-shade: #005c00;
  --color-status-on-success-tint: #005c00;
  --color-status-on-success: #fff;
  --color-status-on-success-shade: #fff;
  --color-status-warning-tint: #fffdf2;
  --color-status-warning: #ffd60a;
  --color-status-warning-shade: #a25e00;
  --color-status-on-warning-tint: #a25e00;
  --color-status-on-warning: #874600;
  --color-status-on-warning-shade: #fff;
  --color-status-critical-tint: #fff2fc;
  --color-status-critical: #cd000a;
  --color-status-critical-shade: #870002;
  --color-status-on-critical-tint: #870002;
  --color-status-on-critical: #fff;
  --color-status-on-critical-shade: #fff;
  --color-status-critical-background: #fff;
  --color-status-on-critical-background: #fff;
}
:root[data-theme="teladoc"][data-mode="dark"] {
  --color-neutral-background: #121212;
  --color-neutral-background-variant: #232323;
  --color-neutral-on-background: #f7f9f9;
  --color-neutral-on-background-subdued: #a3a4a4;
  --color-neutral-surface: #171717;
  --color-neutral-surface-variant: #1e1e1e;
  --color-neutral-surface-shade: #1e1e1e;
  --color-neutral-on-surface: #f7f9f9;
  --color-neutral-on-surface-subdued: #a3a4a4;
  --color-neutral-on-surface-placeholder: #a3a4a4;
  --color-neutral-surface-states-surface-disabled: #2b2b2b;
  --color-neutral-on-surface-states-on-surface-disabled: #737474;
  --color-neutral-surface-inverted-tint: #fff;
  --color-neutral-surface-inverted: #ebeded;
  --color-neutral-surface-inverted-shade: #dfe1e1;
  --color-neutral-on-surface-inverted-tint: #171717;
  --color-neutral-on-surface-inverted: #171717;
  --color-neutral-on-surface-inverted-shade: #171717;
  --color-neutral-stroke: #434343;
  --color-neutral-stroke-form-border: #737474;
  --color-neutral-elevation: #fff;
  --color-interactive-primary-tint: #858df8;
  --color-interactive-primary: #6b5cf5;
  --color-interactive-primary-shade: #6240e8;
  --color-interactive-on-primary-tint: #171717;
  --color-interactive-on-primary: #fff;
  --color-interactive-on-primary-shade: #fff;
  --color-interactive-secondary-tint: #858df8;
  --color-interactive-secondary: #a1b1fa;
  --color-interactive-secondary-shade: #858df8;
  --color-interactive-on-secondary-tint: #171717;
  --color-interactive-on-secondary: #171717;
  --color-interactive-on-secondary-shade: #171717;
  --color-status-highlight-tint: #b0e9f8;
  --color-status-highlight: #00b5e2;
  --color-status-highlight-shade: #005895;
  --color-status-on-highlight-tint: #171717;
  --color-status-on-highlight: #171717;
  --color-status-on-highlight-shade: #fff;
  --color-status-success-tint: #9ce390;
  --color-status-success: #0fac27;
  --color-status-success-shade: #178d2c;
  --color-status-on-success-tint: #171717;
  --color-status-on-success: #171717;
  --color-status-on-success-shade: #fff;
  --color-status-warning-tint: #a76c00;
  --color-status-warning: #d9a000;
  --color-status-warning-shade: #ecb801;
  --color-status-on-warning-tint: #171717;
  --color-status-on-warning: #171717;
  --color-status-on-warning-shade: #171717;
  --color-status-critical-tint: #ffa5b9;
  --color-status-critical: #ff485d;
  --color-status-critical-shade: #ff637b;
  --color-status-on-critical-tint: #171717;
  --color-status-on-critical: #171717;
  --color-status-on-critical-shade: #171717;
  --color-status-critical-background: #e62338;
  --color-status-on-critical-background: #fff;
}
:root[data-theme="teladoc"] {
  --elevation-none: none;
}
:root[data-theme="teladoc"][data-mode="light"] {
  --elevation-button: var(--elevation-none);
  --elevation-iconButton: 0px 1px 4px 1px rgba(0, 0, 0, 0.08);
  --elevation-dropdownMenu: 0px 4px 10px 0px rgba(0, 0, 0, 0.16);
  --elevation-loadingIndicator: 0px 8px 20px 0px rgba(0, 0, 0, 0.16);
  --elevation-card: 0px 12px 30px 0px rgba(0, 0, 0, 0.16);
  --elevation-modal: 0px 12px 30px 0px rgba(0, 0, 0, 0.16);
  --elevation-notification: 0px 12px 30px 0px rgba(0, 0, 0, 0.16);
  --elevation-focus: 0px 0px 2px 4px rgba(81, 86, 245, 0.6);
  --elevation-focusTertiaryButton: 0px 0px 2px 6px rgba(81, 86, 245, 0.6);
}
:root[data-theme="teladoc"][data-mode="dark"] {
  --elevation-button: var(--elevation-none);
  --elevation-iconButton: 0px 1px 4px 1px rgba(0, 0, 0, 0.96);
  --elevation-dropdownMenu: 0px 4px 10px 0px rgba(0, 0, 0, 0.88);
  --elevation-loadingIndicator: 0px 8px 20px 0px rgba(0, 0, 0, 0.8);
  --elevation-card: 0px 12px 30px 0px rgba(0, 0, 0, 0.72);
  --elevation-modal: 0px 12px 30px 0px rgba(0, 0, 0, 0.72);
  --elevation-notification: 0px 12px 30px 0px rgba(0, 0, 0, 0.72);
  --elevation-focus: 0px 0px 0px 4px #bccffc;
  --elevation-focusTertiaryButton: 0px 0px 0px 6px #bccffc;
}
:root {
  --motion-ease-in: 0.3s cubic-bezier(0.42, 0, 1, 1);
  --motion-ease-out: 0.3s cubic-bezier(0, 0, 0.58, 1);
  --motion-ease-in-out: 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  --motion-ease-in-back: 0.3s cubic-bezier(0.3, -0.05, 0.7, -0.5);
  --motion-ease-out-back: 0.3s cubic-bezier(0.45, 1.45, 0.8, 1);
  --motion-ease-in-out-back: 0.3s cubic-bezier(0.7, -0.4, 0.4, 1.4);
  --motion-custom-accelerate: 0.3s
    cubic-bezier(
      0.8999999761581421,
      0.10000000149011612,
      1,
      0.20000000298023224
    );
}
@font-face {
  font-display: swap;
  font-family: Effra;
  font-style: normal;
  font-weight: 400;
  src: url(https://assets.livongo.com/raw/upload/v1632236564/fonts/effra/effra-400.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Effra;
  font-style: normal;
  font-weight: 500;
  src: url(https://assets.livongo.com/raw/upload/v1632236564/fonts/effra/effra-500.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Effra;
  font-style: normal;
  font-weight: 700;
  src: url(https://assets.livongo.com/raw/upload/v1632236564/fonts/effra/effra-700.woff2)
    format("woff2");
}
:root[data-theme="teladoc"] {
  --radius-checkbox: 4px;
  --radius-paginationNumber: 4px;
  --radius-tab: 4px;
  --radius-tertiaryButton: 4px;
  --radius-tooltip: 4px;
  --radius-formGroupError: 8px;
  --radius-loadingIndicator: 8px;
  --radius-card: 12px;
  --radius-chip: 12px;
  --radius-input: 12px;
  --radius-modal: 12px;
  --radius-notification: 12px;
  --radius-avatar: 9999px;
  --radius-badge: 9999px;
  --radius-button: 9999px;
  --radius-iconButton: 9999px;
  --radius-progress: 9999px;
  --radius-radio: 9999px;
  --radius-tag: 9999px;
  --radius-toggle: 9999px;
}
:root {
  --space-16: 128px;
  --space-8: 64px;
  --space-4: 32px;
  --space-3: 24px;
  --space-2: 16px;
  --space-base: 8px;
  --space-1\.5: 12px;
  --space-0\.5: 4px;
}
:root[data-theme="teladoc"] {
  --large-heading-xl-font-family: Effra, sans-serif;
  --large-heading-xl-font-size: 2.8125rem;
  --large-heading-xl-font-weight: 700;
  --large-heading-xl-letter-spacing: normal;
  --large-heading-xl-line-height: 1.067;
  --large-heading-xl-text-transform: none;
  --large-heading-xl-text-decoration: none;
  --large-heading-lg-font-family: Effra, sans-serif;
  --large-heading-lg-font-size: 2.3125rem;
  --large-heading-lg-font-weight: 700;
  --large-heading-lg-letter-spacing: normal;
  --large-heading-lg-line-height: 1.081;
  --large-heading-lg-text-transform: none;
  --large-heading-lg-text-decoration: none;
  --large-heading-md-font-family: Effra, sans-serif;
  --large-heading-md-font-size: 1.875rem;
  --large-heading-md-font-weight: 700;
  --large-heading-md-letter-spacing: normal;
  --large-heading-md-line-height: 1.2;
  --large-heading-md-text-transform: none;
  --large-heading-md-text-decoration: none;
  --large-heading-sm-font-family: Effra, sans-serif;
  --large-heading-sm-font-size: 1.625rem;
  --large-heading-sm-font-weight: 500;
  --large-heading-sm-letter-spacing: normal;
  --large-heading-sm-line-height: 1.231;
  --large-heading-sm-text-transform: none;
  --large-heading-sm-text-decoration: none;
  --large-heading-xs-font-family: Effra, sans-serif;
  --large-heading-xs-font-size: 1.375rem;
  --large-heading-xs-font-weight: 400;
  --large-heading-xs-letter-spacing: normal;
  --large-heading-xs-line-height: 1.273;
  --large-heading-xs-text-transform: none;
  --large-heading-xs-text-decoration: none;
  --large-body-default-font-family: Effra, sans-serif;
  --large-body-default-font-size: 1.125rem;
  --large-body-default-font-weight: 400;
  --large-body-default-letter-spacing: normal;
  --large-body-default-line-height: 1.556;
  --large-body-default-text-transform: none;
  --large-body-default-text-decoration: none;
  --large-body-medium-font-family: Effra, sans-serif;
  --large-body-medium-font-size: 1.125rem;
  --large-body-medium-font-weight: 500;
  --large-body-medium-letter-spacing: normal;
  --large-body-medium-line-height: 1.556;
  --large-body-medium-text-transform: none;
  --large-body-medium-text-decoration: none;
  --large-body-strong-font-family: Effra, sans-serif;
  --large-body-strong-font-size: 1.125rem;
  --large-body-strong-font-weight: 700;
  --large-body-strong-letter-spacing: normal;
  --large-body-strong-line-height: 1.556;
  --large-body-strong-text-transform: none;
  --large-body-strong-text-decoration: none;
  --large-body-text-link-font-family: Effra, sans-serif;
  --large-body-text-link-font-size: 1.125rem;
  --large-body-text-link-font-weight: 500;
  --large-body-text-link-letter-spacing: normal;
  --large-body-text-link-line-height: 1.556;
  --large-body-text-link-text-transform: none;
  --large-body-text-link-text-decoration: underline;
  --large-small-default-font-family: Effra, sans-serif;
  --large-small-default-font-size: 0.9375rem;
  --large-small-default-font-weight: 400;
  --large-small-default-letter-spacing: normal;
  --large-small-default-line-height: 1.333;
  --large-small-default-text-transform: none;
  --large-small-default-text-decoration: none;
  --large-small-medium-font-family: Effra, sans-serif;
  --large-small-medium-font-size: 0.9375rem;
  --large-small-medium-font-weight: 500;
  --large-small-medium-letter-spacing: normal;
  --large-small-medium-line-height: 1.333;
  --large-small-medium-text-transform: none;
  --large-small-medium-text-decoration: none;
  --large-small-strong-font-family: Effra, sans-serif;
  --large-small-strong-font-size: 0.9375rem;
  --large-small-strong-font-weight: 700;
  --large-small-strong-letter-spacing: normal;
  --large-small-strong-line-height: 1.333;
  --large-small-strong-text-transform: none;
  --large-small-strong-text-decoration: none;
  --large-small-text-link-font-family: Effra, sans-serif;
  --large-small-text-link-font-size: 0.9375rem;
  --large-small-text-link-font-weight: 500;
  --large-small-text-link-letter-spacing: normal;
  --large-small-text-link-line-height: 1.333;
  --large-small-text-link-text-transform: none;
  --large-small-text-link-text-decoration: underline;
  --large-input-default-font-family: Effra, sans-serif;
  --large-input-default-font-size: 1.125rem;
  --large-input-default-font-weight: 400;
  --large-input-default-letter-spacing: normal;
  --large-input-default-line-height: 1.111;
  --large-input-default-text-transform: none;
  --large-input-default-text-decoration: none;
  --large-input-strong-font-family: Effra, sans-serif;
  --large-input-strong-font-size: 1.125rem;
  --large-input-strong-font-weight: 500;
  --large-input-strong-letter-spacing: normal;
  --large-input-strong-line-height: 1.111;
  --large-input-strong-text-transform: none;
  --large-input-strong-text-decoration: none;
  --large-input-text-link-font-family: Effra, sans-serif;
  --large-input-text-link-font-size: 1.125rem;
  --large-input-text-link-font-weight: 500;
  --large-input-text-link-letter-spacing: normal;
  --large-input-text-link-line-height: 1.111;
  --large-input-text-link-text-transform: none;
  --large-input-text-link-text-decoration: underline;
  --large-button-regular-font-family: Effra, sans-serif;
  --large-button-regular-font-size: 1.125rem;
  --large-button-regular-font-weight: 400;
  --large-button-regular-letter-spacing: normal;
  --large-button-regular-line-height: 1.111;
  --large-button-regular-text-transform: none;
  --large-button-regular-text-decoration: none;
  --large-button-medium-font-family: Effra, sans-serif;
  --large-button-medium-font-size: 1.125rem;
  --large-button-medium-font-weight: 500;
  --large-button-medium-letter-spacing: normal;
  --large-button-medium-line-height: 1.111;
  --large-button-medium-text-transform: none;
  --large-button-medium-text-decoration: none;
  --large-button-bold-font-family: Effra, sans-serif;
  --large-button-bold-font-size: 1.125rem;
  --large-button-bold-font-weight: 700;
  --large-button-bold-letter-spacing: normal;
  --large-button-bold-line-height: 1.111;
  --large-button-bold-text-transform: none;
  --large-button-bold-text-decoration: none;
  --large-button-tertiary-hover-font-family: Effra, sans-serif;
  --large-button-tertiary-hover-font-size: 1.125rem;
  --large-button-tertiary-hover-font-weight: 500;
  --large-button-tertiary-hover-letter-spacing: normal;
  --large-button-tertiary-hover-line-height: 1.111;
  --large-button-tertiary-hover-text-transform: none;
  --large-button-tertiary-hover-text-decoration: underline;
  --large-button-small-font-family: Effra, sans-serif;
  --large-button-small-font-size: 0.75rem;
  --large-button-small-font-weight: 500;
  --large-button-small-letter-spacing: normal;
  --large-button-small-line-height: 1;
  --large-button-small-text-transform: none;
  --large-button-small-text-decoration: none;
  --large-button-large-font-family: Effra, for large-sized button labels;
  --large-button-large-font-size: 1.625rem;
  --large-button-large-font-weight: 700;
  --large-button-large-letter-spacing: normal;
  --large-button-large-line-height: 1.231;
  --large-button-large-text-transform: none;
  --large-button-large-text-decoration: none;
  --large-tag-default-font-family: Effra;
  --large-tag-default-font-size: 0.9375rem;
  --large-tag-default-font-weight: 400;
  --large-tag-default-letter-spacing: normal;
  --large-tag-default-line-height: 1.333;
  --large-tag-default-text-transform: none;
  --large-tag-default-text-decoration: none;
  --large-tag-medium-font-family: Effra;
  --large-tag-medium-font-size: 0.9375rem;
  --large-tag-medium-font-weight: 500;
  --large-tag-medium-letter-spacing: normal;
  --large-tag-medium-line-height: 1.333;
  --large-tag-medium-text-transform: none;
  --large-tag-medium-text-decoration: none;
  --large-badge-medium-font-family: Effra,
    displaying count of a medium sized badge;
  --large-badge-medium-font-size: 0.75rem;
  --large-badge-medium-font-weight: 500;
  --large-badge-medium-letter-spacing: normal;
  --large-badge-medium-line-height: 1;
  --large-badge-medium-text-transform: none;
  --large-badge-medium-text-decoration: none;
  --large-badge-large-font-family: Effra, count display in a large badge;
  --large-badge-large-font-size: 1rem;
  --large-badge-large-font-weight: 700;
  --large-badge-large-letter-spacing: normal;
  --large-badge-large-line-height: 1;
  --large-badge-large-text-transform: none;
  --large-badge-large-text-decoration: none;
  --large-data-lg-font-family: Effra, sans-serif;
  --large-data-lg-font-size: 3.375rem;
  --large-data-lg-font-weight: 700;
  --large-data-lg-letter-spacing: normal;
  --large-data-lg-line-height: 1.037;
  --large-data-lg-text-transform: none;
  --large-data-lg-text-decoration: none;
  --large-data-md-font-family: Effra, sans-serif;
  --large-data-md-font-size: 2.625rem;
  --large-data-md-font-weight: 700;
  --large-data-md-letter-spacing: normal;
  --large-data-md-line-height: 1.048;
  --large-data-md-text-transform: none;
  --large-data-md-text-decoration: none;
  --large-data-sm-font-family: Effra, sans-serif;
  --large-data-sm-font-size: 1.875rem;
  --large-data-sm-font-weight: 700;
  --large-data-sm-letter-spacing: normal;
  --large-data-sm-line-height: 1.067;
  --large-data-sm-text-transform: none;
  --large-data-sm-text-decoration: none;
  --large-data-xs-font-family: Effra, sans-serif;
  --large-data-xs-font-size: 1rem;
  --large-data-xs-font-weight: 700;
  --large-data-xs-letter-spacing: normal;
  --large-data-xs-line-height: 1;
  --large-data-xs-text-transform: none;
  --large-data-xs-text-decoration: none;
  --small-heading-xl-font-family: Effra, sans-serif;
  --small-heading-xl-font-size: 2.25rem;
  --small-heading-xl-font-weight: 700;
  --small-heading-xl-letter-spacing: normal;
  --small-heading-xl-line-height: 1.111;
  --small-heading-xl-text-transform: none;
  --small-heading-xl-text-decoration: none;
  --small-heading-lg-font-family: Effra, sans-serif;
  --small-heading-lg-font-size: 2rem;
  --small-heading-lg-font-weight: 700;
  --small-heading-lg-letter-spacing: normal;
  --small-heading-lg-line-height: 1.125;
  --small-heading-lg-text-transform: none;
  --small-heading-lg-text-decoration: none;
  --small-heading-md-font-family: Effra, sans-serif;
  --small-heading-md-font-size: 1.5rem;
  --small-heading-md-font-weight: 700;
  --small-heading-md-letter-spacing: normal;
  --small-heading-md-line-height: 1.167;
  --small-heading-md-text-transform: none;
  --small-heading-md-text-decoration: none;
  --small-heading-sm-font-family: Effra, sans-serif;
  --small-heading-sm-font-size: 1.375rem;
  --small-heading-sm-font-weight: 500;
  --small-heading-sm-letter-spacing: normal;
  --small-heading-sm-line-height: 1.091;
  --small-heading-sm-text-transform: none;
  --small-heading-sm-text-decoration: none;
  --small-heading-xs-font-family: Effra, sans-serif;
  --small-heading-xs-font-size: 1.25rem;
  --small-heading-xs-font-weight: 400;
  --small-heading-xs-letter-spacing: normal;
  --small-heading-xs-line-height: 1.2;
  --small-heading-xs-text-transform: none;
  --small-heading-xs-text-decoration: none;
  --small-body-default-font-family: Effra, sans-serif;
  --small-body-default-font-size: 1.125rem;
  --small-body-default-font-weight: 400;
  --small-body-default-letter-spacing: normal;
  --small-body-default-line-height: 1.333;
  --small-body-default-text-transform: none;
  --small-body-default-text-decoration: none;
  --small-body-medium-font-family: Effra, sans-serif;
  --small-body-medium-font-size: 1.125rem;
  --small-body-medium-font-weight: 500;
  --small-body-medium-letter-spacing: normal;
  --small-body-medium-line-height: 1.333;
  --small-body-medium-text-transform: none;
  --small-body-medium-text-decoration: none;
  --small-body-strong-font-family: Effra, sans-serif;
  --small-body-strong-font-size: 1.125rem;
  --small-body-strong-font-weight: 700;
  --small-body-strong-letter-spacing: normal;
  --small-body-strong-line-height: 1.333;
  --small-body-strong-text-transform: none;
  --small-body-strong-text-decoration: none;
  --small-body-text-link-font-family: Effra, sans-serif;
  --small-body-text-link-font-size: 1.125rem;
  --small-body-text-link-font-weight: 500;
  --small-body-text-link-letter-spacing: normal;
  --small-body-text-link-line-height: 1.333;
  --small-body-text-link-text-transform: none;
  --small-body-text-link-text-decoration: underline;
  --small-small-default-font-family: Effra, sans-serif;
  --small-small-default-font-size: 0.9375rem;
  --small-small-default-font-weight: 400;
  --small-small-default-letter-spacing: normal;
  --small-small-default-line-height: 1.333;
  --small-small-default-text-transform: none;
  --small-small-default-text-decoration: none;
  --small-small-medium-font-family: Effra, sans-serif;
  --small-small-medium-font-size: 0.9375rem;
  --small-small-medium-font-weight: 500;
  --small-small-medium-letter-spacing: normal;
  --small-small-medium-line-height: 1.333;
  --small-small-medium-text-transform: none;
  --small-small-medium-text-decoration: none;
  --small-small-strong-font-family: Effra, sans-serif;
  --small-small-strong-font-size: 0.9375rem;
  --small-small-strong-font-weight: 700;
  --small-small-strong-letter-spacing: normal;
  --small-small-strong-line-height: 1.333;
  --small-small-strong-text-transform: none;
  --small-small-strong-text-decoration: none;
  --small-small-text-link-font-family: Effra, sans-serif;
  --small-small-text-link-font-size: 0.9375rem;
  --small-small-text-link-font-weight: 500;
  --small-small-text-link-letter-spacing: normal;
  --small-small-text-link-line-height: 1.333;
  --small-small-text-link-text-transform: none;
  --small-small-text-link-text-decoration: underline;
  --small-input-default-font-family: Effra, sans-serif;
  --small-input-default-font-size: 1.125rem;
  --small-input-default-font-weight: 400;
  --small-input-default-letter-spacing: normal;
  --small-input-default-line-height: 1.111;
  --small-input-default-text-transform: none;
  --small-input-default-text-decoration: none;
  --small-input-strong-font-family: Effra, sans-serif;
  --small-input-strong-font-size: 1.125rem;
  --small-input-strong-font-weight: 500;
  --small-input-strong-letter-spacing: normal;
  --small-input-strong-line-height: 1.111;
  --small-input-strong-text-transform: none;
  --small-input-strong-text-decoration: none;
  --small-input-text-link-font-family: Effra, sans-serif;
  --small-input-text-link-font-size: 1.125rem;
  --small-input-text-link-font-weight: 500;
  --small-input-text-link-letter-spacing: normal;
  --small-input-text-link-line-height: 1.111;
  --small-input-text-link-text-transform: none;
  --small-input-text-link-text-decoration: underline;
  --small-button-regular-font-family: Effra, sans-serif;
  --small-button-regular-font-size: 1.125rem;
  --small-button-regular-font-weight: 400;
  --small-button-regular-letter-spacing: normal;
  --small-button-regular-line-height: 1.111;
  --small-button-regular-text-transform: none;
  --small-button-regular-text-decoration: none;
  --small-button-medium-font-family: Effra, sans-serif;
  --small-button-medium-font-size: 1.125rem;
  --small-button-medium-font-weight: 500;
  --small-button-medium-letter-spacing: normal;
  --small-button-medium-line-height: 1.111;
  --small-button-medium-text-transform: none;
  --small-button-medium-text-decoration: none;
  --small-button-bold-font-family: Effra, sans-serif;
  --small-button-bold-font-size: 1.125rem;
  --small-button-bold-font-weight: 700;
  --small-button-bold-letter-spacing: normal;
  --small-button-bold-line-height: 1.111;
  --small-button-bold-text-transform: none;
  --small-button-bold-text-decoration: none;
  --small-button-tertiary-hover-font-family: Effra, sans-serif;
  --small-button-tertiary-hover-font-size: 1.125rem;
  --small-button-tertiary-hover-font-weight: 500;
  --small-button-tertiary-hover-letter-spacing: normal;
  --small-button-tertiary-hover-line-height: 1.111;
  --small-button-tertiary-hover-text-transform: none;
  --small-button-tertiary-hover-text-decoration: underline;
  --small-button-small-font-family: Effra, sans-serif;
  --small-button-small-font-size: 0.75rem;
  --small-button-small-font-weight: 500;
  --small-button-small-letter-spacing: normal;
  --small-button-small-line-height: 1;
  --small-button-small-text-transform: none;
  --small-button-small-text-decoration: none;
  --small-button-large-font-family: Effra;
  --small-button-large-font-size: 1.625rem;
  --small-button-large-font-weight: 700;
  --small-button-large-letter-spacing: normal;
  --small-button-large-line-height: 1.231;
  --small-button-large-text-transform: none;
  --small-button-large-text-decoration: none;
  --small-tag-default-font-family: Effra;
  --small-tag-default-font-size: 0.9375rem;
  --small-tag-default-font-weight: 400;
  --small-tag-default-letter-spacing: normal;
  --small-tag-default-line-height: 1.333;
  --small-tag-default-text-transform: none;
  --small-tag-default-text-decoration: none;
  --small-tag-medium-font-family: Effra;
  --small-tag-medium-font-size: 0.9375rem;
  --small-tag-medium-font-weight: 500;
  --small-tag-medium-letter-spacing: normal;
  --small-tag-medium-line-height: 1.333;
  --small-tag-medium-text-transform: none;
  --small-tag-medium-text-decoration: none;
  --small-badge-medium-font-family: Effra, displaying count in a small screen,
    medium sized badge;
  --small-badge-medium-font-size: 0.75rem;
  --small-badge-medium-font-weight: 500;
  --small-badge-medium-letter-spacing: normal;
  --small-badge-medium-line-height: 1;
  --small-badge-medium-text-transform: none;
  --small-badge-medium-text-decoration: none;
  --small-badge-large-font-family: Effra, count display in a small screen,
    large badge;
  --small-badge-large-font-size: 1rem;
  --small-badge-large-font-weight: 700;
  --small-badge-large-letter-spacing: normal;
  --small-badge-large-line-height: 1;
  --small-badge-large-text-transform: none;
  --small-badge-large-text-decoration: none;
  --small-data-lg-font-family: Effra, sans-serif;
  --small-data-lg-font-size: 3.375rem;
  --small-data-lg-font-weight: 700;
  --small-data-lg-letter-spacing: normal;
  --small-data-lg-line-height: 1.037;
  --small-data-lg-text-transform: none;
  --small-data-lg-text-decoration: none;
  --small-data-md-font-family: Effra, sans-serif;
  --small-data-md-font-size: 2.625rem;
  --small-data-md-font-weight: 700;
  --small-data-md-letter-spacing: normal;
  --small-data-md-line-height: 1.048;
  --small-data-md-text-transform: none;
  --small-data-md-text-decoration: none;
  --small-data-sm-font-family: Effra, sans-serif;
  --small-data-sm-font-size: 1.5rem;
  --small-data-sm-font-weight: 700;
  --small-data-sm-letter-spacing: normal;
  --small-data-sm-line-height: 1.167;
  --small-data-sm-text-transform: none;
  --small-data-sm-text-decoration: none;
  --small-data-xs-font-family: Effra, sans-serif;
  --small-data-xs-font-size: 0.75rem;
  --small-data-xs-font-weight: 500;
  --small-data-xs-letter-spacing: normal;
  --small-data-xs-line-height: 1;
  --small-data-xs-text-transform: none;
  --small-data-xs-text-decoration: none;
}
@media (min-width: 480px) {
  body[data-teams] {
    background-color: transparent;
    background-color: initial;
  }
}
body.Sidebar-showing {
  overflow-y: hidden;
}
@media (min-width: 768px) {
  body.Sidebar-showing {
    overflow-y: auto;
  }
}
@media (min-width: 1025px) {
  body {
    max-width: 100vw;
    overflow-x: hidden;
  }
}
.sr-only {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.Unavailable-root {
  margin: 0 auto;
  max-width: 320px;
  text-align: center;
}
.Unavailable-root h1,
.Unavailable-root p {
  text-align: left;
}
.Unavailable-logo {
  margin-top: var(--space-4);
}
.Unavailable-image {
  display: block;
  margin: 80px auto var(--space-3);
}
.Loader-module-root {
  background-color: transparent !important;
  box-shadow: none !important;
}
.Card-root {
  background-color: var(--color-neutral-background);
  border-radius: var(--space-2);
  box-shadow: var(--elevation-dropdownMenu);
  flex: 50% 1;
  margin: var(--space-base) var(--space-2);
  padding: var(--space-3);
  position: relative;
}
@media (min-width: 768px) {
  .Card-root {
    margin: var(--space-base);
    padding: var(--space-4);
  }
}
.Card-fullExtension {
  border-radius: 0;
  margin: 0;
}
@media (min-width: 480px) {
  .Card-fullExtension {
    border-radius: var(--space-2);
    margin: 0 var(--space-2);
  }
}
@media (min-width: 768px) {
  .Card-fullExtension {
    margin: 0;
  }
}
.Card-primary {
  background-color: var(--color-interactive-primary);
}
.Card-primary,
.Card-primary h1,
.Card-primary h2,
.Card-primary h3,
.Card-primary h4,
.Card-primary h5,
.Card-primary h6 {
  color: var(--color-neutral-background);
}
.NoMatch-root {
  text-align: center;
}
.NoMatch-root h1 {
  margin-bottom: var(--space-base);
}
@media (min-width: 1025px) {
  .NoMatch-root h1 {
    font-family: var(--small-heading-md-font-family);
    font-size: var(--small-heading-md-font-size);
    font-weight: var(--small-heading-md-font-weight);
    letter-spacing: var(--small-heading-md-letter-spacing);
    line-height: var(--small-heading-md-line-height);
    -webkit-text-decoration: var(--small-heading-md-text-decoration);
    text-decoration: var(--small-heading-md-text-decoration);
    text-transform: var(--small-heading-md-text-transform);
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .NoMatch-root h1 {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
@media (min-width: 1025px) {
  .NoMatch-card {
    margin: 0 auto;
    max-width: 550px;
    padding: 48px;
  }
}
.NoMatch-image {
  display: block;
  height: 117px;
  margin: 0 auto var(--space-2);
  width: 164px;
}
.NoMatch-button {
  display: block;
  margin: var(--space-3) auto 0;
}
@media (min-width: 1025px) {
  .NoMatch-button {
    margin-top: var(--space-4);
  }
}
@media (min-width: 768px) {
  .PrivacyBanner-banner {
    max-width: 100%;
  }
}
.PrivacyBanner-bannerContent {
  display: flex;
  flex-direction: row;
}
.PrivacyBanner-bannerLink {
  color: var(--color-status-on-highlight-shade) !important;
  padding-left: 5px;
}
.PrivacyBanner-info {
  margin-bottom: var(--space-3);
}
@keyframes TeamsApp-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes TeamsApp-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.TeamsApp-root {
  min-height: 100vh;
  position: relative;
}
@media (min-width: 1025px) {
  .TeamsApp-root {
    background-color: transparent;
  }
}
.TeamsApp-content {
  margin: 56px auto 0;
  padding-bottom: 224px;
  padding-top: var(--space-2);
}
@media (min-width: 768px) {
  .TeamsApp-content {
    width: 688px;
  }
}
@media (min-width: 1280px) {
  .TeamsApp-content {
    margin: 56px auto 0;
    width: 960px;
  }
}
.TeamsApp-contentContainer {
  position: relative;
  width: 100%;
}
@media (min-width: 1025px) {
  .TeamsApp-contentContainer:before {
    background-color: var(--color-neutral-background);
    border-radius: 0 0 0 40px;
    content: "";
    height: 260px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -100;
  }
}
.Root-routePublic {
  background-color: var(--color-neutral-background-variant);
  display: flex;
  flex-direction: column;
  margin: 0 var(--space-2);
  min-height: 100vh;
  padding-bottom: 168px;
  position: relative;
}
@media (min-width: 768px) {
  .Root-routePublic {
    padding-bottom: 132px;
  }
}
@media (min-width: 1025px) {
  .Root-routePublic {
    margin: 0 auto;
    padding-bottom: 82px;
  }
}
.Root-cardMidSize {
  max-width: 768px;
}
.LanguageSwitcher-root ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--space-2);
}
@media (min-width: 1025px) {
  .LanguageSwitcher-root ul {
    padding: 0;
  }
  .LanguageSwitcher-root {
    flex: 1 1;
  }
  .LanguageSwitcher-root .LanguageSwitcher-subNav {
    display: none;
  }
}
.LanguageSwitcher-subNavMenu {
  display: flex;
  font-size: 18px;
  height: 100%;
  padding: 26px var(--space-1\.5);
  text-decoration: none;
}
.LanguageSwitcher-subNavMenu .LanguageSwitcher-navItemText {
  align-items: center;
  color: var(--color-neutral-on-background-subdued);
  display: flex;
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  justify-content: center;
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .LanguageSwitcher-subNavMenu .LanguageSwitcher-navItemText {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.LanguageSwitcher-subNavMenu .LanguageSwitcher-navItemText:hover {
  color: var(--color-interactive-secondary);
  font-weight: 400;
}
.LanguageSwitcher-subNavMenu
  .LanguageSwitcher-navItemText
  .LanguageSwitcher-navText {
  display: none;
}
@media (min-width: 1025px) {
  .LanguageSwitcher-subNavMenu
    .LanguageSwitcher-navItemText
    .LanguageSwitcher-navText {
    display: inline-flex;
  }
}
.LanguageSwitcher-subNavMenu .LanguageSwitcher-navItemText svg {
  margin-right: var(--space-1\.5);
  width: var(--space-2);
}
.LanguageSwitcher-subNavMenu
  .LanguageSwitcher-navItemText
  .LanguageSwitcher-navIconLarge {
  margin-right: 0;
}
@media (min-width: 1025px) {
  .LanguageSwitcher-subNavMenu
    .LanguageSwitcher-navItemText
    .LanguageSwitcher-navIconLarge {
    margin-right: var(--space-1\.5);
  }
}
.LanguageSwitcher-subNavMenu
  .LanguageSwitcher-navItemText
  .LanguageSwitcher-iconAlign {
  margin-right: 0;
}
.LanguageSwitcher-subNavMenu.LanguageSwitcher-navActiveMenu {
  border-bottom: var(--space-0\.5) solid var(--color-interactive-secondary);
}
.LanguageSwitcher-subNavMenu.LanguageSwitcher-menuTextColor
  .LanguageSwitcher-navItemText {
  color: var(--color-neutral-on-background);
}
.LanguageSwitcher-subNavMenu.LanguageSwitcher-menuTextColor
  .LanguageSwitcher-navItemText:hover {
  color: var(--color-interactive-secondary);
  font-weight: 400;
}
.LanguageSwitcher-subNavMenu.LanguageSwitcher-menuTextColor
  .LanguageSwitcher-navItemText:hover
  path {
  fill: var(--color-interactive-secondary);
}
.LanguageSwitcher-navItem {
  border-left: var(--space-0\.5) solid var(--color-neutral-background);
  border-radius: 2px;
  color: var(--color-neutral-on-background);
  display: block;
  font-family: var(--small-body-small-font-family);
  font-size: 18px;
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  padding: var(--space-base);
  text-align: left;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-decoration: none;
  text-transform: var(--small-body-small-text-transform);
  width: 50%;
}
@media (min-width: 1025px) {
  .LanguageSwitcher-navItem {
    font-family: var(--large-body-small-font-family);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.LanguageSwitcher-navItem.LanguageSwitcher-navItemActive,
.LanguageSwitcher-navItem:hover {
  color: var(--color-interactive-secondary);
  font-weight: 700;
}
.LanguageSwitcher-navItem.LanguageSwitcher-navItemActive:active,
.LanguageSwitcher-navItem:hover:active {
  border-left: var(--space-0\.5) solid var(--color-interactive-secondary);
}
.LanguageSwitcher-navItem:focus {
  outline: none;
}
.LanguageSwitcher-container {
  display: block;
}
.LanguageSwitcher-navContainer {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .LanguageSwitcher-navContainer {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.LanguageSwitcher-navTextContainer {
  padding-left: 36px;
  width: 100%;
}
@media (min-width: 768px) {
  .LanguageSwitcher-navTextContainer {
    padding-left: 0;
    width: auto;
  }
}
.LanguageSwitcher-mobileWrapper {
  border: 1px solid var(--color-neutral-background);
  border-radius: 9999px;
  box-shadow: 0 1px var(--space-0\.5) 1px rgba(0, 0, 0, 0.08);
  height: 52px;
  margin: 10px;
  width: 52px;
}
.LanguageSwitcher-mobileWrapper .LanguageSwitcher-mobileIcon {
  height: var(--space-2);
  width: var(--space-2);
}
.LanguageSwitcher-mobileIconPosition {
  margin: 6px;
}
.LanguageSwitcher-memberDropdown {
  background-color: var(--color-neutral-background);
  border-radius: var(--space-1\.5);
  box-shadow: var(--elevation-dropdownMenu);
  list-style: none;
  padding: 2px;
  position: absolute;
  right: -5px;
  width: 320px;
  z-index: 600;
}
.LanguageSwitcher-dropdownItem.LanguageSwitcher-dropdownActiveItem {
  border-left: var(--space-0\.5) solid var(--color-interactive-secondary);
}
.LanguageSwitcher-iconOutline {
  background: var(--color-neutral-background);
  border-radius: var(--space-3);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  height: 44px;
  width: 44px;
}
.TransitionHeader-root {
  align-items: center;
  background-color: var(--color-neutral-background);
  box-shadow: 0 1px var(--space-0\.5) 1px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  padding: 18px var(--space-3) 0;
}
.TransitionHeader-verticalLine {
  background-color: #cac4d0;
  height: var(--space-4);
  left: 7%;
  position: relative;
  top: 0;
  width: 1px;
}
@media (max-width: 767px) {
  .TransitionHeader-verticalLine {
    left: 6%;
  }
}
@media (min-width: 1680px) {
  .TransitionHeader-verticalLine {
    left: 6.5%;
  }
}
.TransitionHeader-spacing {
  height: 36px;
  margin-left: 41px;
  width: 146px;
}
@media (min-width: 768px) {
  .TransitionHeader-spacing {
    margin-left: 38px;
  }
}
.TransitionHeader-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: var(--space-1\.5) 0 var(--space-3);
}
@media (max-width: 767px) {
  .TransitionHeader-header {
    padding: 18px 0 var(--space-3);
  }
}
button {
  all: unset;
  cursor: pointer;
}
.TransitionFooter-root {
  background-color: var(--color-neutral-background-variant);
  bottom: 45px;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-top: var(--space-4);
  position: relative;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
  width: 100%;
}
@media (min-width: 1025px) {
  .TransitionFooter-root {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .TransitionFooter-root {
    background-color: var(--color-neutral-background);
    bottom: 0;
    left: 0;
    margin-top: 0;
    top: 10px;
  }
}
.TransitionFooter-container {
  align-items: center;
  background-color: var(--color-neutral-background);
  display: flex;
  flex-direction: column;
  font-size: 15px;
  justify-content: space-between;
  padding: var(--space-3);
  text-align: center;
  width: 100%;
}
.TransitionFooter-links {
  display: inline-block;
  margin-bottom: var(--space-1\.5);
}
@media (min-width: 1025px) {
  .TransitionFooter-links {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .TransitionFooter-links {
    width: 100%;
  }
}
.TransitionFooter-footerTitle {
  align-items: center;
  display: flex;
}
.TransitionFooter-footerTitle .TransitionFooter-company {
  color: #565757;
  color: var(--theme-light-base-700, #565757);
  font-size: 15px;
  margin-bottom: 0;
}
.TransitionFooter-link {
  color: var(--color-interactive-secondary);
  display: block;
  font-family: var(--small-body-small-link-font-family);
  font-size: var(--small-body-small-link-font-size);
  font-weight: var(--small-body-small-link-font-weight);
  font-weight: 500;
  letter-spacing: var(--small-body-small-link-letter-spacing);
  line-height: var(--small-body-small-link-line-height);
  margin-right: var(--space-2);
  margin-top: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-link-text-decoration);
  text-decoration: var(--small-body-small-link-text-decoration);
  text-decoration: underline;
  text-transform: var(--small-body-small-link-text-transform);
}
@media (min-width: 1025px) {
  .TransitionFooter-link {
    font-family: var(--large-body-small-link-font-family);
    font-size: var(--large-body-small-link-font-size);
    font-weight: var(--large-body-small-link-font-weight);
    letter-spacing: var(--large-body-small-link-letter-spacing);
    line-height: var(--large-body-small-link-line-height);
    -webkit-text-decoration: var(--large-body-small-link-text-decoration);
    text-decoration: var(--large-body-small-link-text-decoration);
    text-transform: var(--large-body-small-link-text-transform);
  }
}
@media (min-width: 768px) {
  .TransitionFooter-link {
    display: inline-block;
    font-weight: 500;
    text-decoration: underline;
  }
}
.TransitionScreen-container {
  background-color: transparent;
  box-shadow: none;
}
.TransitionScreen-wrapper {
  margin: var(--space-3) auto;
  width: 322px;
}
@media (min-width: 768px) {
  .TransitionScreen-wrapper {
    margin: var(--space-4) auto 0;
    padding: 0;
    width: 354px;
  }
}
.TransitionScreen-info {
  padding-bottom: var(--space-3);
}
.TransitionScreen-heading {
  margin-bottom: var(--space-3);
}
.TransitionScreen-cardHeading {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .TransitionScreen-cardHeading {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.TransitionScreen-listItemWithIcon {
  align-items: center;
  display: flex;
  padding-bottom: var(--space-3);
}
.TransitionScreen-listItemWithIcon .TransitionScreen-icon {
  color: var(--color-interactive-primary);
  height: var(--space-4);
  margin-bottom: 65px;
  width: var(--space-4);
}
@media (max-width: 767px) {
  .TransitionScreen-listItemWithIcon .TransitionScreen-icon {
    margin-bottom: 52px;
  }
}
.TransitionScreen-listItemWithIcon .TransitionScreen-listItemBody {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  padding: 10px;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TransitionScreen-listItemWithIcon .TransitionScreen-listItemBody {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TransitionScreen-listItemWithIcon .TransitionScreen-listItemSubheading {
  font-weight: 600;
}
.TransitionScreen-alignButton {
  padding: 13px 0 !important;
}
.TransitionScreen-continue {
  margin-bottom: var(--space-4);
  white-space: pre-wrap;
}
.TransitionScreen-img {
  margin-right: var(--space-base);
  top: -1px;
}
.TransitionScreen-img:hover {
  fill: var(--color-interactive-primary);
}
.LanguageConfirmationModal-actions {
  display: flex;
  justify-content: flex-end;
}
.LanguageConfirmationModal-cancel {
  margin-right: var(--space-4);
}
@media (min-width: 768px) {
  .ModalImageTitle-root {
    align-items: center;
    display: flex;
  }
  .ModalImageTitle-root .heading-sm {
    margin-bottom: 0;
  }
}
.ModalImageTitle-iconContainer {
  align-items: center;
  background-color: var(--color-status-highlight-tint);
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 0 auto var(--space-2);
  width: 80px;
}
@media (min-width: 768px) {
  .ModalImageTitle-iconContainer {
    height: 44px;
    margin: 0 var(--space-2) 0 0;
    width: 44px;
  }
}
.ModalImageTitle-iconContainer svg {
  fill: var(--color-interactive-primary);
  height: var(--space-3);
  width: var(--space-3);
}
.SessionExpiredModal-seconds {
  font-family: var(--small-heading-lg-font-family);
  font-size: var(--small-heading-lg-font-size);
  font-weight: var(--small-heading-lg-font-weight);
  letter-spacing: var(--small-heading-lg-letter-spacing);
  line-height: var(--small-heading-lg-line-height);
  margin-top: var(--space-2);
  text-align: center;
  -webkit-text-decoration: var(--small-heading-lg-text-decoration);
  text-decoration: var(--small-heading-lg-text-decoration);
  text-transform: var(--small-heading-lg-text-transform);
}
@media (min-width: 1025px) {
  .SessionExpiredModal-seconds {
    font-family: var(--large-heading-lg-font-family);
    font-size: var(--large-heading-lg-font-size);
    font-weight: var(--large-heading-lg-font-weight);
    letter-spacing: var(--large-heading-lg-letter-spacing);
    line-height: var(--large-heading-lg-line-height);
    -webkit-text-decoration: var(--large-heading-lg-text-decoration);
    text-decoration: var(--large-heading-lg-text-decoration);
    text-transform: var(--large-heading-lg-text-transform);
  }
}
.SessionExpiredModal-actions {
  display: flex;
  justify-content: flex-end;
}
.SessionExpiredModal-cancel {
  margin-right: var(--space-4);
}
.Sidebar-root {
  background-color: var(--color-neutral-background);
  display: none;
  height: calc(100vh - 56px);
  left: -100%;
  overflow-y: auto;
  padding: var(--space-2) 0;
  position: fixed;
  top: 56px;
  transition: left 0.2s ease-out;
  width: 100%;
  z-index: 600;
}
@media (min-width: 768px) {
  .Sidebar-root {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
    width: 280px;
  }
}
@media (min-width: 1025px) {
  .Sidebar-root {
    background-color: transparent;
    display: flex;
    flex-flow: column;
    flex-shrink: 0;
    height: calc(100vh - 72px);
    left: 0;
    min-height: auto;
    padding: 46px var(--space-2);
    top: 72px;
    width: 264px;
    z-index: inherit;
  }
}
.Sidebar-showing {
  box-shadow: var(--elevation-dropdownMenu);
  display: flex;
  left: 0;
}
@media (min-width: 1025px) {
  .Sidebar-showing {
    box-shadow: none;
  }
}
.ScaleConfirmationModal-info {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: 8px;
}
.Navigation-root ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--space-2);
}
@media (min-width: 1025px) {
  .Navigation-root ul {
    padding: 0;
  }
  .Navigation-root {
    flex: 1 1;
  }
  .Navigation-root .Navigation-subNav {
    display: none;
  }
}
.Navigation-root .Navigation-navItem {
  color: var(--color-neutral-on-surface-subdued);
  padding: var(--space-2);
}
.Navigation-root .Navigation-navItem.Navigation-navItemActive {
  border-left: var(--space-0\.5) solid var(--color-status-highlight-shade);
}
.Navigation-navItem {
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  text-align: left;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-decoration: none;
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .Navigation-navItem {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Navigation-navItem.Navigation-navItemActive,
.Navigation-navItem:hover {
  color: var(--color-status-highlight-shade);
}
.Navigation-navItem.Navigation-navItemActive svg,
.Navigation-navItem:hover svg {
  fill: var(--color-status-highlight-shade);
}
@media (min-width: 1025px) {
  .Navigation-navItem.Navigation-navItemNeutral {
    border-bottom: 1px solid var(--color-neutral-background-variant);
  }
}
@supports (contain: none) {
  .Navigation-navItem:focus.Navigation-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Navigation-navItem:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Navigation-navItem:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Navigation-navItem:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Navigation-navItem:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.Navigation-navItem .Navigation-navItemIcon {
  fill: var(--color-neutral-on-surface-subdued);
  height: var(--space-2);
  margin: -3px var(--space-1\.5) 0 0;
  transition: fill 0.3s ease;
  width: var(--space-2);
}
@media (min-width: 1025px) {
  .Navigation-isSubNav .Navigation-mainNav {
    display: none;
  }
  .Navigation-isSubNav .Navigation-subNav {
    display: block;
  }
}
.Navigation-backToDashboard {
  display: none;
}
@media (min-width: 1025px) {
  .Navigation-backToDashboard {
    display: block;
  }
}
.Navigation-hr {
  background-color: var(--color-neutral-background-variant);
  margin: var(--space-base) 0;
}
@media (min-width: 1025px) {
  .Navigation-hr {
    margin-right: 10px;
  }
}
.Navigation-description {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .Navigation-language {
    max-width: 320px;
  }
}
.ControlBubble-root {
  background-color: var(--color-neutral-background);
  border: none;
  border-radius: 50%;
  box-shadow: var(--elevation-dropdownMenu);
  display: block;
  height: 44px;
  position: relative;
  width: 44px;
}
.ControlBubble-root svg {
  fill: var(--color-neutral-on-background-subdued);
  height: var(--space-2);
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--space-2);
}
.ControlBubble-root:hover {
  border: 1px solid var(--color-status-highlight-tint);
}
.ControlBubble-root:hover svg {
  fill: var(--color-status-highlight-shade);
}
.ControlBubble-root:active {
  background-color: var(--color-status-highlight-shade);
}
.ControlBubble-root:active svg {
  fill: var(--color-neutral-background);
}
.Logo-root {
  cursor: pointer;
}
@supports (contain: none) {
  .Logo-root img:focus.Logo-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Logo-root img:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Logo-root img:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Logo-root img:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Logo-root img:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.ApiError-root {
  display: flex;
}
.ApiError-root h2 {
  margin-bottom: var(--space-base);
}
.ApiError-icon {
  fill: var(--color-status-critical);
  flex-shrink: 0;
  height: 24px;
  margin-right: var(--space-2);
  width: 24px;
}
@media (min-width: 1025px) {
  .ApiError-icon {
    margin-right: var(--space-3);
  }
}
.ApiError-content {
  max-width: 630px;
}
html.Chat-open {
  height: 100%;
  overflow: hidden;
}
html.Chat-open.Safari {
  overflow: auto;
}
@media (min-width: 480px) {
  html.Chat-open.Safari {
    overflow: hidden;
  }
}
html.Chat-open body {
  overflow: hidden;
  position: fixed;
}
@media (min-width: 768px) {
  html.Chat-open body {
    position: static;
  }
}
.Chat-root {
  position: fixed;
  z-index: 800;
}
.Chat-root,
.Chat-shim {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.Chat-shim {
  background-color: rgba(var(--color-neutral-on-background), 0.5);
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease;
}
.Chat-showing .Chat-shim {
  opacity: 1;
}
.Chat-container {
  background-color: var(--color-neutral-background-variant);
  box-shadow: var(--elevation-card);
  height: 100%;
  position: relative;
  transform: translateX(100vw);
  transition: transform 0.25s ease;
  width: 100%;
}
.Chat-showing .Chat-container {
  transform: translateX(0);
}
@media (min-width: 768px) {
  .Chat-container {
    width: 696px;
  }
  .Chat-showing .Chat-container {
    transform: translateX(100vw) translateX(-696px);
  }
}
.Chat-header {
  align-items: center;
  background-color: var(--color-neutral-background);
  border-bottom: 1px solid var(--color-neutral-stroke);
  display: flex;
  height: 70px;
  padding: 0 var(--space-3);
  width: 100%;
}
@media (min-width: 480px) {
  .Chat-header {
    height: 80px;
    padding: 0 var(--space-4);
  }
}
.Chat-heading {
  flex-grow: 1;
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  margin: 0;
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .Chat-heading {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.Chat-back,
.Chat-close {
  height: var(--space-2);
  line-height: 1;
  width: var(--space-2);
}
.Chat-back svg,
.Chat-close svg {
  fill: var(--color-neutral-on-surface-placeholder);
  margin: 0;
  vertical-align: baseline;
  vertical-align: initial;
}
.Chat-back {
  margin-right: var(--space-3);
}
@media (min-width: 480px) {
  .Chat-back {
    margin-right: var(--space-4);
  }
}
.Chat-content {
  height: calc(100% - 70px);
}
@media (min-width: 480px) {
  .Chat-content {
    height: calc(100% - 80px);
  }
}
.ChatCard-root {
  background-color: var(--color-neutral-background);
  display: flex;
  flex-shrink: 0;
  padding: var(--space-3);
}
@media (min-width: 480px) {
  .ChatCard-root {
    border-radius: 8px;
    padding: var(--space-4);
  }
}
.ChatCard-iconContainer {
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
}
.ChatCard-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ChatCard-content {
  flex: 1 1;
  overflow: hidden;
}
.ChatCard-content .heading-xs {
  margin-bottom: var(--space-base);
}
.ChatCard-channel {
  border: 1px solid var(--color-neutral-background);
  box-shadow: var(--elevation-dropdownMenu);
  cursor: pointer;
  margin-bottom: var(--space-3);
}
.ChatCard-channel:focus,
.ChatCard-channel:hover {
  border: 1px solid var(--color-interactive-primary);
  outline: none;
}
.ChatCard-channel:last-of-type {
  margin-bottom: 0;
}
.ChatCard-channel .heading-xs {
  color: var(--color-status-highlight-shade);
}
.ChatCard-channel .ChatCard-iconContainer {
  background-color: var(--color-status-highlight-tint);
  height: 72px;
  margin-right: var(--space-2);
  width: 72px;
}
.ChatCard-channel .ChatCard-iconContainer svg {
  fill: var(--color-interactive-primary);
  height: 36px;
  width: 36px;
}
@media (min-width: 480px) {
  .ChatCard-channel {
    margin-bottom: var(--space-4);
  }
}
.ChatCard-arrow {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
  align-self: center;
  flex-shrink: 0;
  height: var(--space-2);
  margin-left: var(--space-2);
  width: var(--space-2);
}
.ChatCard-lastMessageMeta {
  align-items: center;
  display: flex;
  margin-bottom: var(--space-base);
}
.ChatCard-nameContainer {
  min-width: 0;
}
.ChatCard-nameContainer p {
  font-weight: var(--small-body-medium-font-weight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ChatCard-date {
  color: var(--color-neutral-on-surface-placeholder);
  flex-shrink: 0;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-left: var(--space-2);
  margin-right: auto;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChatCard-date {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChatCard-lastMessage {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChatCard-lastMessage {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChatCard-unread {
  background-color: var(--color-status-critical);
  border-radius: var(--space-1\.5);
  color: var(--color-neutral-background);
  font-weight: var(--small-body-medium-font-weight);
  height: var(--space-3);
  margin-left: var(--space-2);
  padding: 0 11px;
}
.ChatCard-message,
.ChatCard-status {
  border: 1px solid var(--color-neutral-stroke);
  margin-top: var(--space-3);
}
@media (min-width: 480px) {
  .ChatCard-message,
  .ChatCard-status {
    margin-top: var(--space-4);
  }
}
.ChatCard-firstInteraction h2 {
  margin-bottom: var(--space-base);
}
.ChatCard-firstInteraction p {
  margin-bottom: var(--space-2);
}
.ChatCard-firstInteraction p:last-child {
  margin-bottom: 0;
}
.ChatCard-message {
  display: block;
}
.ChatCard-messageMember .ChatCard-profileContainer {
  background-color: var(--color-secondary-tint);
}
.ChatCard-messageMember .ChatCard-profileInitials {
  color: var(--color-secondary-shade);
}
.ChatCard-messageCoach .ChatCard-profileContainer {
  background-color: var(--palette-highlight-050);
}
.ChatCard-messageCoach .ChatCard-profileInitials {
  color: var(--color-highlight);
}
.ChatCard-messageInfo {
  display: flex;
}
.ChatCard-profileContainer,
.ChatCard-profileImage {
  border-radius: 50%;
  flex-shrink: 0;
  height: 56px;
  margin-right: var(--space-2);
  position: relative;
  width: 56px;
}
.ChatCard-profileContainer img,
.ChatCard-profileImage img {
  border-radius: 50%;
}
.ChatCard-profileInitials {
  font-weight: var(--small-body-medium-font-weight);
  left: 50%;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ChatCard-messageMeta p {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.ChatCard-messageMeta span {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChatCard-messageMeta span {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChatCard-messageContent {
  word-wrap: break-word;
  color: var(--color-neutral-on-surface-placeholder);
  line-height: var(--small-body-default-line-height);
  margin-top: var(--space-2);
  white-space: pre-wrap;
}
.ChatCard-messageContent p {
  margin-bottom: var(--space-base);
}
.ChatCard-messageExpand {
  display: block;
  margin-top: var(--space-3);
}
.ChatCard-status h2 {
  margin-bottom: var(--space-base);
}
.ChatCard-status p {
  color: var(--color-neutral-on-surface-placeholder);
  margin-bottom: var(--space-2);
}
.ChatCard-status .ChatCard-iconContainer {
  background-color: var(--color-status-highlight-shade);
  height: 56px;
  margin-right: var(--space-2);
  width: 56px;
}
.ChatCard-status .ChatCard-iconContainer svg {
  fill: var(--color-neutral-background);
  height: var(--space-3);
  width: var(--space-3);
}
@media (min-width: 480px) {
  .ChatCard-status .ChatCard-iconContainer {
    margin-right: var(--space-4);
  }
}
.ChatCard-statusUnavailable .ChatCard-iconContainer {
  background-color: var(--palette-warning-700);
  transform: rotate(90deg);
}
.ChatCard-statusUnavailable .ChatCard-iconContainer svg {
  height: 35px;
  width: 35px;
}
.ChatCard-statusConfirm {
  display: block;
  margin-bottom: var(--space-3);
}
.ChatCard-memberError {
  border: 1px solid var(--color-neutral-stroke);
  display: block;
  margin-top: var(--space-3);
  padding: var(--space-3);
  text-align: center;
}
.ChatCard-memberError h2,
.ChatCard-memberError p {
  margin-bottom: var(--space-2);
}
.ChatCard-memberError .ChatCard-iconContainer {
  background-color: var(--color-status-highlight-tint);
  height: 72px;
  margin: 0 auto var(--space-3);
  width: 72px;
}
.ChatCard-memberError .ChatCard-iconContainer svg {
  fill: var(--color-neutral-background);
  height: 42px;
  width: 42px;
}
@media (min-width: 480px) {
  .ChatCard-memberError {
    margin: var(--space-4);
    padding: 48px;
  }
}
.Channels-root {
  height: 100%;
  overflow-y: auto;
  padding: var(--space-3) 0;
}
@media (min-width: 480px) {
  .Channels-root {
    padding: var(--space-4);
  }
}
.MessageEntry-root {
  background-color: var(--color-neutral-background);
  border-top: 1px solid var(--color-neutral-stroke);
  flex-shrink: 0;
  padding: var(--space-3);
}
@media (min-width: 480px) {
  .MessageEntry-root {
    padding: var(--space-4);
  }
}
.MessageEntry-input {
  margin-bottom: var(--space-1\.5);
}
.MessageEntry-inputItem {
  max-height: 200px;
  min-height: 46px;
  resize: vertical;
}
@media (orientation: landscape) {
  .MessageEntry-inputItem {
    max-height: 66px;
  }
}
.MessageEntry-actions {
  display: flex;
  justify-content: flex-end;
}
.Messages-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.Messages-container {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  overflow-y: auto;
}
.Messages-content {
  display: flex;
  flex: 1 1;
  flex-direction: column-reverse;
  overflow: auto;
  padding: var(--space-3) 0;
}
@media (min-width: 480px) {
  .Messages-content {
    overflow: auto;
    padding: var(--space-4);
  }
}
.Messages-messageSpacer {
  flex-shrink: 0;
  height: 1px;
}
.Messages-dateHeader {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin: var(--space-3) var(--space-3) 0;
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .Messages-dateHeader {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.Messages-dateHeader:last-of-type {
  margin-top: 0;
}
@media (min-width: 480px) {
  .Messages-dateHeader {
    margin: var(--space-4) 0 0;
  }
}
.Messages-unreadMarker {
  color: var(--color-status-critical);
  margin-top: var(--space-3);
  position: relative;
  text-align: center;
}
.Messages-unreadMarker:before {
  border-top: 1px solid var(--color-status-critical);
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.Messages-unreadMarker span {
  background-color: var(--color-neutral-background);
  border-radius: 18px;
  box-shadow: var(--elevation-dropdownMenu);
  display: inline-block;
  padding: var(--space-base) var(--space-1\.5);
  position: relative;
}
@media (min-width: 480px) {
  .Messages-unreadMarker {
    margin-top: var(--space-4);
  }
}
.Hamburger-root {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  margin: 0;
  overflow: visible;
  padding: 18px var(--space-2);
  text-transform: none;
}
@supports (contain: none) {
  .Hamburger-root:focus.Hamburger-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Hamburger-root:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Hamburger-root:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Hamburger-root:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Hamburger-root:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.Hamburger-root.Hamburger-isOneAppActive {
  left: 0;
  position: absolute;
  top: 4px;
}
@media (min-width: 1025px) {
  .Hamburger-root {
    display: none;
  }
}
.Hamburger-root .Hamburger-menuIcon {
  height: var(--space-2);
  width: var(--space-2);
}
.Hamburger-root.Hamburger-menuIconBorder {
  border: 1px solid var(--color-neutral-background);
  border-radius: var(--radius-avatar);
  box-shadow: 0 1px var(--space-0\.5) 1px rgba(0, 0, 0, 0.08);
  margin: 10px;
}
.Hamburger-root .Hamburger-leftArrowIcon {
  color: var(--color-status-highlight-shade);
}
.HelpDropdown-root {
  list-style: none;
  margin: 0;
}
.HelpDropdown-navItem {
  color: var(--color-neutral-on-surface-subdued);
  cursor: pointer;
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  padding: var(--space-2);
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-decoration: none;
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .HelpDropdown-navItem {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.HelpDropdown-navItem.HelpDropdown-navItemActive,
.HelpDropdown-navItem:hover {
  color: var(--color-secondary);
}
.HelpDropdown-navItem.HelpDropdown-navItemActive .HelpDropdown-navItemIcon,
.HelpDropdown-navItem:hover .HelpDropdown-navItemIcon {
  fill: var(--color-secondary);
}
@supports (contain: none) {
  .HelpDropdown-navItem:focus.HelpDropdown-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .HelpDropdown-navItem:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .HelpDropdown-navItem:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .HelpDropdown-navItem:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .HelpDropdown-navItem:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.HelpDropdown-navItemReadOnly {
  cursor: default;
}
.HelpDropdown-navItemReadOnly:hover {
  color: var(--color-neutral-on-surface-subdued);
  text-decoration: none;
}
.HelpDropdown-navItemIcon,
.HelpDropdown-navItemReadOnly:hover .HelpDropdown-navItemIcon {
  fill: var(--color-neutral-on-surface-subdued);
}
.HelpDropdown-navItemIcon {
  height: var(--space-2);
  margin: -3px var(--space-2) 0 0;
  transition: fill 0.3s ease;
  width: var(--space-2);
}
.TourTooltip-root {
  background-color: var(--color-neutral-background);
  padding: var(--space-2);
  position: relative;
  width: 320px;
}
.TourTooltip-close {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  height: var(--space-2);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  line-height: 1;
  position: absolute;
  right: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
  top: var(--space-2);
  width: var(--space-2);
}
@media (min-width: 1025px) {
  .TourTooltip-close {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TourTooltip-close svg {
  fill: var(--color-neutral-on-surface-placeholder);
  margin: 0;
}
.TourTooltip-title {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  margin-bottom: var(--space-base);
  max-width: calc(100% - var(--space-2) - 5px);
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .TourTooltip-title {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.TourTooltip-image {
  margin-bottom: var(--space-base);
}
.TourTooltip-description {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TourTooltip-description {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TourTooltip-footer {
  align-items: center;
  display: flex;
}
.TourTooltip-steps {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TourTooltip-steps {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TourTooltip-actions {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.TourTooltip-back {
  margin-right: var(--space-2);
}
.react-joyride {
  position: absolute;
}
.react-joyride__tooltip {
  padding: var(--space-2);
}
@keyframes HeaderPrivate-showNotifier {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  75% {
    opacity: 1;
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
.HeaderPrivate-root {
  align-items: center;
  background-color: var(--color-neutral-background);
  box-shadow: -1px 1px 2px rgba(var(--color-neutral-on-background), 0.16);
  display: flex;
  height: 56px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 600;
}
@media (min-width: 1025px) {
  .HeaderPrivate-root {
    height: 72px;
  }
}
.HeaderPrivate-logoContainer {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 9px;
  width: 100%;
}
@media (min-width: 1025px) {
  .HeaderPrivate-logoContainer {
    justify-content: flex-start;
    padding-left: var(--space-4);
    width: 264px;
  }
}
.HeaderPrivate-logo {
  cursor: pointer;
  height: 36px;
  width: 146px;
}
@supports (contain: none) {
  .HeaderPrivate-logo img:focus.HeaderPrivate-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .HeaderPrivate-logo img:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .HeaderPrivate-logo img:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .HeaderPrivate-logo img:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .HeaderPrivate-logo img:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@media (min-width: 1025px) {
  .HeaderPrivate-logo {
    height: 29px;
    width: 118px;
  }
  .HeaderPrivate-controlsContainer {
    flex: 1 1;
    height: 100%;
    max-width: calc(100vw - 264px);
  }
}
.HeaderPrivate-controls {
  display: flex;
  height: 100%;
  padding-right: var(--space-2);
  position: relative;
}
@media (min-width: 1025px) {
  .HeaderPrivate-controls {
    justify-content: flex-end;
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  .HeaderPrivate-controls {
    padding-right: calc(100vw - 1280px);
  }
}
.HeaderPrivate-chat {
  padding: 0;
}
.HeaderPrivate-chat:hover .HeaderPrivate-controlsCopy {
  color: var(--color-status-highlight-shade);
}
.HeaderPrivate-chat .HeaderPrivate-memberToggle {
  fill: var(--color-neutral-on-surface-subdued);
  margin-left: 10px;
  transition: fill 0.25s ease;
  width: 14px;
}
@media (min-width: 1025px) {
  .HeaderPrivate-chat {
    align-items: center;
    display: flex;
    margin-right: 20px;
  }
}
.HeaderPrivate-icon {
  fill: var(--color-neutral-on-background-subdued);
  height: 14px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}
.HeaderPrivate-notifier {
  animation: HeaderPrivate-showNotifier 0.3s;
  background-color: var(--color-status-critical);
  border: 2px solid var(--color-neutral-background);
  border-radius: 50%;
  display: block;
  height: 14px;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 14px;
}
@media (min-width: 1025px) {
  .HeaderPrivate-notifier {
    border-color: var(--color-neutral-background-variant);
    height: var(--space-2);
    right: -4px;
    top: -4px;
    width: var(--space-2);
  }
}
.HeaderPrivate-controlsCopy {
  color: var(--color-neutral-on-surface-subdued);
  display: none;
  font-weight: var(--small-body-default-font-weight);
  margin-left: 14px;
  transition: color 0.25s ease;
}
@media (min-width: 1025px) {
  .HeaderPrivate-controlsCopy {
    display: block;
  }
}
.HeaderPrivate-help,
.HeaderPrivate-member {
  display: none;
  height: 100%;
}
.HeaderPrivate-help .HeaderPrivate-memberToggle,
.HeaderPrivate-member .HeaderPrivate-memberToggle {
  fill: var(--color-neutral-on-surface-subdued);
  margin-left: 10px;
  transition: fill 0.25s ease;
  width: 14px;
}
@media (min-width: 1025px) {
  .HeaderPrivate-help,
  .HeaderPrivate-member {
    align-items: center;
    display: flex;
  }
}
.HeaderPrivate-help {
  margin-right: 20px;
}
.HeaderPrivate-helpDropdown,
.HeaderPrivate-memberDropdown {
  background-color: var(--color-neutral-background);
  border-radius: var(--space-base);
  box-shadow: var(--elevation-dropdownMenu);
  padding: 0;
  position: absolute;
  right: -16px;
  width: 264px;
  z-index: 600;
}
.HeaderPrivate-dropdownItem.HeaderPrivate-dropdownActiveItem {
  border-bottom: none;
}
.MainOnboarding-highlight {
  font-weight: var(--small-body-medium-font-weight);
}
.MainOnboarding-image {
  align-items: center;
  background-color: var(--color-neutral-background-variant);
  border: 1px solid var(--color-neutral-stroke);
  display: flex;
  flex-direction: column;
  height: 270px;
  margin: var(--space-3) auto 0;
  padding-top: var(--space-3);
  width: 360px;
}
.MainOnboarding-controlsContainer {
  align-items: center;
  display: flex;
  margin-bottom: var(--space-base);
}
.MainOnboarding-controlsBubble {
  border-radius: 50%;
  box-shadow: var(--elevation-dropdownMenu);
  height: 36px;
  position: relative;
  width: 36px;
}
@supports (contain: none) {
  .MainOnboarding-controlsBubble.MainOnboarding-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .MainOnboarding-controlsBubble:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .MainOnboarding-controlsBubble[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .MainOnboarding-controlsBubble:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .MainOnboarding-controlsBubble:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.MainOnboarding-controlsBubble .MainOnboarding-icon {
  fill: var(--color-status-highlight-shade);
  height: var(--space-2);
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--space-2);
}
.MainOnboarding-controlsCopy {
  color: var(--color-status-highlight-shade);
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  margin-left: var(--space-base);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .MainOnboarding-controlsCopy {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.MainOnboarding-dropdownContainer {
  background-color: var(--color-neutral-background);
  border-radius: var(--space-base);
  box-shadow: var(--elevation-dropdownMenu);
  padding: var(--space-0\.5) var(--space-4) var(--space-0\.5) 0;
}
.MainOnboarding-dropdown {
  margin: 0;
}
.KidneyDiseaseOnboarding-modal {
  text-align: center;
}
.KidneyDiseaseOnboarding-image {
  height: 160px;
  margin-bottom: var(--space-2);
  width: 200px;
}
@media (min-width: 480px) {
  .KidneyDiseaseOnboarding-image {
    height: 224px;
    width: 280px;
  }
}
.KidneyDiseaseOnboarding-description {
  margin-bottom: var(--space-3);
}
.KidneyDiseaseOnboarding-imageContainer {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.HeartFailureOnboarding-modal {
  text-align: center;
}
.HeartFailureOnboarding-imageContainer {
  margin-bottom: var(--space-2);
}
.HeartFailureOnboarding-image {
  height: 210px;
  width: 280px;
}
@media (min-width: 768px) {
  .HeartFailureOnboarding-image {
    height: 270px;
    width: 360px;
  }
}
.HeartFailureOnboarding-description {
  margin-bottom: var(--space-3);
}
.FoodLogIntroModal-description {
  margin-bottom: 24px;
}
.FoodLogIntroModal-imageContainer {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.FoodLogIntroModal-imageBackground {
  border: 1px solid var(--color-neutral-stroke);
}
.FoodLogIntroModal-button {
  position: absolute;
  top: var(--space-4);
}
.Footer-root {
  bottom: 0;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  left: 0;
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  position: absolute;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
  width: 100%;
}
@media (min-width: 1025px) {
  .Footer-root {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Footer-container {
  display: flex;
  flex-direction: column;
  padding: 24px;
  text-align: center;
  width: 100%;
}
.Footer-container.Footer-withTimestamp {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .Footer-container {
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3);
  }
}
@media (min-width: 1025px) {
  .Footer-container {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .Footer-container,
  .Footer-privateContainer {
    padding-right: calc(100vw - 1280px);
  }
}
.Footer-links {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  margin-bottom: var(--space-1\.5);
}
@media (min-width: 768px) {
  .Footer-links {
    display: inline-block;
  }
}
@media (min-width: 1025px) {
  .Footer-links {
    margin-bottom: 0;
  }
}
.Footer-company {
  margin-bottom: 0;
}
.Footer-link {
  line-height: 150%;
  margin-top: var(--space-0\.5);
}
.Footer-link:first-of-type {
  margin-top: 0;
}
@media (min-width: 768px) {
  .Footer-link {
    margin-right: var(--space-2);
    margin-top: 0;
  }
  .Footer-link:first-of-type {
    margin-top: 0;
  }
}
.Footer-timestamp {
  color: var(--color-neutral-on-surface-placeholder);
  padding: var(--space-2) var(--space-3) var(--space-3);
  text-align: center;
  width: 100%;
}
@media (min-width: 1025px) {
  .Footer-timestamp {
    text-align: left;
  }
}
@keyframes App-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes App-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.App-root {
  background: linear-gradient(
    to right,
    var(--color-neutral-background) 35%,
    var(--palette-white) 90%
  );
  min-height: 100vh;
  position: relative;
}
@media (min-width: 1025px) {
  .App-root {
    background-color: transparent;
  }
}
.App-skipNavigation {
  display: none;
  left: 50%;
  position: fixed;
  top: 0;
  transform: translate(-50%, -100%);
  transition: transform 0.2s ease;
  z-index: 900;
}
.App-skipNavigation:focus {
  transform: translate(-50%, 24px);
}
@media (min-width: 1025px) {
  .App-skipNavigation {
    display: block;
  }
}
.App-sidebarShim {
  animation: App-fadeIn 0.25s;
  background-color: rgba(var(--color-neutral-on-background), 0.5);
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}
@media (min-width: 768px) {
  .App-sidebarShim {
    display: block;
  }
}
@media (min-width: 1025px) {
  .App-sidebarShim {
    display: none;
  }
}
.App-contentContainer {
  padding-bottom: 224px;
  position: relative;
  width: 100%;
}
.App-contentContainer.App-withTimestamp {
  padding-bottom: 262px;
}
@media (min-width: 768px) {
  .App-contentContainer {
    padding-bottom: 132px;
  }
  .App-contentContainer.App-withTimestamp {
    padding-bottom: 146px;
  }
}
@media (min-width: 1025px) {
  .App-contentContainer {
    margin-left: 264px;
    width: calc(100vw - 264px);
  }
  .App-contentContainer:before {
    background-color: var(--color-neutral-background);
    border-radius: 0 0 0 40px;
    content: "";
    height: 260px;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100vw - 264px);
    z-index: -100;
  }
}
.App-content {
  margin-top: 56px;
  padding-top: var(--space-2);
}
@media (min-width: 768px) {
  .App-content {
    margin: 56px auto 0;
    padding-top: 38px;
    width: 688px;
  }
}
@media (min-width: 1025px) {
  .App-content {
    margin-top: 72px;
    min-height: 80vh;
    padding-top: 36px;
  }
}
@media (min-width: 1280px) {
  .App-content {
    margin-left: 3%;
    width: 960px;
  }
}
.App-skipToContentActivated {
  border: 1px solid transparent;
  outline: none;
}
.App-skipToContentActivated:focus {
  border: 1px dashed var(--color-neutral-on-surface-states-on-surface-disabled);
}
.HeaderPublic-root {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 18px 24px 24px;
}
.HeaderPublic-logo {
  height: 27px;
  width: 110px;
}
@media (min-width: 768px) {
  .HeaderPublic-logo {
    height: 36px;
    width: 146px;
  }
}
.HeaderPublic-logoMobile {
  margin: auto;
}
.HeaderPublic-select {
  margin-bottom: 0;
}
.HeaderPublic-selectItem {
  background-color: transparent;
  border: none;
  opacity: 0;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .HeaderPublic-selectItem {
    opacity: 1;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.RoutePublic-root {
  background-color: var(--color-neutral-background-variant);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 168px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .RoutePublic-root {
    padding-bottom: 132px;
  }
}
@media (min-width: 1025px) {
  .RoutePublic-root {
    padding-bottom: 82px;
  }
}
.RoutePublic-card {
  align-self: center;
  flex-grow: 0;
  margin: 0 4px;
  max-width: 480px;
  width: 100%;
}
.RoutePublic-cardMidSize {
  max-width: 960px;
}
.RoutePublic-noBackgroundColor {
  background-color: transparent;
}
.RoutePublic-noBoxShadow {
  border-radius: 0;
  border-top: 1px solid var(--color-neutral-stroke);
  box-shadow: none;
}

/* Common Files */

.ImageTitle-root {
  border-bottom: 1px solid var(--color-neutral-stroke);
  margin: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
}
@keyframes ImageTitle-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ImageTitle-root .ImageTitle-image {
  animation: ImageTitle-fadein 2s ease;
  height: 100%;
  margin-bottom: var(--space-4);
  opacity: 1;
  width: 100%;
}
.ImageTitle-root .ImageTitle-titleFrame {
  min-height: 32px;
}
.ImageTitle-root h1 {
  animation: ImageTitle-fadein 2s ease;
  color: var(--color-neutral-on-surface);
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin: 0;
  opacity: 1;
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .ImageTitle-root h1 {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.FlowModal-contentContainer {
  padding: 0;
}
.FlowModal-contentContainer .FlowModal-loader {
  height: 222px;
}
@media (min-width: 480px) {
  .FlowModal-contentContainer .FlowModal-loader {
    height: 172px;
  }
}
.FlowModal-contentContainer .FlowModal-mainTextArea {
  animation: FlowModal-fadein 2s ease;
  height: 300px;
  opacity: 1;
  overflow-y: scroll;
  padding: var(--space-2) var(--space-4);
}
@media (min-width: 480px) {
  .FlowModal-contentContainer .FlowModal-mainTextArea {
    height: 200px;
  }
}
.FlowModal-contentContainer .FlowModal-actionFrame {
  min-height: 105px;
}
.FlowModal-contentContainer .FlowModal-actionTargetModal {
  border-top: 1px solid var(--color-neutral-stroke);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
}
.FlowModal-contentContainer .FlowModal-actionTargetModal button {
  display: block;
}
@media (min-width: 480px) {
  .FlowModal-contentContainer .FlowModal-actionTargetModal {
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.FlowModal-contentContainer .FlowModal-actionPanel {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 480px) {
  .FlowModal-contentContainer .FlowModal-actionPanel {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
@keyframes FlowModal-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Descriptions-root {
  width: 100%;
}
.Descriptions-root .Descriptions-itemIcon {
  fill: var(--color-interactive-secondary);
  display: inline-block;
  margin-right: var(--space-base);
  padding-bottom: var(--space-0\.5);
  transition: fill 0.3s ease;
  width: var(--space-2);
}
.Descriptions-root .Descriptions-exploreLink {
  margin-bottom: var(--space-2);
}
.Descriptions-root .Descriptions-exploreLink a {
  text-decoration: none;
}
.Descriptions-root .Descriptions-exploreText {
  margin: var(--space-2) 0 var(--space-2) 0;
}
.Descriptions-root .Descriptions-textBlock {
  margin-bottom: var(--space-3);
}
.Descriptions-root .Descriptions-listBlock {
  margin-bottom: var(--space-3);
  margin-left: var(--space-1\.5);
  text-align: left;
}
.Descriptions-root .Descriptions-listBlock li {
  list-style: outside;
  padding: 1px;
}
@media (min-width: 480px) {
  .Descriptions-root .Descriptions-listBlock {
    text-align: inherit;
  }
}
.Toggle-module-root {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.Toggle-module-root .Toggle-module-control {
  position: relative;
}
.Toggle-module-root .Toggle-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Toggle-module-root .Toggle-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Toggle-module-root.Toggle-module-withHelpNode .Toggle-module-label {
  margin-bottom: 0;
}
.Toggle-module-root.Toggle-module-isLoading .Toggle-module-item {
  padding-right: 36px;
}
.Toggle-module-root.Toggle-module-disabled .Toggle-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Toggle-module-root.Toggle-module-containsError .Toggle-module-label {
  color: var(--color-status-critical);
}
.Toggle-module-root.Toggle-module-containsError .Toggle-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.Toggle-module-root.Toggle-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.Toggle-module-root.Toggle-module-containsWarning .Toggle-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.Toggle-module-root .Toggle-module-helpNode {
  margin-bottom: 0;
}
@supports (contain: none) {
  .Toggle-module-root.Toggle-module-focus-visible {
    border-radius: 4px;
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    outline: #fff;
    padding: var(--space-base);
  }
  .Toggle-module-root:focus-visible {
    border-radius: 4px;
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    outline: #fff;
    padding: var(--space-base);
  }
}
@supports (contain: none) {
  .Toggle-module-root[focus-within] {
    border-radius: 4px;
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    outline: #fff;
    padding: var(--space-base);
  }
  .Toggle-module-root:focus-within {
    border-radius: 4px;
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    outline: #fff;
    padding: var(--space-base);
  }
}
@supports not (contain: none) {
  .Toggle-module-root:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 4px #fff, var(--elevation-focusTertiaryButton);
    outline: #fff;
    padding: var(--space-base);
  }
}
.Toggle-module-root:hover input ~ .Toggle-module-track:after {
  background-color: var(--color-interactive-secondary);
  border: 1px solid var(--color-interactive-secondary);
}
.Toggle-module-root:hover .Toggle-module-hover-state {
  color: var(--color-interactive-secondary);
}
.Toggle-module-label {
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  margin: 0;
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Toggle-module-label {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.Toggle-module-input {
  align-items: center;
  display: flex;
}
.Toggle-module-on-off-label {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Toggle-module-on-off-label {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.Toggle-module-control {
  flex-shrink: 0;
  height: 32px;
  margin-right: var(--space-base);
  width: 60px;
}
.Toggle-module-info {
  margin-bottom: var(--space-base);
  margin-right: var(--space-1\.5);
}
.Toggle-module-item {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.Toggle-module-item:not(:disabled):hover ~ .Toggle-module-track {
  border: 1px solid var(--color-interactive-secondary);
}
.Toggle-module-item:not(:disabled):hover ~ .Toggle-module-track:after {
  background-color: var(--color-interactive-secondary);
}
.Toggle-module-item:not(:disabled):active ~ .Toggle-module-track {
  border: 1px solid var(--color-interactive-secondary-shade);
}
.Toggle-module-item:not(:disabled):active ~ .Toggle-module-track:after {
  background-color: var(--color-interactive-secondary-shade);
}
.Toggle-module-item:not(:disabled):checked ~ .Toggle-module-track {
  background-color: var(--color-status-success);
  border: 2px solid var(--color-status-success);
}
.Toggle-module-item:not(:disabled):checked ~ .Toggle-module-track:after {
  background-color: var(--color-status-on-success);
  transform: translate(28px, -50%);
}
.Toggle-module-item:not(:disabled):checked:active ~ .Toggle-module-track,
.Toggle-module-item:not(:disabled):checked:hover ~ .Toggle-module-track {
  background-color: var(--color-status-success-shade);
  border: 1px solid var(--color-status-success-shade);
}
.Toggle-module-item:not(:disabled):checked:active ~ .Toggle-module-track:after,
.Toggle-module-item:not(:disabled):checked:hover ~ .Toggle-module-track:after {
  background-color: var(--color-status-on-success-shade);
}
.Toggle-module-item:disabled {
  cursor: not-allowed;
}
.Toggle-module-item:disabled ~ .Toggle-module-track {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-stroke-form-border);
}
.Toggle-module-item:disabled ~ .Toggle-module-track:after {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Toggle-module-track {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: 16px;
  height: 100%;
  pointer-events: none;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.Toggle-module-track:after {
  background-color: var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-toggle);
  content: "";
  height: 24px;
  left: var(--space-0\.5);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  width: 24px;
  z-index: 200;
}
.Privacy-root {
  margin: 0 auto;
  max-width: 960px;
}
.Privacy-hr {
  background-color: var(--color-neutral-stroke);
  margin: var(--space-3) 0;
}
@media (min-width: 1025px) {
  .Privacy-hr {
    margin-right: 10px;
  }
}
.Privacy-card {
  margin: 32px 0 0;
}
.Privacy-contentNextParagraph {
  padding-bottom: var(--space-2);
}
.Privacy-info {
  margin-bottom: var(--space-3) !important;
}
.OrderCompleted-root {
  margin: 40px var(--space-4);
}
.OrderCompleted-mobile {
  margin: 0;
  padding: 0;
}
.OrderCompleted-cardHeading {
  font-family: var(--small-heading-xl-font-family);
  font-size: var(--small-heading-xl-font-size);
  font-weight: var(--small-heading-xl-font-weight);
  justify-content: center;
  letter-spacing: var(--small-heading-xl-letter-spacing);
  line-height: var(--small-heading-xl-line-height);
  margin-bottom: var(--space-3);
  text-align: center;
  -webkit-text-decoration: var(--small-heading-xl-text-decoration);
  text-decoration: var(--small-heading-xl-text-decoration);
  text-transform: var(--small-heading-xl-text-transform);
}
@media (min-width: 1025px) {
  .OrderCompleted-cardHeading {
    font-family: var(--large-heading-xl-font-family);
    font-size: var(--large-heading-xl-font-size);
    font-weight: var(--large-heading-xl-font-weight);
    letter-spacing: var(--large-heading-xl-letter-spacing);
    line-height: var(--large-heading-xl-line-height);
    -webkit-text-decoration: var(--large-heading-xl-text-decoration);
    text-decoration: var(--large-heading-xl-text-decoration);
    text-transform: var(--large-heading-xl-text-transform);
  }
}
.OrderCompleted-confirmBody {
  min-width: 960px;
}
.OrderCompleted-signupBox {
  background-color: var(--color-neutral-background-variant);
  border-radius: var(--space-2);
  justify-content: center;
  padding: var(--space-4) 62px;
  text-align: center;
}
.OrderCompleted-signupBoxMobile {
  padding: var(--space-3);
  text-align: left;
}
.OrderCompleted-homeButton {
  border-radius: var(--space-3);
  display: inline;
  display: initial;
  height: 48px;
  margin-top: var(--space-4);
  padding: 14px var(--space-4);
  text-align: center;
  width: 302px;
}
.OrderCompleted-homeButtonMobile {
  width: 360px;
}
.OrderCompleted-main {
  display: flex;
  margin-bottom: 48px;
  margin-top: var(--space-4);
  min-width: 200px;
}
.OrderCompleted-main .OrderCompleted-img {
  height: 272px;
  margin-left: var(--space-8);
  width: 338px;
}
.OrderCompleted-main .OrderCompleted-orderInfo {
  margin-top: 59px;
}
.OrderCompleted-main .OrderCompleted-orderInfo .OrderCompleted-statusTitle {
  font-weight: var(--large-heading-xl-font-weight);
  margin-bottom: 30px;
}
.OrderCompleted-main .OrderCompleted-orderInfo .OrderCompleted-shippingInfo {
  color: var(--color-base-600);
  font-weight: var(--small-body-small-font-weight);
  white-space: pre-wrap;
}
.OrderCompleted-mainMobile {
  margin: var(--space-3);
}
.OrderCompleted-shippingTitle {
  font-weight: var(--large-heading-sm-font-weight);
}
.OrderCompleted-campaignError {
  background-color: var(--color-status-success-tint);
  border-radius: 10px;
  display: flex;
  min-width: 200px;
  padding: var(--space-2);
}
.OrderCompleted-campaignError .OrderCompleted-checkedOrderIcon {
  fill: var(--color-status-success-shade);
  margin-right: var(--space-2);
  width: var(--space-2);
}
.OrderCompleted-campaignErrorMobile {
  margin: var(--space-3);
}
p {
  margin-bottom: 0;
}
.OrderCompleted-pMobile {
  margin-bottom: var(--space-4);
}
.OrderCompleted-hidden {
  box-shadow: none;
}
.OrderCompleted-textCenter {
  text-align: center;
}
.OrderCompleted-submitButtonMobile {
  display: inherit;
  margin-top: var(--space-3);
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.OrderCompleted-noShadow {
  box-shadow: none;
  margin: var(--space-3) 0;
}
.OrderCompleted-line {
  border-radius: 0;
  border-top: 1px solid var(--color-neutral-stroke);
}
.OrderCompleted-textLeft {
  text-align: left;
}
.UnknownError-root {
  display: flex;
}
.UnknownError-root h2 {
  margin-bottom: var(--space-base);
}
.UnknownError-icon {
  fill: var(--color-status-critical);
  flex-shrink: 0;
  height: var(--space-3);
  margin-right: var(--space-2);
  width: var(--space-3);
}
@media (min-width: 1025px) {
  .UnknownError-icon {
    margin-right: var(--space-3);
  }
}
.UnknownError-content {
  max-width: 630px;
}
.RangeSlider-module-root {
  position: relative;
  width: 100%;
}
.RangeSlider-module-afterFill .RangeSlider-module-track-1,
.RangeSlider-module-beforeFill .RangeSlider-module-track-0,
.RangeSlider-module-betweenFill .RangeSlider-module-track-1 {
  background-color: var(--color-interactive-secondary);
  border-color: var(--color-interactive-secondary);
}
.RangeSlider-module-currentValue {
  color: var(--color-neutral-on-surface);
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  margin-bottom: var(--space-2);
  text-align: center;
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .RangeSlider-module-currentValue {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.RangeSlider-module-container {
  height: 24px;
  width: 100%;
}
.RangeSlider-module-track {
  background-color: var(--color-neutral-stroke);
  border: 1px solid var(--color-neutral-stroke);
  border-radius: var(--radius-formGroupError);
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
}
.RangeSlider-module-handle {
  background-color: var(--color-interactive-secondary);
  border: 2px solid var(--color-neutral-surface);
  border-radius: var(--radius-toggle);
  cursor: pointer;
  height: 24px;
  width: 24px;
}
@supports (contain: none) {
  .RangeSlider-module-handle.RangeSlider-module-focus-visible {
    box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .RangeSlider-module-handle:focus-visible {
    box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .RangeSlider-module-handle[focus-within] {
    box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .RangeSlider-module-handle:focus-within {
    box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .RangeSlider-module-handle:focus {
    box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.RangeSlider-module-labels {
  color: var(--color-neutral-on-surface-subdued);
  display: flex;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  justify-content: space-between;
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  margin-top: var(--space-base);
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .RangeSlider-module-labels {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.UnsavedModal-confirm {
  margin-top: var(--space-2);
}
.Radio-module-root {
  margin-bottom: var(--space-3);
  position: relative;
}
.Radio-module-root .Radio-module-control {
  position: relative;
}
.Radio-module-root .Radio-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Radio-module-root .Radio-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Radio-module-root.Radio-module-withHelpNode .Radio-module-label {
  margin-bottom: 0;
}
.Radio-module-root.Radio-module-isLoading .Radio-module-item {
  padding-right: 36px;
}
.Radio-module-root.Radio-module-disabled .Radio-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Radio-module-root.Radio-module-containsError .Radio-module-label {
  color: var(--color-status-critical);
}
.Radio-module-root.Radio-module-containsError .Radio-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.Radio-module-root.Radio-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.Radio-module-root.Radio-module-containsWarning .Radio-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.Radio-module-item {
  cursor: pointer;
  height: 24px;
  left: var(--space-0\.5);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: var(--space-base);
  width: 24px;
  z-index: 100;
}
.Radio-module-item:checked ~ .Radio-module-selector {
  border-color: var(--color-interactive-secondary);
}
.Radio-module-item:checked ~ .Radio-module-selector:before {
  background-color: var(--color-interactive-secondary);
  opacity: 1;
}
.Radio-module-item:hover ~ .Radio-module-label {
  color: var(--color-interactive-secondary);
}
.Radio-module-item:hover ~ .Radio-module-selector {
  border-color: var(--color-interactive-secondary);
}
.Radio-module-item:focus ~ .Radio-module-label {
  border-radius: 8px;
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-interactive-secondary);
  outline: none;
}
.Radio-module-item:disabled {
  cursor: not-allowed;
}
.Radio-module-item:disabled ~ .Radio-module-label {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Radio-module-item:disabled ~ .Radio-module-selector {
  border-color: var(--color-neutral-stroke-form-border);
}
.Radio-module-item:disabled:checked ~ .Radio-module-selector,
.Radio-module-item:disabled ~ .Radio-module-selector {
  background-color: var(--color-neutral-surface-states-surface-disabled);
}
.Radio-module-item:disabled:checked ~ .Radio-module-selector:before {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Radio-module-readOnly .Radio-module-item {
  cursor: not-allowed;
}
.Radio-module-readOnly .Radio-module-item ~ .Radio-module-label {
  color: var(--color-neutral-on-surface);
  cursor: not-allowed;
}
.Radio-module-readOnly .Radio-module-item:checked ~ .Radio-module-selector,
.Radio-module-readOnly .Radio-module-item ~ .Radio-module-selector {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
}
.Radio-module-readOnly
  .Radio-module-item:checked
  ~ .Radio-module-selector:before {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Radio-module-selector {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-radio);
  height: 24px;
  left: var(--space-0\.5);
  pointer-events: none;
  position: absolute;
  top: var(--space-base);
  transition: background-color 0.3s, border-color 0.3s;
  width: 24px;
}
.Radio-module-selector:before {
  border-radius: var(--radius-radio);
  content: "";
  height: 16px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transition: opacity 0.3s;
  width: 16px;
}
.Radio-module-label {
  color: var(--color-neutral-on-surface);
  cursor: pointer;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  margin: 0;
  padding: 10px 0 10px 40px;
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .Radio-module-label {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.RadioGroup-module-root {
  margin-bottom: var(--space-3);
}
.RadioGroup-module-root .RadioGroup-module-control {
  position: relative;
}
.RadioGroup-module-root .RadioGroup-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .RadioGroup-module-root .RadioGroup-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.RadioGroup-module-root.RadioGroup-module-withHelpNode
  .RadioGroup-module-label {
  margin-bottom: 0;
}
.RadioGroup-module-root.RadioGroup-module-isLoading .RadioGroup-module-item {
  padding-right: 36px;
}
.RadioGroup-module-root.RadioGroup-module-disabled .RadioGroup-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-label {
  color: var(--color-status-critical);
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.RadioGroup-module-root.RadioGroup-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.RadioGroup-module-root.RadioGroup-module-containsWarning
  .RadioGroup-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-items {
  margin-bottom: var(--space-base);
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-item {
  background-color: transparent;
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-input:focus
  ~ .RadioGroup-module-inputLabel,
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-input:hover
  ~ .RadioGroup-module-inputLabel {
  color: var(--color-neutral-on-surface);
}
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-error,
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-input:focus
  ~ .RadioGroup-module-error,
.RadioGroup-module-root.RadioGroup-module-containsError
  .RadioGroup-module-input:hover
  ~ .RadioGroup-module-error {
  border-color: var(--color-status-critical);
}
.RadioGroup-module-items {
  margin-bottom: calc(var(--space-2) * -1);
}
.RadioGroup-module-item {
  margin: 0 0 var(--space-2) 0;
}
.User-apiError,
.User-root {
  padding: var(--space-3);
}
@media (min-width: 768px) {
  .User-apiError,
  .User-root {
    margin: var(--space-4) auto 0;
    padding: 0;
    width: 320px;
  }
  .User-root {
    padding-bottom: var(--space-3);
  }
  .User-apiError {
    width: 600px;
  }
}
.User-contact,
.User-description,
.User-heading {
  margin-bottom: var(--space-3);
}
.User-contact span,
.User-description span {
  font-weight: var(--small-body-medium-font-weight);
}
.User-withForgetPassword {
  margin-bottom: var(--space-base);
}
.User-forget {
  display: inline-block;
  margin-bottom: 40px;
  text-decoration: none;
}
.User-login {
  margin: var(--space-2) 0;
}
@media (min-width: 768px) {
  .User-actions {
    display: flex;
    justify-content: space-between;
  }
}
.User-primaryAction {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .User-primaryAction {
    width: inherit;
  }
}
.User-secondaryAction {
  display: block;
  margin: var(--space-3) auto 0;
}
@media (min-width: 768px) {
  .User-secondaryAction {
    margin: 0;
    text-align: right;
  }
}
.User-info {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .User-info {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.User-intro {
  margin-bottom: var(--space-base);
  text-align: center;
}
.User-resendCode {
  margin-top: var(--space-4);
}
.User-continue {
  margin-bottom: var(--space-4);
  white-space: pre-wrap;
}
.User-img {
  margin-right: var(--space-base);
  margin-top: -2px;
}
.User-errorImg {
  display: block;
  margin: 0 auto var(--space-4);
}
.User-phoneLink {
  display: block;
  font-weight: var(--small-body-medium-font-weight);
  margin-top: var(--space-2);
}
.User-alertIcon {
  fill: var(--color-status-critical);
  display: block;
  height: 36px;
  margin: 0 auto var(--space-2);
  width: 36px;
}
.User-campaignError {
  background: var(--color-status-warning-tint);
  border: 1px solid var(--color-neutral-stroke);
  border-radius: 10px;
  display: flex;
  margin-bottom: var(--space-0\.5);
  padding: var(--space-1\.5) var(--space-2) var(--space-2) 0;
}
.User-campaignError .User-errorMessage {
  font-weight: var(--large-body-strong-font-weight);
  margin-bottom: var(--space-base);
}
.User-campaignError .User-errorIcon {
  display: flex;
  margin: 0 var(--space-1\.5) 0 var(--space-2);
  width: 20px;
}
.User-buttonAlign {
  padding: 13px 0 !important;
}
.PasswordCriteria-module-root {
  list-style: none;
  margin: 0 0 var(--space-2);
  padding: 0;
}
.Requirement-module-root {
  margin-bottom: var(--space-2);
}
.Requirement-module-root:last-child {
  margin-bottom: 0;
}
.Requirement-module-requirement {
  align-items: center;
  color: var(--color-neutral-on-background);
  display: flex;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .Requirement-module-requirement {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Requirement-module-icon {
  height: 16px;
  margin-right: var(--space-base);
  position: relative;
  width: 16px;
}
.Requirement-module-bullet {
  background-color: var(--color-neutral-on-background);
  border-radius: 50%;
  display: block;
  height: 8px;
  width: 8px;
}
.Requirement-module-bullet,
.Requirement-module-check {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Requirement-module-check {
  fill: var(--color-status-success);
  height: 16px;
  width: 16px;
}
.Requirement-module-valid {
  color: var(--color-neutral-on-background);
}
.Checkbox-module-root {
  margin-bottom: var(--space-3);
  position: relative;
}
.Checkbox-module-root .Checkbox-module-control {
  position: relative;
}
.Checkbox-module-root .Checkbox-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Checkbox-module-root .Checkbox-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Checkbox-module-root.Checkbox-module-withHelpNode .Checkbox-module-label {
  margin-bottom: 0;
}
.Checkbox-module-root.Checkbox-module-isLoading .Checkbox-module-item {
  padding-right: 36px;
}
.Checkbox-module-root.Checkbox-module-disabled .Checkbox-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Checkbox-module-root.Checkbox-module-containsError .Checkbox-module-label {
  color: var(--color-status-critical);
}
.Checkbox-module-root.Checkbox-module-containsError .Checkbox-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.Checkbox-module-root.Checkbox-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.Checkbox-module-root.Checkbox-module-containsWarning .Checkbox-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.Checkbox-module-item {
  cursor: pointer;
  height: 24px;
  left: var(--space-0\.5);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: var(--space-base);
  width: 24px;
  z-index: 100;
}
.Checkbox-module-item:checked ~ .Checkbox-module-icon {
  opacity: 1;
}
.Checkbox-module-item:checked ~ .Checkbox-module-selector {
  background-color: var(--color-interactive-secondary);
  border-color: var(--color-interactive-secondary);
}
.Checkbox-module-item:focus ~ .Checkbox-module-label {
  border-radius: var(--radius-formGroupError);
}
.Checkbox-module-item:focus ~ .Checkbox-module-focusEmptyLabelSelector,
.Checkbox-module-item:focus ~ .Checkbox-module-label {
  box-shadow: 0 0 2px 2px var(--accessibility-focus-outer-shadow);
  color: var(--color-interactive-secondary);
  outline: none;
}
.Checkbox-module-item:focus ~ .Checkbox-module-focusSelector {
  border-color: var(--color-interactive-secondary);
  outline: none;
}
.Checkbox-module-item:hover ~ .Checkbox-module-label {
  color: var(--color-interactive-secondary);
}
.Checkbox-module-item:hover ~ .Checkbox-module-selector {
  border-color: var(--color-interactive-secondary);
}
.Checkbox-module-item:disabled {
  cursor: not-allowed;
}
.Checkbox-module-item:disabled ~ .Checkbox-module-label {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Checkbox-module-item:disabled ~ .Checkbox-module-selector {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
}
.Checkbox-module-item:disabled ~ .Checkbox-module-icon {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Checkbox-module-item:disabled:checked ~ .Checkbox-module-selector {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
}
.Checkbox-module-containsError .Checkbox-module-item ~ .Checkbox-module-label {
  color: var(--color-neutral-on-surface);
}
.Checkbox-module-containsError
  .Checkbox-module-item
  ~ .Checkbox-module-selector {
  border-color: var(--color-status-critical);
}
.Checkbox-module-readOnly .Checkbox-module-item {
  cursor: not-allowed;
}
.Checkbox-module-readOnly .Checkbox-module-item ~ .Checkbox-module-label {
  color: var(--color-neutral-on-surface);
  cursor: not-allowed;
}
.Checkbox-module-readOnly .Checkbox-module-item ~ .Checkbox-module-selector {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
}
.Checkbox-module-readOnly .Checkbox-module-item ~ .Checkbox-module-icon {
  fill: var(--color-neutral-surface);
}
.Checkbox-module-readOnly
  .Checkbox-module-item:checked
  ~ .Checkbox-module-selector {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
  border-color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Checkbox-module-icon {
  fill: var(--color-neutral-background);
  height: 16px;
  left: var(--space-base);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: var(--space-1\.5);
  transition: opacity 0.3s;
  width: 16px;
  z-index: 100;
}
.Checkbox-module-label {
  color: var(--color-neutral-on-surface);
  cursor: pointer;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  margin: 0;
  padding: 10px 0 10px 40px;
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .Checkbox-module-label {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Checkbox-module-selector {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-tooltip);
  height: 24px;
  left: var(--space-0\.5);
  pointer-events: none;
  position: absolute;
  top: var(--space-base);
  transition: background-color 0.3s, border 0.3s;
  width: 24px;
}
.Checkbox-module-noLabel {
  height: 24px;
  margin-bottom: 0;
  width: 24px;
}
.Checkbox-module-noLabel .Checkbox-module-item,
.Checkbox-module-noLabel .Checkbox-module-selector {
  left: 0;
  top: 0;
}
.Checkbox-module-noLabel .Checkbox-module-icon {
  left: var(--space-0\.5);
  top: var(--space-0\.5);
}
.Day-module-root {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  height: 100%;
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  outline: none;
  padding: 0;
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
@media (min-width: 1025px) {
  .Day-module-root {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Day-module-root > span {
  align-items: center;
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-surface);
  border-radius: var(--radius-iconButton);
  color: var(--color-neutral-on-surface);
  display: flex;
  height: 28px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
}
.Day-module-root:not([disabled]):focus {
  outline: none;
}
.Day-module-root:not([disabled]):focus:not(.Day-module-selected) > span {
  background-color: var(--color-interactive-secondary-tint);
  border: 1px solid var(--color-interactive-secondary-tint);
  border-radius: var(--radius-iconButton);
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-interactive-on-secondary-tint);
}
.Day-module-root:not([disabled]):hover > span {
  background-color: var(--color-interactive-secondary-tint);
  border: 1px solid var(--color-interactive-secondary-tint);
  color: var(--color-interactive-on-secondary-tint);
}
.Day-module-root[disabled] {
  cursor: not-allowed;
}
.Day-module-root[disabled] > span {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-surface);
  color: var(--color-neutral-on-surface-subdued);
}
.Day-module-today {
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  line-height: 28px;
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .Day-module-today {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
.Day-module-today > span {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-interactive-secondary);
  color: var(--color-interactive-secondary);
}
.Day-module-today:not([disabled]) {
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Day-module-today:not([disabled]) {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.Day-module-today:not([disabled]):hover > span {
  background-color: var(--color-interactive-secondary-tint);
  border: 1px solid var(--color-interactive-secondary);
  color: var(--color-interactive-secondary);
}
.Day-module-selected:not([disabled]) > span {
  background-color: var(--color-interactive-secondary);
  border: 1px solid var(--color-interactive-secondary);
  color: var(--color-interactive-on-secondary);
}
.Day-module-outside > span {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-surface);
  color: var(--color-neutral-on-surface);
}
.ArrowNavigation-module-previous {
  display: flex;
  justify-content: center;
}
.ArrowNavigation-module-title {
  color: var(--color-calendar-heading);
}
.ArrowNavigation-module-next {
  display: flex;
  justify-content: center;
}
.DropdownNavigation-module-select {
  flex: 1 1;
  margin-bottom: 0;
}
.DropdownNavigation-module-select:first-of-type {
  margin-right: var(--space-3);
}
.Header-module-root {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-2);
  margin-top: var(--space-0\.5);
}
.Page-mainHeading {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: 0;
  padding: 0 var(--space-2);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .Page-mainHeading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .Page-mainHeading {
    font-family: var(--small-heading-lg-font-family);
    font-size: var(--small-heading-lg-font-size);
    font-weight: var(--small-heading-lg-font-weight);
    letter-spacing: var(--small-heading-lg-letter-spacing);
    line-height: var(--small-heading-lg-line-height);
    margin-bottom: var(--space-4);
    padding: 0;
    -webkit-text-decoration: var(--small-heading-lg-text-decoration);
    text-decoration: var(--small-heading-lg-text-decoration);
    text-transform: var(--small-heading-lg-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .Page-mainHeading {
    font-family: var(--large-heading-lg-font-family);
    font-size: var(--large-heading-lg-font-size);
    font-weight: var(--large-heading-lg-font-weight);
    letter-spacing: var(--large-heading-lg-letter-spacing);
    line-height: var(--large-heading-lg-line-height);
    -webkit-text-decoration: var(--large-heading-lg-text-decoration);
    text-decoration: var(--large-heading-lg-text-decoration);
    text-transform: var(--large-heading-lg-text-transform);
  }
}
.Page-oneappDesktopHeading {
  visibility: hidden;
}
@media (min-width: 768px) {
  .Page-oneappDesktopHeading {
    visibility: visible;
  }
}
.Page-oneappBackHeaderTop {
  padding-top: var(--space-3) !important;
}
@media (min-width: 768px) {
  .Page-oneappBackHeaderTop {
    padding-top: 0 !important;
  }
}
.Page-subHeading {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-bottom: var(--space-1\.5);
  padding: 0 var(--space-2);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .Page-subHeading {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
@media (min-width: 768px) {
  .Page-subHeading {
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--small-heading-sm-line-height);
    margin-bottom: 18px;
    padding: 0;
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .Page-subHeading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.Page-oneColumnCard,
.Page-twoColumnCards,
.Page-twoColumnCards > :first-child {
  margin-bottom: var(--space-4);
}
@media (min-width: 1280px) {
  .Page-twoColumnCards {
    display: flex;
  }
  .Page-twoColumnCards > :nth-child(2) {
    margin-left: var(--space-4);
  }
}
.Page-cardHeading {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .Page-cardHeading {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.Page-cardSubHeading {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .Page-cardSubHeading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .Page-cardSubHeading {
    margin-bottom: var(--space-1\.5);
  }
}
.Page-section {
  margin-bottom: var(--space-4);
}
.Page-section .Page-twoColumnCards,
.Page-section .Page-twoColumnCards > div {
  margin-bottom: var(--space-3);
}
.Page-section .Page-twoColumnCards:last-child {
  margin-bottom: var(--space-4);
}
@media (min-width: 768px) {
  .Page-section {
    margin-bottom: 72px;
  }
  .Page-section .Page-twoColumnCards,
  .Page-section .Page-twoColumnCards > div {
    margin-bottom: var(--space-4);
  }
  .Page-section .Page-twoColumnCards:last-child {
    margin-bottom: 72px;
  }
}
@media (min-width: 1280px) {
  .Page-section .Page-twoColumnCards > div {
    margin-bottom: 0;
  }
  .Home-content {
    min-height: 800px;
    width: 688px;
  }
  .Home-wrapper {
    position: relative;
  }
  .Home-wrapper > :nth-last-child(2) {
    margin-bottom: 72px;
  }
}
.Home-twoColumnCards,
.Home-twoColumnCards > :first-child {
  margin-bottom: var(--space-4);
}
@media (min-width: 768px) {
  .Home-twoColumnCards {
    display: flex;
  }
  .Home-twoColumnCards > :first-child {
    margin-bottom: 0;
  }
  .Home-twoColumnCards > :nth-child(2) {
    margin-left: var(--space-4);
  }
  .Home-twoColumnCardsItem {
    flex-grow: 0;
    width: 328px;
  }
}
@media (min-width: 1280px) {
  .Home-features {
    flex-direction: column;
    margin-bottom: 0;
    position: absolute;
    right: -272px;
    top: 0;
  }
  .Home-features > :first-child {
    margin-bottom: var(--space-4);
  }
  .Home-features > :nth-child(2) {
    margin-left: 0;
  }
}
.Home-featureItem {
  flex-basis: auto;
}
@media (min-width: 1280px) {
  .Home-featureItem {
    padding: var(--space-2);
    width: 240px;
  }
}
@media (min-width: 768px) {
  .Home-coachingContent {
    padding-right: var(--space-base);
  }
}
.Home-banner {
  background-color: var(--color-interactive-primary);
  border-radius: var(--radius-loadingIndicator);
  margin-bottom: var(--space-2);
  margin-top: 0;
}
.Home-bannerContent {
  display: flex;
  flex-direction: row;
}
.Home-bannerLink {
  color: var(--color-banner-info-text);
  padding-left: 5px;
}
a.Home-bannerLink:hover {
  color: #dbc1e6;
}
.CalendarCheckGroup-check {
  background-color: var(--color-neutral-background-variant);
  border-radius: var(--space-2);
  display: inline-flex;
  flex-direction: column;
  height: 56px;
  justify-content: center;
  margin-right: var(--space-base);
  text-align: center;
  width: 48px;
}
.CalendarCheckGroup-check:last-of-type {
  margin-right: 0;
}
@media (min-width: 480px) {
  .CalendarCheckGroup-check {
    width: 66px;
  }
}
@media (min-width: 768px) {
  .CalendarCheckGroup-check {
    width: 56px;
  }
}
.CalendarCheckGroup-active {
  background-color: var(--color-interactive-primary-tint);
}
.CalendarCheckGroup-iconCheck {
  fill: var(--color-interactive-primary);
}
.CalendarCheckGroup-circle,
.CalendarCheckGroup-iconCheck {
  height: var(--space-2);
  margin: 0 auto 6px;
  width: var(--space-2);
}
.CalendarCheckGroup-circle {
  background-color: var(--color-neutral-background);
  border: 2px solid var(--color-interactive-primary);
  border-radius: 50%;
}
.CalendarCheckGroup-weekday {
  color: var(--color-interactive-primary);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .CalendarCheckGroup-weekday {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.LogPreviousDaysModal-description {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-3);
}
.LogPreviousDaysModal-placeholder {
  margin-bottom: 20px;
}
.LogPreviousDaysModal-placeholder svg {
  fill: var(--color-neutral-background);
  height: var(--space-2);
  width: var(--space-2);
}
.LogPreviousDaysModal-placeholder span {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .LogPreviousDaysModal-placeholder span {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.LogPreviousDaysModal-checkbox {
  align-items: center;
  background-color: var(--color-interactive-primary);
  border-radius: var(--radius-checkbox);
  display: inline-flex;
  height: 22px;
  justify-content: center;
  margin-right: 10px;
  width: 22px;
}
.ActiveChallenge-heading {
  margin-bottom: var(--space-3);
}
@media (min-width: 768px) {
  .ActiveChallenge-heading {
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--small-heading-sm-line-height);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .ActiveChallenge-heading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .ActiveChallenge-container {
    display: flex;
  }
}
.ActiveChallenge-checks {
  border-bottom: 1px solid var(--color-neutral-stroke);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
}
.ActiveChallenge-checks h4 {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: var(--space-base);
  margin-top: var(--space-3);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .ActiveChallenge-checks h4 {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .ActiveChallenge-checks {
    border-bottom: 0;
    border-right: 1px solid var(--color-neutral-stroke);
    margin-bottom: 0;
    margin-right: var(--space-3);
    padding-bottom: 0;
    padding-right: var(--space-3);
    width: 340px;
  }
}
.ActiveChallenge-checkButton {
  margin-top: var(--space-3);
}
.ActiveChallenge-logButton {
  margin-top: var(--space-2);
}
.ActiveChallenge-tip {
  display: flex;
}
@media (min-width: 768px) {
  .ActiveChallenge-tip {
    flex-direction: column-reverse;
    width: 250px;
  }
}
.ActiveChallenge-tipTitle {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.ActiveChallenge-tipDescription {
  margin-bottom: var(--space-2);
}
.ActiveChallenge-tipImage {
  flex-shrink: 0;
  margin-left: var(--space-2);
  margin-top: 10px;
}
@media (min-width: 768px) {
  .ActiveChallenge-tipImage {
    margin: 0 auto var(--space-2) 0;
  }
}
.IntroModal-content {
  text-align: center;
}
@media (min-width: 768px) {
  .IntroModal-content p {
    margin-bottom: var(--space-4);
  }
}
.IntroModal-heading,
.IntroModal-image {
  margin-bottom: var(--space-2);
}
.IntroModal-heading {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .IntroModal-heading {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
@media (min-width: 768px) {
  .IntroModal-heading {
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--small-heading-sm-line-height);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .IntroModal-heading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.IntroModal-actions {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .IntroModal-actions {
    justify-content: flex-end;
  }
  .IntroModal-cancel {
    margin-right: var(--space-4);
  }
}
.JoinChallenges-root {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .JoinChallenges-root {
    flex-direction: row-reverse;
  }
}
.JoinChallenges-image {
  margin-bottom: var(--space-3);
}
@media (min-width: 768px) {
  .JoinChallenges-image {
    margin-bottom: 0;
  }
}
.JoinChallenges-content h3,
.JoinChallenges-content p {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .JoinChallenges-content {
    margin-right: auto;
    width: 50%;
  }
  .JoinChallenges-content button {
    margin-top: var(--space-2);
  }
}
.NextChallenge-root {
  display: flex;
  justify-content: space-between;
}
.NextChallenge-heading {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-bottom: var(--space-3);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .NextChallenge-heading {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.NextChallenge-subHeading {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.NextChallenge-description {
  margin-bottom: var(--space-2);
}
.NextChallenge-button {
  margin-top: var(--space-2);
}
.NextChallenge-image {
  align-self: center;
  flex-shrink: 0;
  height: 88px;
  margin-left: var(--space-2);
  width: 88px;
}
@media (min-width: 480px) {
  .NextChallenge-image {
    margin-left: var(--space-4);
  }
}
@media (min-width: 768px) {
  .NextChallenge-image {
    height: 160px;
    margin-left: 88px;
    width: 160px;
  }
}
.RecentChallenge-heading {
  margin-bottom: var(--space-3);
}
@media (min-width: 768px) {
  .RecentChallenge-heading {
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--small-heading-sm-line-height);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .RecentChallenge-heading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .RecentChallenge-container {
    display: flex;
  }
}
.RecentChallenge-checks {
  border-bottom: 1px solid var(--color-neutral-stroke);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
}
.RecentChallenge-checks h4 {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: var(--space-base);
  margin-top: var(--space-3);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .RecentChallenge-checks h4 {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 768px) {
  .RecentChallenge-checks {
    border-bottom: 0;
    border-right: 1px solid var(--color-neutral-stroke);
    margin-bottom: 0;
    margin-right: var(--space-3);
    padding-bottom: 0;
    padding-right: var(--space-3);
    width: 340px;
  }
}
.RecentChallenge-tip {
  text-align: center;
}
@media (min-width: 768px) {
  .RecentChallenge-tip {
    width: 250px;
  }
}
.Curriculum-hr,
.RecentChallenge-tipImage {
  margin-bottom: var(--space-2);
}
.Curriculum-hr {
  margin-top: var(--space-2);
}
@media (min-width: 768px) {
  .Curriculum-hr {
    margin-bottom: var(--space-2);
  }
}
.Curriculum-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .Curriculum-body {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .Curriculum-subHeadingTop {
    display: none;
  }
}
.Curriculum-subHeadingBottom {
  display: none;
}
@media (min-width: 768px) {
  .Curriculum-subHeadingBottom {
    display: block;
  }
}
.Curriculum-order {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Curriculum-order {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Curriculum-order:last-of-type {
  margin-bottom: var(--space-base);
}
.Curriculum-imageContainer {
  margin: 0 auto var(--space-2);
}
@media (min-width: 768px) {
  .Curriculum-imageContainer {
    margin: 0 0 0 var(--space-4);
  }
}
.Curriculum-image {
  border-radius: var(--space-base);
}
.Curriculum-description:last-of-type {
  margin-bottom: var(--space-2);
}
.DppIntroVideo-hr {
  margin: var(--space-2) 0;
}
@media (min-width: 768px) {
  .DppIntroVideo-hr {
    margin: var(--space-3) 0;
  }
}
.DppIntroVideo-body {
  display: flex;
}
.DppIntroVideo-description:last-of-type {
  margin-bottom: var(--space-2);
}
.DppIntroVideo-imageContainer {
  margin: 0 auto var(--space-2);
}
@media (min-width: 768px) {
  .DppIntroVideo-imageContainer {
    margin-left: var(--space-4);
    width: 240px;
  }
}
.QuickLinks-title {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .QuickLinks-title {
    font-family: var(--large-body-medium-font-family);
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--large-body-medium-font-size);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--large-body-medium-font-weight);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    line-height: var(--small-heading-sm-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .QuickLinks-title {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 1280px) {
  .QuickLinks-title {
    font-family: var(--small-body-medium-font-family);
    font-size: var(--small-body-medium-font-size);
    font-weight: var(--small-body-medium-font-weight);
    letter-spacing: var(--small-body-medium-letter-spacing);
    line-height: var(--small-body-medium-line-height);
    margin-bottom: var(--space-1\.5);
    -webkit-text-decoration: var(--small-body-medium-text-decoration);
    text-decoration: var(--small-body-medium-text-decoration);
    text-transform: var(--small-body-medium-text-transform);
  }
}
@media (min-width: 1280px) and (min-width: 1025px) {
  .QuickLinks-title {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.QuickLinks-actionButton {
  border-top: 1px solid var(--color-neutral-stroke);
  padding: var(--space-2) 0;
  text-align: left;
  width: 100%;
}
.QuickLinks-actionButton:last-child {
  padding-bottom: 0;
}
.CoachingInfoModal-content {
  text-align: center;
}
.SessionsList-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.SessionsList-itemContainer .SessionsList-item:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-stroke);
  padding: var(--space-3) 0;
}
.SessionsList-itemContainer .SessionsList-item:last-child {
  padding-top: var(--space-3);
}
.SessionsList-itemContainer .SessionsList-iconContainer {
  align-self: center;
}
.SessionsList-contentEmpty {
  padding: 57px 0 25px;
  text-align: center;
}
.SessionsList-contentEmptyHeading {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .SessionsList-contentEmptyHeading {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.SessionsList-controls {
  border-top: 1px solid var(--color-neutral-stroke);
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-3);
  padding-top: var(--space-3);
}
.SessionsList-next {
  margin-left: auto;
}
.SessionsList-next svg {
  margin-left: 6px;
  margin-right: 0;
}
.SessionsList-previous svg {
  margin-right: 6px;
}
.SessionsList-rule {
  margin-top: var(--space-3);
}
.SessionsList-title {
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  line-height: var(--small-body-strong-line-height);
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .SessionsList-title {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    line-height: var(--large-body-strong-line-height);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
.SessionsList-icon {
  color: var(--color-neutral-stroke);
  display: block;
  margin: 0 auto var(--space-4);
}
.SessionsList-itemDescription {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .SessionsList-itemDescription {
    display: block;
    flex-grow: 1;
    margin: 0 48px;
  }
}
.SessionsList-itemInfo {
  min-width: 194px;
}
.Overview-leadItem {
  align-items: center;
}
.Overview-leadItem h2 {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .Overview-leadItem h2 {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
@media (min-width: 768px) {
  .Overview-leadItem {
    display: flex;
  }
  .Overview-leadItem h2 {
    margin-bottom: var(--space-3);
  }
}
.Overview-actions {
  padding-top: var(--space-2);
}
@media (min-width: 1280px) {
  .Overview-actions {
    padding-top: var(--space-3);
  }
}
.Overview-leadItemAction {
  margin-bottom: var(--space-2);
  margin-right: var(--space-2);
}
@media (min-width: 1280px) {
  .Overview-leadItemAction {
    margin-bottom: 0;
  }
}
.Overview-item h2 {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .Overview-item h2 {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.Overview-item p {
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .Overview-item p {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
@media (min-width: 768px) {
  .Overview-item {
    display: flex;
    justify-content: space-between;
  }
}
.Overview-image {
  display: block;
  margin: 0 auto var(--space-2);
}
@media (min-width: 768px) {
  .Overview-image {
    margin: 0 0 0 var(--space-8);
    min-width: 250px;
    order: 1;
  }
  .Overview-itemContent {
    order: 0;
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .Overview-itemContent {
    width: 630px;
  }
}
.Overview-action {
  margin-top: var(--space-base);
}
@media (min-width: 1280px) {
  .Overview-action {
    justify-content: flex-end;
    margin-top: 0;
  }
}
.Overview-twoColumnCards,
.Overview-twoColumnCards > :first-child {
  margin-bottom: var(--space-4);
}
@media (min-width: 768px) {
  .Overview-twoColumnCards {
    display: flex;
  }
  .Overview-twoColumnCards > :first-child {
    margin-bottom: 0;
  }
  .Overview-twoColumnCards > :nth-child(2) {
    margin-left: var(--space-4);
  }
}
.Overview-twoColumnCardsItem .Overview-item {
  display: block;
}
.Overview-twoColumnCardsItem .Overview-action {
  justify-content: flex-end;
  margin-top: var(--space-2);
}
.Overview-oneColumnCardItem .Overview-item {
  display: flex;
}
.Overview-externalLink {
  margin-left: 8px;
}
.ThumbnailCard-container {
  display: flex;
}
.ThumbnailCard-heading {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-bottom: var(--space-3);
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .ThumbnailCard-heading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.ThumbnailCard-subHeading {
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  line-height: var(--small-body-strong-line-height);
  margin-bottom: var(--space-0\.5);
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .ThumbnailCard-subHeading {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    line-height: var(--large-body-strong-line-height);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
.ThumbnailCard-content {
  margin-bottom: 0;
  margin-right: auto;
  padding-right: var(--space-2);
}
@media (min-width: 768px) {
  .ThumbnailCard-content {
    padding-right: var(--space-4);
  }
}
.ThumbnailCard-description {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ThumbnailCard-description {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .ThumbnailCard-description {
    font-family: var(--small-body-default-font-family);
    font-size: var(--small-body-default-font-size);
    font-weight: var(--small-body-default-font-weight);
    letter-spacing: var(--small-body-default-letter-spacing);
    line-height: var(--small-body-default-line-height);
    -webkit-text-decoration: var(--small-body-default-text-decoration);
    text-decoration: var(--small-body-default-text-decoration);
    text-transform: var(--small-body-default-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .ThumbnailCard-description {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.ThumbnailCard-image {
  align-self: center;
  flex-shrink: 0;
}
.ThumbnailCard-button {
  margin-top: var(--space-1\.5);
}
@media (min-width: 1280px) {
  .ThumbnailCard-button {
    margin-top: var(--space-3);
  }
}
.Library-content {
  padding-right: var(--space-2);
}
.Library-title {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  margin-bottom: var(--space-base);
  margin-top: 0;
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .Library-title {
    font-family: var(--large-body-medium-font-family);
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--large-body-medium-font-size);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--large-body-medium-font-weight);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    line-height: var(--small-heading-sm-line-height);
    margin-bottom: var(--space-1\.5);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .Library-title {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
@media (min-width: 1280px) {
  .Library-title {
    font-family: var(--small-body-medium-font-family);
    font-size: var(--small-body-medium-font-size);
    font-weight: var(--small-body-medium-font-weight);
    letter-spacing: var(--small-body-medium-letter-spacing);
    line-height: var(--small-body-medium-line-height);
    margin-bottom: var(--space-1\.5);
    -webkit-text-decoration: var(--small-body-medium-text-decoration);
    text-decoration: var(--small-body-medium-text-decoration);
    text-transform: var(--small-body-medium-text-transform);
  }
}
@media (min-width: 1280px) and (min-width: 1025px) {
  .Library-title {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.Library-description {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Library-description {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Library-image {
  align-self: flex-start;
  top: 27px;
}
@media (min-width: 1025px) {
  .Library-image {
    top: 38px;
  }
}
@media (min-width: 1280px) {
  .Library-image {
    top: 27px;
  }
}
.Library-button {
  margin-top: var(--space-1\.5);
}
.ProfilePreferences-d2c:nth-of-type(4),
.ProfilePreferences-root:nth-of-type(5) {
  display: none;
}
.ProfilePreferences-d2c:nth-of-type(5) {
  display: inline-block;
}
.ProfilePreferences-formIntro {
  margin: var(--space-1\.5) 0 var(--space-3) -5px;
}
@media (min-width: 1025px) {
  .ProfilePreferences-formIntro {
    width: 661px;
  }
}
.ProfilePreferences-formSection {
  margin: var(--space-1\.5) 0 var(--space-4);
}
@media (min-width: 768px) {
  .ProfilePreferences-formSection {
    margin-bottom: var(--space-1\.5);
  }
}
.ProfilePreferences-formField .ProfilePreferences-readonly {
  -webkit-text-fill-color: var(--color-neutral-on-background-subdued);
  background-color: var(--color-neutral-background-variant);
  border-color: var(--color-neutral-stroke);
  color: var(--color-neutral-on-background-subdued);
  cursor: not-allowed;
}
.ProfilePreferences-formField .ProfilePreferences-iconLock {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
@media (min-width: 768px) {
  .ProfilePreferences-formField {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 12px);
  }
  .ProfilePreferences-formField:first-child {
    margin-right: var(--space-1\.5);
  }
  .ProfilePreferences-formField:last-child {
    margin-left: var(--space-1\.5);
  }
}
@media (min-width: 1280px) {
  .ProfilePreferences-formField {
    width: 320px;
  }
}
.ImageWithPlaceholder-placeholder {
  background-color: var(--color-neutral-background-variant);
  border-radius: 4px;
  position: relative;
}
.ImageWithPlaceholder-icon {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
  height: 50%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.ImageWithPlaceholder-image,
.ImageWithPlaceholder-image img {
  border-radius: 4px;
}
.SeasonalContent-headline {
  align-items: center;
  display: flex;
  margin-bottom: var(--space-2);
}
.SeasonalContent-icon {
  fill: var(--color-interactive-primary);
  height: var(--space-2);
  margin-right: var(--space-base);
  width: var(--space-2);
}
.SeasonalContent-content {
  display: flex;
}
.SeasonalContent-heading {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .SeasonalContent-heading {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.SeasonalContent-image {
  flex-shrink: 0;
  height: var(--space-8);
  margin-left: var(--space-3);
  width: var(--space-8);
}
.SeasonalContent-image img {
  border-radius: 8px;
}
.MedOpt-root {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.MedOpt-content p {
  margin-bottom: var(--space-2);
}
.MedOpt-content .MedOpt-contactOptions {
  display: flex;
  padding-bottom: var(--space-base);
}
.MedOpt-content .MedOpt-contactOptions .MedOpt-phoneIcon,
.MedOpt-content .MedOpt-contactOptions .MedOpt-videoIcon {
  height: var(--space-2);
  margin-right: 10px;
  margin-top: 6px;
  width: var(--space-2);
}
.MedOpt-content .MedOpt-contactOptions .MedOpt-phoneIcon {
  margin-left: 6px;
}
.MedOptPBC-root {
  align-items: center;
  background: var(--color-status-highlight-tint);
  display: flex;
  justify-content: space-between;
}
.MedOptPBC-content p {
  margin-bottom: var(--space-2);
}
.MedOptPBC-content .MedOptPBC-contactOptions {
  display: flex;
  padding-bottom: var(--space-base);
}
.MedOptPBC-content .MedOptPBC-contactOptions .MedOptPBC-phoneIcon,
.MedOptPBC-content .MedOptPBC-contactOptions .MedOptPBC-videoIcon {
  height: var(--space-2);
  margin-right: 10px;
  margin-top: 6px;
  width: var(--space-2);
}
.MedOptPBC-content .MedOptPBC-contactOptions .MedOptPBC-phoneIcon {
  margin-left: 6px;
}
.Meetup-container {
  display: flex;
}
.Meetup-content p {
  margin-bottom: var(--space-2);
}
.Meetup-heading {
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .Meetup-heading {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.Coaching-root {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.Coaching-content p {
  margin-bottom: var(--space-2);
}
@supports (contain: none) {
  .OrderStatus-root:focus.OrderStatus-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .OrderStatus-root:focus:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .OrderStatus-root:focus[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .OrderStatus-root:focus:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .OrderStatus-root:focus:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@media (min-width: 1025px) {
  .OrderStatus-infoWrapper {
    display: flex;
    justify-content: space-between;
  }
}
.OrderStatus-info {
  margin-bottom: var(--space-1\.5);
}
.OrderStatus-info .heading-xs {
  margin-bottom: var(--space-base);
}
@media (min-width: 1025px) {
  .OrderStatus-info .heading-xs {
    font-family: var(--small-heading-sm-font-family);
    font-size: var(--small-heading-sm-font-size);
    font-weight: var(--small-heading-sm-font-weight);
    letter-spacing: var(--small-heading-sm-letter-spacing);
    line-height: var(--small-heading-sm-line-height);
    -webkit-text-decoration: var(--small-heading-sm-text-decoration);
    text-decoration: var(--small-heading-sm-text-decoration);
    text-transform: var(--small-heading-sm-text-transform);
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .OrderStatus-info .heading-xs {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.OrderStatus-img {
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .OrderStatus-img {
    flex-shrink: 0;
    height: 118px;
    margin-left: var(--space-4);
    width: 200px;
  }
}
.OrderStatus-imgItem {
  border-radius: var(--space-base);
}
.OrderStatus-statusTitle {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
@media (min-width: 1025px) {
  .OrderStatus-statusTitle {
    margin-top: var(--space-3);
  }
  .OrderStatus-statusTitle.OrderStatus-error {
    margin-top: 0;
  }
}
.OrderStatus-statusDetails {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .OrderStatus-statusDetails {
    font-family: var(--large-body-small-font-family);
    font-family: var(--small-body-default-font-family);
    font-size: var(--large-body-small-font-size);
    font-size: var(--small-body-default-font-size);
    font-weight: var(--large-body-small-font-weight);
    font-weight: var(--small-body-default-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    letter-spacing: var(--small-body-default-letter-spacing);
    line-height: var(--large-body-small-line-height);
    line-height: var(--small-body-default-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    -webkit-text-decoration: var(--small-body-default-text-decoration);
    text-decoration: var(--small-body-default-text-decoration);
    text-transform: var(--large-body-small-text-transform);
    text-transform: var(--small-body-default-text-transform);
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .OrderStatus-statusDetails {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.OrderProgressBar-progress,
.OrderProgressBar-progressPreview,
.OrderProgressBar-progressTrack {
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
.OrderProgressBar-root {
  position: relative;
  width: 100%;
}
@media (min-width: 1025px) {
  .OrderProgressBar-root {
    margin-top: 8px;
  }
}
.OrderProgressBar-root.OrderProgressBar-cr .OrderProgressBar-progressPreview {
  width: 25%;
}
.OrderProgressBar-root.OrderProgressBar-ip .OrderProgressBar-progress,
.OrderProgressBar-root.OrderProgressBar-ip .OrderProgressBar-progressPreview {
  width: 27%;
}
.OrderProgressBar-root.OrderProgressBar-ip .OrderProgressBar-progressIndicator {
  left: 25%;
}
.OrderProgressBar-root.OrderProgressBar-su .OrderProgressBar-progressPreview {
  width: 50%;
}
.OrderProgressBar-root.OrderProgressBar-su .OrderProgressBar-progress {
  width: 27%;
}
.OrderProgressBar-root.OrderProgressBar-su .OrderProgressBar-progressIndicator {
  left: 25%;
}
.OrderProgressBar-root.OrderProgressBar-sh .OrderProgressBar-progress,
.OrderProgressBar-root.OrderProgressBar-sh .OrderProgressBar-progressPreview {
  width: 52%;
}
.OrderProgressBar-root.OrderProgressBar-sh .OrderProgressBar-progressIndicator {
  left: 50%;
}
.OrderProgressBar-root.OrderProgressBar-it .OrderProgressBar-progress,
.OrderProgressBar-root.OrderProgressBar-it .OrderProgressBar-progressPreview {
  width: 52%;
}
.OrderProgressBar-root.OrderProgressBar-it .OrderProgressBar-progressIndicator {
  left: 50%;
}
.OrderProgressBar-root.OrderProgressBar-oc .OrderProgressBar-progressPreview {
  width: 75%;
}
.OrderProgressBar-root.OrderProgressBar-oc .OrderProgressBar-progress {
  width: 52%;
}
.OrderProgressBar-root.OrderProgressBar-oc .OrderProgressBar-progressIndicator {
  left: 50%;
}
.OrderProgressBar-root.OrderProgressBar-od .OrderProgressBar-progressPreview {
  border-radius: 4px;
  width: 100%;
}
.OrderProgressBar-root.OrderProgressBar-od .OrderProgressBar-progress {
  width: 77%;
}
.OrderProgressBar-root.OrderProgressBar-od .OrderProgressBar-progressIndicator {
  left: 75%;
}
.OrderProgressBar-root.OrderProgressBar-dl .OrderProgressBar-progress,
.OrderProgressBar-root.OrderProgressBar-dl .OrderProgressBar-progressPreview {
  border-radius: 4px;
  width: 100%;
}
.OrderProgressBar-root.OrderProgressBar-dl .OrderProgressBar-progressIndicator {
  left: 75%;
}
.OrderProgressBar-root.OrderProgressBar-fl .OrderProgressBar-progress,
.OrderProgressBar-root.OrderProgressBar-rp .OrderProgressBar-progress {
  background-color: var(--color-status-critical);
  width: 77%;
}
.OrderProgressBar-root.OrderProgressBar-fl .OrderProgressBar-progressIndicator,
.OrderProgressBar-root.OrderProgressBar-rp .OrderProgressBar-progressIndicator {
  background-color: var(--color-status-critical);
  left: 75%;
}
.OrderProgressBar-progressTrack {
  background-color: var(--color-neutral-stroke);
  border-radius: 4px;
  width: 100%;
}
.OrderProgressBar-progressPreview {
  background-color: rgba(var(--color-status-highlight-shade), 0.5);
  border-radius: 4px 0 0 4px;
}
.OrderProgressBar-progress {
  background-color: var(--color-status-highlight-shade);
  border-radius: 4px 0 0 4px;
}
.OrderProgressBar-progressIndicator {
  background-color: var(--color-status-highlight-shade);
  border-radius: 50%;
  height: 24px;
  left: 0;
  position: relative;
  top: 0;
  transform: translateY(-8px);
  width: 24px;
}
.OrderProgressBar-icon {
  fill: var(--color-neutral-background);
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}
.OrderProgressBar-progressInfo {
  display: none;
}
.OrderProgressBar-progressInfo p {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
  width: 25%;
}
@media (min-width: 1025px) {
  .OrderProgressBar-progressInfo p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
  .OrderProgressBar-progressInfo {
    display: flex;
  }
}
.OrderProgressBar-active {
  font-weight: var(--small-body-medium-font-weight);
}
.DateRange-root {
  display: flex;
  justify-content: center;
}
.DateRange-root h3 {
  margin-bottom: 0;
}
.DateRange-arrow {
  padding: 0 10px;
}
.DateRange-arrow:first-child {
  margin-right: 5px;
}
.DateRange-arrow:last-child {
  margin-left: 5px;
}
.DateRange-arrow svg {
  fill: var(--color-neutral-on-surface-subdued);
  height: var(--space-1\.5);
  margin-right: 0;
  width: var(--space-1\.5);
}
.Chart-module-root .highcharts-credits {
  display: none;
}
.Chart-module-root .highcharts-graph {
  stroke: var(--color-primary-tint);
  stroke-width: 4;
}
.Filter-root {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.Filter-root,
.Filter-root .DateRange-root {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .Filter-root .DateRange-root {
    flex: 1.5 1;
    margin-bottom: 0;
  }
  .Filter-root {
    flex-direction: row;
  }
}
.Filter-title {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .Filter-title {
    flex: 1 1;
    margin-bottom: 0;
  }
}
.Filter-selectWrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .Filter-selectWrapper {
    flex: 1 1;
  }
}
.Filter-selectAmountDays {
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .Filter-selectAmountDays {
    float: right;
    width: 160px;
  }
}
@media (min-width: 1280px) {
  .Filter-selectAmountDays {
    width: 190px;
  }
}
.NoDataAvailable-root {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 260px;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .NoDataAvailable-root {
    height: 360px;
  }
}
.NoDataAvailable-icon {
  fill: var(--color-neutral-on-surface);
  height: 80px;
  margin-bottom: 20px;
  width: 80px;
}
@media (min-width: 768px) {
  .NoDataAvailable-icon {
    height: 100px;
    margin-bottom: 35px;
    width: 100px;
  }
}
.Panel-module-triggerContainer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Panel-module-contentContainer {
  overflow: hidden;
}
.Accordion-module-triggerContainer {
  align-items: center;
  background-color: var(--color-neutral-surface);
  border-bottom: 1px solid var(--color-neutral-stroke);
  color: var(--color-neutral-on-surface);
  display: flex;
  justify-content: space-between;
  padding: var(--space-2);
  position: relative;
  width: 100%;
}
.Accordion-module-triggerContainer.Accordion-module-triggerArrowInverse {
  border-bottom: none;
}
.Accordion-module-triggerContainer.Accordion-module-triggerArrowInverse
  .Accordion-module-trigger-icon
  svg {
  fill: var(--color-interactive-secondary);
}
@supports (contain: none) {
  .Accordion-module-triggerContainer:not(
      :disabled
    ).Accordion-module-focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    outline: none;
    z-index: 100;
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-visible {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    outline: none;
    z-index: 100;
  }
  .Accordion-module-triggerContainer:not(
      :disabled
    ).Accordion-module-focus-visible
    .Accordion-module-triggerArrow {
    border-color: var(--color-neutral-surface);
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-visible
    .Accordion-module-triggerArrow {
    border-color: var(--color-neutral-surface);
  }
  .Accordion-module-triggerContainer:not(
      :disabled
    ).Accordion-module-focus-visible
    .Accordion-module-triggerArrow
    svg {
    fill: var(--color-interactive-secondary);
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-visible
    .Accordion-module-triggerArrow
    svg {
    fill: var(--color-interactive-secondary);
  }
}
@supports (contain: none) {
  .Accordion-module-triggerContainer:not(:disabled)[focus-within] {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    outline: none;
    z-index: 100;
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-within {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    outline: none;
    z-index: 100;
  }
  .Accordion-module-triggerContainer:not(:disabled)[focus-within]
    .Accordion-module-triggerArrow {
    border-color: var(--color-neutral-surface);
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-within
    .Accordion-module-triggerArrow {
    border-color: var(--color-neutral-surface);
  }
  .Accordion-module-triggerContainer:not(:disabled)[focus-within]
    .Accordion-module-triggerArrow
    svg {
    fill: var(--color-interactive-secondary);
  }
  .Accordion-module-triggerContainer:not(:disabled):focus-within
    .Accordion-module-triggerArrow
    svg {
    fill: var(--color-interactive-secondary);
  }
}
@supports not (contain: none) {
  .Accordion-module-triggerContainer:not(:disabled):focus {
    background-color: var(--color-neutral-surface);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    outline: none;
    z-index: 100;
  }
  .Accordion-module-triggerContainer:not(:disabled):focus
    .Accordion-module-triggerArrow {
    border-color: var(--color-neutral-surface);
  }
  .Accordion-module-triggerContainer:not(:disabled):focus
    .Accordion-module-triggerArrow
    svg {
    fill: var(--color-interactive-secondary);
  }
}
.Accordion-module-triggerContainer:not(:disabled):hover {
  background-color: var(--color-neutral-surface);
  color: var(--color-interactive-secondary);
}
.Accordion-module-triggerContainer:not(:disabled):hover
  .Accordion-module-trigger {
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  line-height: var(--small-body-strong-line-height);
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .Accordion-module-triggerContainer:not(:disabled):hover
    .Accordion-module-trigger {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    line-height: var(--large-body-strong-line-height);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
.Accordion-module-triggerContainer:not(
    :disabled
  ):hover.Accordion-module-triggerArrowInverse
  svg {
  stroke: var(--color-interactive-on-secondary-tint);
}
.Accordion-module-triggerContainer:not(:disabled):active {
  background-color: var(--color-neutral-surface);
  color: var(--color-interactive-secondary-shade);
}
.Accordion-module-triggerContainer:not(:disabled):active
  .Accordion-module-triggerArrow {
  border-color: var(--color-neutral-surface);
}
.Accordion-module-triggerContainer:not(:disabled):active
  .Accordion-module-triggerArrow
  svg {
  fill: var(--color-interactive-secondary-shade);
}
.Accordion-module-triggerContainer:not(
    :disabled
  ):active.Accordion-module-triggerArrowInverse
  svg {
  stroke: var(--color-interactive-secondary-shade);
}
.Accordion-module-triggerContainer:disabled {
  background-color: var(--color-neutral-surface);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
}
.Accordion-module-triggerContainer:disabled.Accordion-module-triggerArrowInverse {
  border-bottom: none;
}
.Accordion-module-triggerContainer:disabled.Accordion-module-triggerArrowInverse
  .Accordion-module-trigger-icon
  svg,
.Accordion-module-triggerContainer:disabled.Accordion-module-triggerArrowInverse
  .Accordion-module-triggerArrow
  svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
  stroke: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Accordion-module-triggerContainer:disabled .Accordion-module-triggerArrow svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Accordion-module-triggerContainer:not(:last-of-type) {
  padding-bottom: calc(var(--space-2) - 1px);
}
.Accordion-module-trigger {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  text-align: left;
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .Accordion-module-trigger {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.Accordion-module-triggerArrow {
  align-items: center;
  border: 1px solid var(--color-neutral-surface);
  border-radius: var(--radius-iconButton);
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  margin-left: var(--space-1\.5);
  width: 48px;
}
.Accordion-module-triggerArrow svg {
  fill: var(--color-interactive-secondary);
  height: 16px;
  transition: transform var(--motion-ease-in-out);
  width: 16px;
}
.Accordion-module-triggerArrowInverse svg {
  stroke: var(--color-interactive-secondary);
  stroke-width: 1px;
}
.Accordion-module-triggerArrowInverse svg.Accordion-module-arrow {
  transform: rotate(180deg);
}
.Accordion-module-content {
  background-color: var(--color-neutral-surface-variant);
  border-bottom: 1px solid var(--color-neutral-stroke);
  color: var(--color-neutral-on-surface);
  padding: var(--space-3);
}
.Accordion-module-trigger-icon {
  align-items: center;
  display: flex;
  width: 100%;
}
.Accordion-module-trigger-icon svg {
  margin-right: var(--space-base);
  width: 14px;
}
.Accordion-module-with-icon.Accordion-module-with-description {
  grid-row-gap: 8px;
  display: grid;
  grid-template-columns: var(--space-3) 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 8px;
}
.Accordion-module-with-icon.Accordion-module-with-description svg {
  align-self: center;
}
.Accordion-module-with-icon.Accordion-module-with-description.Accordion-module-trigger {
  line-height: 28px;
}
.Accordion-module-with-icon.Accordion-module-no-description {
  display: flex;
}
.Accordion-module-description {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--large-body-small-font-family);
  font-size: var(--large-body-small-font-size);
  font-weight: var(--large-body-small-font-weight);
  grid-column-start: 2;
  line-height: var(--large-body-small-line-height);
  text-align: left;
}
.Accordion-module-description.Accordion-module-no-icon {
  margin-top: 8px;
}
.Tag-module-root {
  border-radius: var(--radius-tag);
  display: inline-table;
  font-family: var(--small-tag-default-font-family);
  font-size: var(--small-tag-default-font-size);
  font-weight: var(--small-tag-default-font-weight);
  letter-spacing: var(--small-tag-default-letter-spacing);
  line-height: var(--small-tag-default-line-height);
  padding: 2px var(--space-1\.5);
  -webkit-text-decoration: var(--small-tag-default-text-decoration);
  text-decoration: var(--small-tag-default-text-decoration);
  text-transform: var(--small-tag-default-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-root {
    font-family: var(--large-tag-default-font-family);
    font-size: var(--large-tag-default-font-size);
    font-weight: var(--large-tag-default-font-weight);
    letter-spacing: var(--large-tag-default-letter-spacing);
    line-height: var(--large-tag-default-line-height);
    -webkit-text-decoration: var(--large-tag-default-text-decoration);
    text-decoration: var(--large-tag-default-text-decoration);
    text-transform: var(--large-tag-default-text-transform);
  }
}
.Tag-module-branded {
  background-color: var(--color-interactive-primary-tint);
  border: 1px solid var(--color-interactive-primary);
  color: var(--color-interactive-on-primary-tint);
}
.Tag-module-critical {
  background-color: var(--color-status-critical-tint);
  border: 1px solid var(--color-status-critical);
  color: var(--color-status-on-critical-tint);
}
.Tag-module-disabled {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-surface-states-surface-disabled);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Tag-module-highlight {
  background-color: var(--color-status-highlight-tint);
  border: 1px solid var(--color-status-highlight);
  color: var(--color-status-on-highlight-tint);
}
.Tag-module-neutral {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke);
  color: var(--color-neutral-on-surface);
}
.Tag-module-success {
  background-color: var(--color-status-success-tint);
  border: 1px solid var(--color-status-success);
  color: var(--color-status-on-success-tint);
}
.Tag-module-warning {
  background-color: var(--color-status-warning-tint);
  border: 1px solid var(--color-status-warning);
  color: var(--color-status-on-warning);
}
.Tag-module-health-critical {
  background-color: var(--color-status-critical);
  border: 1px solid var(--color-status-critical);
  color: var(--color-status-on-critical);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-critical {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.Tag-module-health-disabled {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-surface-states-surface-disabled);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-disabled {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.Tag-module-health-highlight {
  background-color: var(--color-status-highlight);
  border: 1px solid var(--color-status-highlight);
  color: var(--color-status-on-highlight);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-highlight {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.Tag-module-health-neutral {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke);
  color: var(--color-neutral-on-surface);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-neutral {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.Tag-module-health-success {
  background-color: var(--color-status-success);
  border: 1px solid var(--color-status-success);
  color: var(--color-status-on-success);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-success {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.Tag-module-health-warning {
  background-color: var(--color-status-warning);
  border: 1px solid var(--color-status-warning);
  color: var(--color-status-on-warning);
  font-family: var(--small-tag-medium-font-family);
  font-size: var(--small-tag-medium-font-size);
  font-weight: var(--small-tag-medium-font-weight);
  letter-spacing: var(--small-tag-medium-letter-spacing);
  line-height: var(--small-tag-medium-line-height);
  -webkit-text-decoration: var(--small-tag-medium-text-decoration);
  text-decoration: var(--small-tag-medium-text-decoration);
  text-transform: var(--small-tag-medium-text-transform);
}
@media (min-width: 1025px) {
  .Tag-module-health-warning {
    font-family: var(--large-tag-medium-font-family);
    font-size: var(--large-tag-medium-font-size);
    font-weight: var(--large-tag-medium-font-weight);
    letter-spacing: var(--large-tag-medium-letter-spacing);
    line-height: var(--large-tag-medium-line-height);
    -webkit-text-decoration: var(--large-tag-medium-text-decoration);
    text-decoration: var(--large-tag-medium-text-decoration);
    text-transform: var(--large-tag-medium-text-transform);
  }
}
.AchievedWeightModal-root {
  text-align: center;
}
.AchievedWeightModal-root h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AchievedWeightModal-image {
  margin-bottom: var(--space-2);
}
@media (min-width: 480px) {
  .AppLinks-root a {
    display: inline-block;
  }
  .AppLinks-root a:first-child {
    margin-right: var(--space-2);
  }
}
@media (min-width: 768px) {
  .AppLinks-root a:first-child {
    margin-right: var(--space-4);
  }
}
.AppLinks-image {
  display: block;
  margin: var(--space-4) auto 0;
}
@media (min-width: 480px) {
  .AppLinks-image {
    display: inline-block;
    margin: 0;
  }
}
.Tab-module-root {
  border-radius: var(--radius-tab);
  color: var(--color-neutral-on-background-subdued);
  cursor: pointer;
  flex-shrink: 0;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  margin-left: var(--space-2);
  padding: 10px var(--space-1\.5);
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .Tab-module-root {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
@supports (contain: none) {
  .Tab-module-root.Tab-module-focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Tab-module-root:focus-visible {
    background-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Tab-module-root.Tab-module-focus-visible:after {
    display: none;
  }
  .Tab-module-root:focus-visible:after {
    display: none;
  }
}
@supports (contain: none) {
  .Tab-module-root[focus-within] {
    background-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Tab-module-root:focus-within {
    background-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Tab-module-root[focus-within]:after {
    display: none;
  }
  .Tab-module-root:focus-within:after {
    display: none;
  }
}
@supports not (contain: none) {
  .Tab-module-root:focus {
    background-color: var(--color-interactive-secondary-tint);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-on-secondary-tint);
    outline: none;
  }
  .Tab-module-root:focus:after {
    display: none;
  }
}
.Tab-module-root:hover {
  color: var(--color-interactive-on-secondary-tint);
}
.Tab-module-root:active,
.Tab-module-root:hover {
  background-color: var(--color-interactive-secondary-tint);
}
.Tab-module-root.Tab-module-selected,
.Tab-module-root:active {
  color: var(--color-neutral-on-background);
}
.Tab-module-root.Tab-module-selected {
  background-color: hsla(0, 0%, 100%, 0.01);
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Tab-module-root.Tab-module-selected {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.Tab-module-root.Tab-module-selected:after {
  background-color: var(--color-interactive-secondary);
  border-radius: var(--radius-button);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.Tab-module-root:first-of-type {
  margin-left: 0;
}
.Calendar-module-root {
  background-color: var(--color-neutral-background);
  display: inline-block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  min-width: 308px;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
}
@media (min-width: 1025px) {
  .Calendar-module-root {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.Calendar-module-dayTitleContainer {
  border-bottom: 1px solid var(--color-neutral-stroke);
}
.Calendar-module-dayTitle {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Calendar-module-dayTitle {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Calendar-module-days {
  border-collapse: collapse;
}
.Calendar-module-days tbody:before {
  content: "";
  display: table-row;
  height: 10px;
}
.Calendar-module-cell {
  height: 44px;
  text-align: center;
  width: 44px;
}
.Calendar-module-day:disabled span {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
@media (min-width: 1280px) {
  .FoodAppLinks-content {
    display: flex;
  }
}
.FoodAppLinks-apps {
  margin-bottom: var(--space-4);
}
@media (min-width: 1280px) {
  .FoodAppLinks-apps {
    flex: 1 1;
    margin-bottom: 0;
  }
}
.FoodAppLinks-appLinks {
  display: flex;
  justify-content: center;
}
@media (min-width: 1280px) {
  .FoodAppLinks-appLinks {
    align-self: center;
    flex-shrink: 0;
    margin-left: 44px;
  }
}
.TabNavigation-module-root {
  display: flex;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: var(--space-base) 0;
}
.BackHeader-root {
  align-items: center;
  display: flex;
  margin-bottom: var(--space-2);
  padding: 0 var(--space-2);
}
@media (min-width: 768px) {
  .BackHeader-root {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .BackHeader-root {
    margin-bottom: 48px;
  }
}
.BackHeader-button {
  background-color: var(--color-neutral-background);
  border-radius: 50%;
  box-shadow: var(--elevation-dropdownMenu);
  flex-shrink: 0;
  height: var(--space-4);
  margin-right: var(--space-2);
  padding: 0;
  position: relative;
  width: var(--space-4);
}
.BackHeader-button svg {
  fill: var(--color-neutral-on-background-subdued);
  height: var(--space-1\.5);
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--space-1\.5);
}
@media (min-width: 1025px) {
  .BackHeader-button {
    height: 44px;
    margin-right: var(--space-4);
    width: 44px;
  }
  .BackHeader-button svg {
    height: var(--space-2);
    width: var(--space-2);
  }
}
.BackHeader-mainHeading {
  margin-bottom: 0;
  padding: 0;
}
.SugarLevelModal-tipWrapper {
  background-color: var(--color-neutral-background-variant);
  border-radius: var(--space-base);
  display: flex;
  margin-bottom: var(--space-4);
  padding: var(--space-2);
}
.SugarLevelModal-tipWrapper svg {
  fill: var(--color-status-highlight-shade);
  flex-shrink: 0;
  height: var(--space-3);
  margin-right: var(--space-2);
  width: var(--space-3);
}
.SugarLevelModal-rangeSlider {
  margin-bottom: var(--space-4);
}
.SugarLevelModal-currentValue {
  color: var(--color-modal-text);
  font-size: var(--small-heading-md-font-size);
  margin-bottom: var(--space-base);
  margin-top: var(--space-4);
  text-align: center;
}
.TabPanel-module-root {
  display: none;
}
.TabPanel-module-active {
  display: block;
}
@media (min-width: 768px) {
  .Tabs-mainHeading {
    margin-bottom: var(--space-2);
  }
}
@media (min-width: 1025px) {
  .Tabs-mainHeading {
    margin-bottom: var(--space-2);
  }
}
.Tabs-oneappTabSpace {
  padding-left: var(--space-3);
}
@media (min-width: 768px) {
  .Tabs-oneappTabSpace {
    padding-left: 0;
  }
}
.TextInput-module-root {
  margin-bottom: var(--space-3);
}
.TextInput-module-root .TextInput-module-control {
  position: relative;
}
.TextInput-module-root .TextInput-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .TextInput-module-root .TextInput-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.TextInput-module-root.TextInput-module-withHelpNode .TextInput-module-label {
  margin-bottom: 0;
}
.TextInput-module-root.TextInput-module-isLoading .TextInput-module-item {
  padding-right: 36px;
}
.TextInput-module-root.TextInput-module-disabled .TextInput-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextInput-module-root.TextInput-module-containsError .TextInput-module-label {
  color: var(--color-status-critical);
}
.TextInput-module-root.TextInput-module-containsError .TextInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.TextInput-module-root.TextInput-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.TextInput-module-root.TextInput-module-containsWarning .TextInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.TextInput-module-root .TextInput-module-label {
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .TextInput-module-root .TextInput-module-label {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.TextInput-module-isSearch .TextInput-module-item {
  padding-right: 36px;
}
.TextInput-module-isSearch.TextInput-module-rightIcon .TextInput-module-item {
  padding-right: 60px;
}
.TextInput-module-isSearch.TextInput-module-rightIcon .TextInput-module-clear {
  right: 36px;
}
.TextInput-module-itemContainer {
  position: relative;
}
.TextInput-module-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-neutral-surface);
  background-image: none;
  border-color: var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  border-style: solid;
  border-width: 1px;
  color: var(--color-neutral-on-surface);
  display: block;
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  outline: none;
  padding: calc(var(--space-1\.5) - 1px);
  position: relative;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  width: 100%;
}
@media (min-width: 1025px) {
  .TextInput-module-item {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.TextInput-module-item:not(:disabled):focus,
.TextInput-module-item:not(:disabled):hover {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  padding: calc(var(--space-1\.5) - 2px);
}
.TextInput-module-item:not(:disabled):focus {
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  color: var(--color-neutral-on-surface);
}
.TextInput-module-item:disabled {
  -webkit-text-fill-color: var(
    --color-neutral-on-surface-states-on-surface-disabled
  );
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.TextInput-module-item:disabled::-moz-placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextInput-module-item:disabled::placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.TextInput-module-item::-moz-placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.TextInput-module-item::placeholder {
  color: var(--color-neutral-on-surface-placeholder);
}
.TextInput-module-item::-webkit-search-cancel-button {
  display: none;
}
.TextInput-module-readOnly .TextInput-module-item:not(:disabled) {
  background-color: var(--color-neutral-surface-variant);
  color: var(--color-neutral-on-surface);
}
.TextInput-module-clear {
  height: 16px;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.TextInput-module-clear svg {
  fill: var(--color-neutral-on-surface-subdued);
}
.TextInput-module-isLoading .TextInput-module-clear {
  display: none;
}
.TextInput-module-leftIcon .TextInput-module-item {
  padding-left: 36px;
}
.TextInput-module-leftIcon .TextInput-module-item:focus,
.TextInput-module-leftIcon .TextInput-module-item:hover {
  padding-left: 35px;
}
.TextInput-module-leftIcon .TextInput-module-icon {
  left: var(--space-1\.5);
}
.TextInput-module-rightIcon .TextInput-module-item {
  padding-right: 36px;
}
.TextInput-module-rightIcon .TextInput-module-item:focus,
.TextInput-module-rightIcon .TextInput-module-item:hover {
  padding-right: 35px;
}
.TextInput-module-rightIcon .TextInput-module-icon {
  right: var(--space-1\.5);
}
.TextInput-module-rightIcon.TextInput-module-isLoading .TextInput-module-icon {
  display: none;
}
.TextInput-module-icon {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.TextInput-module-icon svg {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 16px;
  width: 16px;
}
.TextInput-module-loader {
  pointer-events: none;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
}
.TextInput-module-withAdditionalContent {
  align-items: center;
  display: flex;
}
.TextInput-module-contentBefore {
  flex-shrink: 0;
  margin-right: var(--space-1\.5);
}
.TextInput-module-contentAfter {
  flex-shrink: 0;
  margin-left: var(--space-1\.5);
}
.PasswordInput-module-withToggle {
  padding-right: 36px;
}
.PasswordInput-module-toggle {
  height: 16px;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.PasswordInput-module-toggle svg {
  fill: var(--color-neutral-on-surface-subdued);
}
.PhoneInput-module-root .PhoneInput {
  align-items: center;
  display: flex;
}
.PhoneInput-module-root .PhoneInput .PhoneInputInput {
  flex: 1 1;
  min-width: 0;
}
.PhoneInput-module-root .PhoneInput .PhoneInputCountryIcon {
  align-items: center;
  background-color: var(--color-neutral-background-variant);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  display: flex;
  height: 100%;
  padding: 0 36px 0 var(--space-1\.5);
  width: 100%;
}
.PhoneInput-module-root .PhoneInput .PhoneInputCountryIconImg {
  flex-shrink: 0;
  height: 16px;
  width: 24px;
}
.PhoneInput-module-root .PhoneInput .PhoneInputCountry {
  align-items: center;
  align-self: stretch;
  display: flex;
  margin-right: var(--space-base);
  position: relative;
}
.PhoneInput-module-root .PhoneInput .PhoneInputCountry svg {
  fill: var(--color-neutral-on-surface-subdued);
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: var(--space-1\.5);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.PhoneInput-module-root .PhoneInput .PhoneInputCountrySelect {
  border: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.PhoneInput-module-readOnly
  .PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect,
.PhoneInput-module-root .PhoneInput .PhoneInputCountrySelect:disabled {
  cursor: not-allowed;
}
.PhoneInput-module-readOnly
  .PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect
  ~ .PhoneInputCountryIcon,
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:disabled
  ~ .PhoneInputCountryIcon {
  -webkit-text-fill-color: var(
    --color-neutral-on-surface-states-on-surface-disabled
  );
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border-color: var(--color-neutral-stroke-form-border);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.PhoneInput-module-readOnly
  .PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect
  ~ .PhoneInputCountryIcon::-moz-placeholder,
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:disabled
  ~ .PhoneInputCountryIcon::-moz-placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.PhoneInput-module-readOnly
  .PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect
  ~ .PhoneInputCountryIcon::placeholder,
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:disabled
  ~ .PhoneInputCountryIcon::placeholder {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.PhoneInput-module-readOnly
  .PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect
  ~ svg,
.PhoneInput-module-root .PhoneInput .PhoneInputCountrySelect:disabled ~ svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:not(:disabled):focus
  ~ .PhoneInputCountryIcon,
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:not(:disabled):hover
  ~ .PhoneInputCountryIcon {
  background-color: var(--color-neutral-background-variant);
  border: 2px solid var(--color-interactive-secondary);
  padding: 0 35px 0 calc(var(--space-1\.5) - 1px);
}
.PhoneInput-module-root
  .PhoneInput
  .PhoneInputCountrySelect:not(:disabled):focus
  ~ .PhoneInputCountryIcon {
  box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
    0 0 2px 4px var(--accessibility-focus-outer-shadow);
  box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
  outline: none;
}
.PhoneInput-module-readOnlySelect {
  pointer-events: none;
}
.PhoneInput-module-root {
  margin-bottom: var(--space-3);
}
.PhoneInput-module-root .PhoneInput-module-control {
  position: relative;
}
.PhoneInput-module-root .PhoneInput-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .PhoneInput-module-root .PhoneInput-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.PhoneInput-module-root.PhoneInput-module-withHelpNode
  .PhoneInput-module-label {
  margin-bottom: 0;
}
.PhoneInput-module-root.PhoneInput-module-isLoading .PhoneInput-module-item {
  padding-right: 36px;
}
.PhoneInput-module-root.PhoneInput-module-disabled .PhoneInput-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.PhoneInput-module-root.PhoneInput-module-containsError
  .PhoneInput-module-label {
  color: var(--color-status-critical);
}
.PhoneInput-module-root.PhoneInput-module-containsError
  .PhoneInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.PhoneInput-module-root.PhoneInput-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.PhoneInput-module-root.PhoneInput-module-containsWarning
  .PhoneInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.PhoneInput-module-root .PhoneInput-module-callingCode1 {
  padding-left: 34px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode1:not(:disabled):focus,
.PhoneInput-module-root .PhoneInput-module-callingCode1:not(:disabled):hover {
  padding-left: 33px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode2 {
  padding-left: 44px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode2:not(:disabled):focus,
.PhoneInput-module-root .PhoneInput-module-callingCode2:not(:disabled):hover {
  padding-left: 43px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode3 {
  padding-left: 54px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode3:not(:disabled):focus,
.PhoneInput-module-root .PhoneInput-module-callingCode3:not(:disabled):hover {
  padding-left: 53px;
}
.PhoneInput-module-root .PhoneInput-module-callingCode4 {
  padding-left: var(--space-8);
}
.PhoneInput-module-root .PhoneInput-module-callingCode4:not(:disabled):focus,
.PhoneInput-module-root .PhoneInput-module-callingCode4:not(:disabled):hover {
  padding-left: calc(var(--space-8) - 1px);
}
.PhoneInput-module-root.PhoneInput-module-noCountrySelect .PhoneInputCountry {
  display: none;
}
.PhoneInput-module-callingCode {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-input-default-font-family);
  font-size: var(--small-input-default-font-size);
  font-weight: var(--small-input-default-font-weight);
  left: 94px;
  letter-spacing: var(--small-input-default-letter-spacing);
  line-height: var(--small-input-default-line-height);
  pointer-events: none;
  position: absolute;
  -webkit-text-decoration: var(--small-input-default-text-decoration);
  text-decoration: var(--small-input-default-text-decoration);
  text-transform: var(--small-input-default-text-transform);
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1025px) {
  .PhoneInput-module-callingCode {
    font-family: var(--large-input-default-font-family);
    font-size: var(--large-input-default-font-size);
    font-weight: var(--large-input-default-font-weight);
    letter-spacing: var(--large-input-default-letter-spacing);
    line-height: var(--large-input-default-line-height);
    -webkit-text-decoration: var(--large-input-default-text-decoration);
    text-decoration: var(--large-input-default-text-decoration);
    text-transform: var(--large-input-default-text-transform);
  }
}
.PhoneInput-module-noCountrySelect .PhoneInput-module-callingCode {
  left: var(--space-1\.5);
}
.PhoneInput-module-disabled .PhoneInput-module-callingCode {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.NewPasswordEntry-criteriaContainer {
  margin-bottom: 24px;
}
.NewPasswordEntry-reEntryInvalid .NewPasswordEntry-reEntryItem {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.MFAInput-module-root {
  margin-bottom: var(--space-3);
}
.MFAInput-module-root .MFAInput-module-control {
  position: relative;
}
.MFAInput-module-root .MFAInput-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .MFAInput-module-root .MFAInput-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.MFAInput-module-root.MFAInput-module-withHelpNode .MFAInput-module-label {
  margin-bottom: 0;
}
.MFAInput-module-root.MFAInput-module-isLoading .MFAInput-module-item {
  padding-right: 36px;
}
.MFAInput-module-root.MFAInput-module-disabled .MFAInput-module-icon svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.MFAInput-module-root.MFAInput-module-containsError .MFAInput-module-label {
  color: var(--color-status-critical);
}
.MFAInput-module-root.MFAInput-module-containsError .MFAInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.MFAInput-module-root.MFAInput-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.MFAInput-module-root.MFAInput-module-containsWarning .MFAInput-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.MFAInput-module-container {
  display: flex;
}
.MFAInput-module-itemRoot {
  flex-shrink: 0;
  margin: 0 var(--space-base) 0 0;
  width: 46px;
}
.MFAInput-module-itemRoot:last-of-type {
  margin-right: 0;
}
.MFAInput-module-item {
  text-align: center;
}
.Troubleshooting-actions {
  display: flex;
  justify-content: flex-end;
}
.Troubleshooting-cancel {
  margin-right: var(--space-4);
}
.Chip-module-root {
  display: inline-block;
  position: relative;
}
.Chip-module-item {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
@supports (contain: none) {
  .Chip-module-item:not([disabled]).Chip-module-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Chip-module-item:not([disabled]):focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Chip-module-item:not([disabled]).Chip-module-focus-visible
    ~ .Chip-module-container {
    background-color: var(--color-neutral-surface);
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    padding: 12px 14px;
  }
  .Chip-module-item:not([disabled]):focus-visible ~ .Chip-module-container {
    background-color: var(--color-neutral-surface);
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    padding: 12px 14px;
  }
  .Chip-module-item:not([disabled]).Chip-module-focus-visible
    ~ .Chip-module-container
    .Chip-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .Chip-module-item:not([disabled]):focus-visible
    ~ .Chip-module-container
    .Chip-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]).Chip-module-focus-visible
    ~ .Chip-module-container {
    padding: 16px 22px 12px;
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):focus-visible
    ~ .Chip-module-container {
    padding: 16px 22px 12px;
  }
}
@supports (contain: none) {
  .Chip-module-item:not([disabled])[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Chip-module-item:not([disabled]):focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Chip-module-item:not([disabled])[focus-within] ~ .Chip-module-container {
    background-color: var(--color-neutral-surface);
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    padding: 12px 14px;
  }
  .Chip-module-item:not([disabled]):focus-within ~ .Chip-module-container {
    background-color: var(--color-neutral-surface);
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    padding: 12px 14px;
  }
  .Chip-module-item:not([disabled])[focus-within]
    ~ .Chip-module-container
    .Chip-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .Chip-module-item:not([disabled]):focus-within
    ~ .Chip-module-container
    .Chip-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled])[focus-within]
    ~ .Chip-module-container {
    padding: 16px 22px 12px;
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):focus-within
    ~ .Chip-module-container {
    padding: 16px 22px 12px;
  }
}
@supports not (contain: none) {
  .Chip-module-item:not([disabled]):focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Chip-module-item:not([disabled]):focus ~ .Chip-module-container {
    background-color: var(--color-neutral-surface);
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    color: var(--color-interactive-secondary);
    padding: 12px 14px;
  }
  .Chip-module-item:not([disabled]):focus
    ~ .Chip-module-container
    .Chip-module-icon {
    fill: var(--color-interactive-secondary);
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):focus
    ~ .Chip-module-container {
    padding: 16px 22px 12px;
  }
}
.Chip-module-item:not([disabled]):hover ~ .Chip-module-container {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  color: var(--color-interactive-secondary);
  padding: 12px 14px;
}
.Chip-module-item:not([disabled]):hover
  ~ .Chip-module-container
  .Chip-module-icon {
  fill: var(--color-interactive-secondary);
}
.Chip-module-topIcon
  .Chip-module-item:not([disabled]):hover
  ~ .Chip-module-container {
  padding: 16px 22px 12px;
}
.Chip-module-item:not([disabled]):active ~ .Chip-module-container,
.Chip-module-item:not([disabled]):checked ~ .Chip-module-container {
  background-color: var(--color-interactive-secondary-tint);
  border: 2px solid var(--color-interactive-on-secondary-tint);
  color: var(--color-interactive-on-secondary-tint);
  padding: 12px 14px;
}
.Chip-module-item:not([disabled]):active
  ~ .Chip-module-container
  .Chip-module-icon,
.Chip-module-item:not([disabled]):checked
  ~ .Chip-module-container
  .Chip-module-icon {
  fill: var(--color-interactive-on-secondary-tint);
}
.Chip-module-topIcon
  .Chip-module-item:not([disabled]):active
  ~ .Chip-module-container,
.Chip-module-topIcon
  .Chip-module-item:not([disabled]):checked
  ~ .Chip-module-container {
  padding: 16px 22px 12px;
}
@media (max-width: 1025px) {
  @supports (contain: none) {
    .Chip-module-item:not([disabled]).Chip-module-focus-visible {
      box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
        0 0 2px 4px var(--accessibility-focus-outer-shadow);
      outline: none;
    }
    .Chip-module-item:not([disabled]):focus-visible {
      box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
        0 0 2px 4px var(--accessibility-focus-outer-shadow);
      outline: none;
    }
    .Chip-module-item:not([disabled]).Chip-module-focus-visible
      ~ .Chip-module-container {
      padding: 10px 14px;
    }
    .Chip-module-item:not([disabled]):focus-visible ~ .Chip-module-container {
      padding: 10px 14px;
    }
    .Chip-module-topIcon
      .Chip-module-item:not([disabled]).Chip-module-focus-visible
      ~ .Chip-module-container {
      padding: 10px 14px 6px;
    }
    .Chip-module-topIcon
      .Chip-module-item:not([disabled]):focus-visible
      ~ .Chip-module-container {
      padding: 10px 14px 6px;
    }
  }
  @supports (contain: none) {
    .Chip-module-item:not([disabled])[focus-within] {
      box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
        0 0 2px 4px var(--accessibility-focus-outer-shadow);
      outline: none;
    }
    .Chip-module-item:not([disabled]):focus-within {
      box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
        0 0 2px 4px var(--accessibility-focus-outer-shadow);
      outline: none;
    }
    .Chip-module-item:not([disabled])[focus-within] ~ .Chip-module-container {
      padding: 10px 14px;
    }
    .Chip-module-item:not([disabled]):focus-within ~ .Chip-module-container {
      padding: 10px 14px;
    }
    .Chip-module-topIcon
      .Chip-module-item:not([disabled])[focus-within]
      ~ .Chip-module-container {
      padding: 10px 14px 6px;
    }
    .Chip-module-topIcon
      .Chip-module-item:not([disabled]):focus-within
      ~ .Chip-module-container {
      padding: 10px 14px 6px;
    }
  }
  @supports not (contain: none) {
    .Chip-module-item:not([disabled]):focus {
      box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
        0 0 2px 4px var(--accessibility-focus-outer-shadow);
      outline: none;
    }
    .Chip-module-item:not([disabled]):focus ~ .Chip-module-container {
      padding: 10px 14px;
    }
    .Chip-module-topIcon
      .Chip-module-item:not([disabled]):focus
      ~ .Chip-module-container {
      padding: 10px 14px 6px;
    }
  }
  .Chip-module-item:not([disabled]):hover ~ .Chip-module-container {
    padding: 10px 14px;
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):hover
    ~ .Chip-module-container {
    padding: 10px 14px 6px;
  }
  .Chip-module-item:not([disabled]):active ~ .Chip-module-container,
  .Chip-module-item:not([disabled]):checked ~ .Chip-module-container {
    padding: 10px 14px;
  }
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):active
    ~ .Chip-module-container,
  .Chip-module-topIcon
    .Chip-module-item:not([disabled]):checked
    ~ .Chip-module-container {
    padding: 10px 14px 6px;
  }
}
.Chip-module-item:disabled {
  cursor: not-allowed;
}
.Chip-module-item:disabled ~ .Chip-module-container {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-stroke);
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Chip-module-item:disabled ~ .Chip-module-container .Chip-module-icon {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Chip-module-container {
  align-items: center;
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke);
  border-radius: var(--radius-chip);
  color: var(--color-neutral-on-surface-subdued);
  display: flex;
  padding: 13px 15px;
}
.Chip-module-containsError .Chip-module-container {
  border-color: var(--color-status-critical);
}
.Chip-module-topIcon .Chip-module-container {
  flex-direction: column;
  padding: 17px 23px 13px;
}
@media (max-width: 1025px) {
  .Chip-module-topIcon .Chip-module-container {
    padding: 11px 15px 7px;
  }
  .Chip-module-container {
    padding: 11px 15px;
  }
  .Chip-module-topIcon .Chip-module-container {
    padding: 11px 15px 7px;
  }
}
.Chip-module-row {
  align-items: center;
  display: flex;
}
.Chip-module-label {
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
}
@media (min-width: 1025px) {
  .Chip-module-label {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.Chip-module-icon {
  fill: var(--color-neutral-on-surface-subdued);
}
.Chip-module-iconDismiss {
  height: 12px;
  margin: 2px 2px 2px 10px;
  width: 12px;
}
.Chip-module-leftIcon .Chip-module-iconDisplay {
  height: 12px;
  margin: 2px 10px 2px 2px;
  width: 12px;
}
.Chip-module-topIcon .Chip-module-iconDisplay {
  height: 18px;
  margin: 3px 3px 19px;
  width: 18px;
}
@media (max-width: 1025px) {
  .Chip-module-topIcon .Chip-module-iconDisplay {
    margin: 3px 3px 15px;
  }
}
.CheckableGroup-module-root {
  margin-bottom: var(--space-3);
}
.CheckableGroup-module-root .CheckableGroup-module-control {
  position: relative;
}
.CheckableGroup-module-root .CheckableGroup-module-helpNode {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-base);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .CheckableGroup-module-root .CheckableGroup-module-helpNode {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.CheckableGroup-module-root.CheckableGroup-module-withHelpNode
  .CheckableGroup-module-label {
  margin-bottom: 0;
}
.CheckableGroup-module-root.CheckableGroup-module-isLoading
  .CheckableGroup-module-item {
  padding-right: 36px;
}
.CheckableGroup-module-root.CheckableGroup-module-disabled
  .CheckableGroup-module-icon
  svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.CheckableGroup-module-root.CheckableGroup-module-containsError
  .CheckableGroup-module-label {
  color: var(--color-status-critical);
}
.CheckableGroup-module-root.CheckableGroup-module-containsError
  .CheckableGroup-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-critical);
  color: var(--color-neutral-on-surface);
}
.CheckableGroup-module-root.CheckableGroup-module-containsWarning {
  color: var(--color-status-warning-shade);
}
.CheckableGroup-module-root.CheckableGroup-module-containsWarning
  .CheckableGroup-module-item {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-status-warning-shade);
  color: var(--color-neutral-on-surface);
}
.CheckableGroup-module-root.CheckableGroup-module-containsError
  .CheckableGroup-module-items {
  margin-bottom: var(--space-base);
}
.CheckableGroup-module-root.CheckableGroup-module-containsError
  .CheckableGroup-module-item {
  background-color: transparent;
}
.CheckableGroup-module-items {
  margin-bottom: calc(var(--space-2) * -1);
}
.CheckableGroup-module-item {
  margin: 0 var(--space-2) var(--space-2) 0;
}
.CheckableGroup-module-item:last-of-type {
  margin-right: 0;
}
.ConfirmOrders-root {
  margin: 40px var(--space-8);
}
.ConfirmOrders-form .ConfirmOrders-readonly {
  -webkit-text-fill-color: var(--color-neutral-on-background-subdued);
  background-color: var(--color-neutral-background-variant);
  border-color: var(--color-neutral-stroke);
  color: var(--color-neutral-on-background-subdued);
  cursor: not-allowed;
}
.ConfirmOrders-form .ConfirmOrders-iconLock {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
@media (min-width: 768px) {
  .ConfirmOrders-form {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - var(--space-1\.5));
  }
  .ConfirmOrders-form:first-child {
    margin-right: var(--space-1\.5);
  }
  .ConfirmOrders-form:last-child {
    margin-left: var(--space-1\.5);
  }
}
.ConfirmOrders-formSection {
  margin: var(--space-1\.5) 0 var(--space-4);
}
@media (min-width: 768px) {
  .ConfirmOrders-formSection {
    margin-bottom: var(--space-1\.5);
  }
}
.ConfirmOrders-cardHeading {
  font-family: var(--small-heading-xl-font-family);
  font-size: var(--small-heading-xl-font-size);
  font-weight: var(--small-heading-xl-font-weight);
  letter-spacing: var(--small-heading-xl-letter-spacing);
  line-height: var(--small-heading-xl-line-height);
  margin-bottom: var(--space-4);
  -webkit-text-decoration: var(--small-heading-xl-text-decoration);
  text-decoration: var(--small-heading-xl-text-decoration);
  text-transform: var(--small-heading-xl-text-transform);
}
@media (min-width: 1025px) {
  .ConfirmOrders-cardHeading {
    font-family: var(--large-heading-xl-font-family);
    font-size: var(--large-heading-xl-font-size);
    font-weight: var(--large-heading-xl-font-weight);
    letter-spacing: var(--large-heading-xl-letter-spacing);
    line-height: var(--large-heading-xl-line-height);
    -webkit-text-decoration: var(--large-heading-xl-text-decoration);
    text-decoration: var(--large-heading-xl-text-decoration);
    text-transform: var(--large-heading-xl-text-transform);
  }
}
.ConfirmOrders-cardSubHeading {
  font-family: var(--small-heading-md-font-family);
  font-size: var(--small-heading-md-font-size);
  font-weight: var(--small-heading-md-font-weight);
  letter-spacing: var(--small-heading-md-letter-spacing);
  line-height: var(--small-heading-md-line-height);
  margin-top: var(--space-4);
  -webkit-text-decoration: var(--small-heading-md-text-decoration);
  text-decoration: var(--small-heading-md-text-decoration);
  text-transform: var(--small-heading-md-text-transform);
}
@media (min-width: 1025px) {
  .ConfirmOrders-cardSubHeading {
    font-family: var(--large-heading-md-font-family);
    font-size: var(--large-heading-md-font-size);
    font-weight: var(--large-heading-md-font-weight);
    letter-spacing: var(--large-heading-md-letter-spacing);
    line-height: var(--large-heading-md-line-height);
    -webkit-text-decoration: var(--large-heading-md-text-decoration);
    text-decoration: var(--large-heading-md-text-decoration);
    text-transform: var(--large-heading-md-text-transform);
  }
}
.ConfirmOrders-container {
  display: flex;
}
.ConfirmOrders-container .ConfirmOrders-box {
  width: 342px;
}
.ConfirmOrders-container .ConfirmOrders-boxMobile {
  width: 100%;
}
.ConfirmOrders-item {
  display: flex;
  vertical-align: top;
}
.ConfirmOrders-item .ConfirmOrders-zip {
  margin-left: var(--space-3);
}
@media (min-width: 768px) {
  .ConfirmOrders-item .ConfirmOrders-zip {
    width: 98px;
  }
}
.ConfirmOrders-state {
  margin-left: var(--space-1\.5);
}
@media (min-width: 768px) {
  .ConfirmOrders-state {
    min-width: 250px;
    width: 250px;
  }
}
.ConfirmOrders-phone {
  margin-left: 40px;
  width: 198px;
}
.ConfirmOrders-formDesc {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  font-weight: var(--large-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-bottom: var(--space-1\.5);
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .ConfirmOrders-formDesc {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.ConfirmOrders-controlsBubble {
  display: flex;
  height: var(--space-3);
  margin-right: 4px;
  width: var(--space-3);
}
.ConfirmOrders-iconInfo {
  border-radius: var(--radius-iconButton);
  width: var(--space-2);
}
.ConfirmOrders-required {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  margin: var(--space-1\.5) 0 var(--space-4);
}
.ConfirmOrders-genderDescription {
  background-color: #f2f7ff;
  border-radius: 24px;
  display: flex;
  padding: 0 var(--space-2);
  position: inherit;
}
.ConfirmOrders-genderDescriptionMobile {
  margin: var(--space-4) var(--space-0\.5);
}
.ConfirmOrders-submitButton {
  border-radius: 24px;
  margin-top: var(--space-4);
}
.ConfirmOrders-default {
  align-items: center;
  border: 1px solid;
}
.ConfirmOrders-default,
.ConfirmOrders-genderSelected {
  border-radius: var(--radius-card);
  height: 40px;
  margin: var(--space-base) var(--space-0\.5);
  padding: var(--space-1\.5) 21px;
}
.ConfirmOrders-genderSelected {
  background-color: var(--color-status-critical-tint);
  border: 1px solid;
  border-color: var(--color-interactive-secondary-shade);
  color: var(--color-interactive-secondary-shade);
}
.ConfirmOrders-gender {
  display: contents;
}
.ConfirmOrders-genderLabel {
  display: block;
  margin: auto;
  text-align: center;
}
.ConfirmOrders-genderLableMobile {
  left: 50%;
  margin-right: -50%;
  margin-top: var(--space-2);
  position: absolute;
  transform: translate(-50%, -50%);
}
.ConfirmOrders-genderMobile {
  display: table;
  margin: 0;
  width: 98%;
}
.ConfirmOrders-legend {
  font-weight: var(--large-body-medium-font-weight);
}
.ConfirmOrders-submitButtonMobile {
  display: inherit;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.Recruitments-root {
  margin: 40px 66px;
}
.Recruitments-card {
  max-width: none;
}
.Recruitments-cardHeading {
  font-family: var(--small-heading-lg-font-family);
  font-size: var(--small-heading-lg-font-size);
  font-weight: var(--small-heading-lg-font-weight);
  letter-spacing: var(--small-heading-lg-letter-spacing);
  line-height: var(--small-heading-lg-line-height);
  margin-bottom: 40px;
  -webkit-text-decoration: var(--small-heading-lg-text-decoration);
  text-decoration: var(--small-heading-lg-text-decoration);
  text-transform: var(--small-heading-lg-text-transform);
}
@media (min-width: 1025px) {
  .Recruitments-cardHeading {
    font-family: var(--large-heading-lg-font-family);
    font-size: var(--large-heading-lg-font-size);
    font-weight: var(--large-heading-lg-font-weight);
    letter-spacing: var(--large-heading-lg-letter-spacing);
    line-height: var(--large-heading-lg-line-height);
    -webkit-text-decoration: var(--large-heading-lg-text-decoration);
    text-decoration: var(--large-heading-lg-text-decoration);
    text-transform: var(--large-heading-lg-text-transform);
  }
}
.Recruitments-confirmBody {
  min-width: 960px;
}
.Recruitments-required {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.Recruitments-formSection,
.Recruitments-required {
  margin: var(--space-1\.5) 0 var(--space-4);
}
@media (min-width: 768px) {
  .Recruitments-formSection {
    margin-bottom: var(--space-1\.5);
  }
}
.Recruitments-formSection .Recruitments-item {
  display: flex;
}
.Recruitments-formSection .Recruitments-textField {
  margin-right: var(--space-2);
  width: 274px;
}
.Recruitments-formSection .Recruitments-dobField {
  width: 270px;
}
.Recruitments-gender {
  background-color: #f2f7ff;
  border-radius: var(--radius-input);
  display: flex;
  margin: var(--space-3) 0 var(--space-4) 0;
  padding: 0 var(--space-2);
  position: inherit;
}
.Recruitments-genderContainerMobile {
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.Recruitments-phone {
  margin-left: 0;
  width: 240px;
}
.Recruitments-error {
  color: var(--color-status-critical);
}
.Recruitments-errorHidden {
  display: none;
}
.Recruitments-errorShow {
  color: var(--color-status-critical);
  display: inline;
}
.Recruitments-iconStop {
  fill: var(--color-status-critical);
  height: var(--space-2);
  margin: 0 var(--space-base) 0 0;
  width: var(--space-2);
}
.Recruitments-alertIcon {
  fill: var(--color-critical-shade);
  display: block;
  height: 36px;
  margin: 0 auto var(--space-2);
  width: 36px;
}
.Recruitments-campaignError {
  border: 1px solid var(--color-status-highlight-tint);
  border-radius: 10px;
  display: flex;
  margin: var(--space-base) 0 var(--space-4) 0;
  padding: var(--space-1\.5) var(--space-2) var(--space-2);
}
.Recruitments-campaignError .Recruitments-errorHeader {
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  line-height: var(--large-body-default-line-height);
}
.Recruitments-campaignError .Recruitments-errorMessage {
  font-weight: var(--small-body-small-font-family);
}
.Recruitments-campaignError .Recruitments-errorIcon {
  display: flex;
  margin: 0 var(--space-1\.5) 0 var(--space-2);
  width: 20px;
}
.Recruitments-campaignError .Recruitments-stopIcon {
  fill: var(--color-critical-shade);
  color: var(--color-critical-shade);
  display: block;
  margin: var(--space-0\.5) var(--space-1\.5) auto var(--space-2);
}
.Recruitments-campaignError .Recruitments-alertIcon {
  display: flex;
  margin: 0 var(--space-0\.2);
}
.Recruitments-warning {
  background: var(--color-status-highlight-tint);
}
.Recruitments-warningTint {
  background: var(--color-status-warning-tint);
}
.Pagination-module-root {
  background: var(--color-table-background-default);
  padding: var(--space-2) 0;
}
@media (min-width: 768px) {
  .Pagination-module-root {
    display: flex;
  }
}
.Pagination-module-root label {
  color: var(--color-table-text-default);
  font-weight: var(--small-body-default-font-weight);
  margin: 0;
}
.Pagination-module-top {
  border-bottom: 1px solid var(--color-table-border-default);
  padding-bottom: var(--space-2);
}
.Pagination-module-bottom {
  border-top: 1px solid var(--color-table-border-default);
  margin-top: var(--space-2);
  padding-top: var(--space-2);
}
.Pagination-module-size {
  flex: 1 1;
}
.Pagination-module-size .Pagination-module-selectControl {
  margin-left: var(--space-2);
}
.Pagination-module-selectControl {
  min-width: 70px;
}
@media (max-width: 480px) {
  .Pagination-module-pageIndicator {
    width: 100%;
  }
}
.Pagination-module-pages {
  align-items: center;
  display: flex;
}
@media (min-width: 768px) {
  .Pagination-module-pages {
    flex: 2 1;
    justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .Pagination-module-pages {
    flex-wrap: wrap;
  }
}
.Pagination-module-pages > * {
  margin: var(--space-3) var(--space-base) 0 0;
}
@media (min-width: 768px) {
  .Pagination-module-pages > * {
    margin: 0 var(--space-3) 0 0;
  }
}
@media (max-width: 480px) {
  .Pagination-module-pages > * {
    margin: var(--space-2) var(--space-base) 0 0;
  }
}
.Pagination-module-pages > :last-child {
  margin-right: 0;
}
.Pagination-module-selectRoot {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
.Table-module-table {
  background-color: var(--color-neutral-surface);
  border-collapse: collapse;
  color: var(--color-neutral-on-surface);
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}
.Table-module-sort {
  display: inline-block;
  height: 24px;
  margin-left: var(--space-base);
  padding: var(--space-0\.5);
  width: 24px;
}
@supports (contain: none) {
  .Table-module-sort.Table-module-focus-visible {
    border-radius: var(--radius-round);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Table-module-sort:focus-visible {
    border-radius: var(--radius-round);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .Table-module-sort[focus-within] {
    border-radius: var(--radius-round);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .Table-module-sort:focus-within {
    border-radius: var(--radius-round);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .Table-module-sort:focus {
    border-radius: var(--radius-round);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.Table-module-sort svg {
  float: left;
  margin-top: -1px;
}
.Table-module-highlighted tbody tr:hover {
  background-color: var(--color-neutral-surface);
  color: var(--color-interactive-secondary);
  transition: background-color 0.3s, color 0.3s;
}
.Table-module-loading {
  position: relative;
}
.Table-module-loading .Table-module-body tr {
  background-color: var(--color-neutral-surface);
}
.Table-module-loading .Table-module-loader {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.Table-module-head {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.Table-module-head th {
  font-weight: 500;
}
@media (min-width: 1025px) {
  .Table-module-head {
    clip: none;
    box-shadow: inset 0 -1px 0 #d5d7d7;
    -webkit-clip-path: none;
    clip-path: none;
    color: var(--color-neutral-on-surface-subdued);
    height: auto;
    margin: auto;
    overflow: auto;
    padding: initial;
    position: static;
    width: auto;
  }
  .Table-module-head th {
    padding: var(--space-3) var(--space-base);
    text-align: left;
  }
}
.Table-module-body tr {
  background-color: var(--color-neutral-surface);
  border-bottom: 1px solid var(--color-neutral-stroke);
  display: block;
  padding: var(--space-4) 0;
}
.Table-module-body tr:nth-child(2n) {
  background-color: var(--color-neutral-surface-variant);
}
.Table-module-body tr:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.Table-module-body td {
  word-wrap: break-word;
  display: block;
  margin-bottom: var(--space-2);
  padding: 0;
}
.Table-module-body td:before {
  color: var(--color-neutral-on-surface);
  content: attr(data-label);
  display: block;
  margin-bottom: var(--space-base);
}
.Table-module-body td.Table-module-noCellLabel:before,
.Table-module-body td:last-child {
  margin-bottom: 0;
}
.Table-module-body td.Table-module-noData {
  text-align: center;
}
.Table-module-body.Table-module-noData tr {
  width: 100%;
}
.Table-module-body.Table-module-noData td {
  text-align: center;
}
@media (min-width: 768px) {
  .Table-module-body tr {
    display: inline-block;
    padding: 0;
    width: calc(50% - 28px);
  }
  .Table-module-body tr:nth-child(2n) {
    margin-left: 56px;
  }
}
@media (min-width: 1025px) {
  .Table-module-body td {
    word-wrap: break-word;
    padding: 18px 8px;
  }
  .Table-module-body tr:nth-child(2n) {
    margin-left: 0;
  }
  .Table-module-body tr,
  .Table-module-head tr {
    background-color: transparent;
    display: table-row;
    text-align: left;
    width: auto;
  }
  .Table-module-body tr:nth-child(2n),
  .Table-module-head tr:nth-child(2n) {
    padding-left: 0;
  }
  .Table-module-body td,
  .Table-module-head td {
    display: table-cell;
    vertical-align: baseline;
  }
  .Table-module-body td:before,
  .Table-module-head td:before {
    display: none;
  }
}
.Pills-onePlus {
  display: inline;
}
@media (min-width: 768px) {
  .Pills-onePlus {
    display: none;
  }
}
.Pills-twoPlus {
  display: none;
}
@media (min-width: 768px) {
  .Pills-twoPlus {
    display: inline;
  }
}
.Pills-pill {
  display: inline-block;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-right: var(--space-2);
  padding: var(--space-0\.5) 10px;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Pills-pill {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Pills-pill:last-child {
  margin-right: 0;
}
.DatePicker-module-root {
  position: relative;
}
.DatePicker-module-readOnly .DatePicker-module-item,
.DatePicker-module-withToggle .DatePicker-module-item {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.DatePicker-module-control {
  display: flex;
  justify-content: space-between;
}
.DatePicker-module-control > div {
  margin: 0;
}
.DatePicker-module-itemContainer {
  flex-grow: 1;
}
@supports (contain: none) {
  .DatePicker-module-item:not([disabled]).DatePicker-module-focus-visible {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    padding: calc(var(--space-1\.5) - 2px);
    z-index: 100;
  }
  .DatePicker-module-item:not([disabled]):focus-visible {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    padding: calc(var(--space-1\.5) - 2px);
    z-index: 100;
  }
}
@supports (contain: none) {
  .DatePicker-module-item:not([disabled])[focus-within] {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    padding: calc(var(--space-1\.5) - 2px);
    z-index: 100;
  }
  .DatePicker-module-item:not([disabled]):focus-within {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    padding: calc(var(--space-1\.5) - 2px);
    z-index: 100;
  }
}
@supports not (contain: none) {
  .DatePicker-module-item:not([disabled]):focus {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    padding: calc(var(--space-1\.5) - 2px);
    z-index: 100;
  }
}
.DatePicker-module-item:not([disabled]):hover {
  border: 2px solid var(--color-interactive-secondary);
  padding: calc(var(--space-1\.5) - 2px);
  z-index: 100;
}
.DatePicker-module-item:disabled {
  border-width: 1px;
  padding: calc(var(--space-1\.5) - 1px);
}
.DatePicker-module-toggle {
  background-color: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: 0 var(--radius-input) var(--radius-input) 0;
  margin-left: -1px;
}
@supports (contain: none) {
  .DatePicker-module-toggle:not([disabled]).DatePicker-module-focus-visible {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    z-index: 100;
  }
  .DatePicker-module-toggle:not([disabled]):focus-visible {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    z-index: 100;
  }
  .DatePicker-module-toggle:not([disabled]).DatePicker-module-focus-visible
    svg {
    fill: var(--color-neutral-on-surface-subdued);
  }
  .DatePicker-module-toggle:not([disabled]):focus-visible svg {
    fill: var(--color-neutral-on-surface-subdued);
  }
}
@supports (contain: none) {
  .DatePicker-module-toggle:not([disabled])[focus-within] {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    z-index: 100;
  }
  .DatePicker-module-toggle:not([disabled]):focus-within {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    z-index: 100;
  }
  .DatePicker-module-toggle:not([disabled])[focus-within] svg {
    fill: var(--color-neutral-on-surface-subdued);
  }
  .DatePicker-module-toggle:not([disabled]):focus-within svg {
    fill: var(--color-neutral-on-surface-subdued);
  }
}
@supports not (contain: none) {
  .DatePicker-module-toggle:not([disabled]):focus {
    border: 2px solid var(--color-interactive-secondary);
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    box-shadow: 0 0 0 2px #fff, var(--elevation-focus);
    outline: none;
    z-index: 100;
  }
  .DatePicker-module-toggle:not([disabled]):focus svg {
    fill: var(--color-neutral-on-surface-subdued);
  }
}
.DatePicker-module-toggle:not([disabled]):hover {
  border: 2px solid var(--color-interactive-secondary);
  z-index: 100;
}
.DatePicker-module-toggle:not([disabled]):hover svg {
  fill: var(--color-neutral-on-surface-subdued);
}
.DatePicker-module-toggle:not([disabled]):active {
  background-color: var(--color-interactive-secondary-shade);
  border-color: var(--color-interactive-secondary-shade);
}
.DatePicker-module-toggle:not([disabled]):active svg {
  fill: var(--color-interactive-on-secondary-shade);
}
.DatePicker-module-readOnly .DatePicker-module-toggle {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-stroke-form-border);
}
.DatePicker-module-readOnly .DatePicker-module-toggle svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.DatePicker-module-disabled .DatePicker-module-toggle {
  background-color: var(--color-neutral-surface-states-surface-disabled);
  border: 1px solid var(--color-neutral-stroke-form-border);
}
.DatePicker-module-disabled .DatePicker-module-toggle svg {
  fill: var(--color-neutral-on-surface-states-on-surface-disabled);
}
.DatePicker-module-invalid .DatePicker-module-toggle {
  border-color: var(--color-status-critical);
}
.DatePicker-module-toggle svg {
  fill: var(--color-neutral-on-surface-subdued);
}
.DatePicker-module-lock {
  display: none;
}
.DatePicker-module-calendarContainer {
  background-color: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-stroke-form-border);
  border-radius: var(--radius-input);
  box-shadow: var(--elevation-dropdownMenu);
  display: flex;
  flex-direction: column;
  left: 0;
  padding: calc(var(--space-2) - 1px);
  position: absolute;
  z-index: 800;
}
.DatePicker-module-closeButton {
  margin: 16px 8px 8px auto;
}
.DOBInput-module-readOnly .DOBInput-module-item,
.DOBInput-module-root .DOBInput-module-item {
  border-radius: var(--radius-input);
}
.DOBInput-module-toggle {
  display: none;
}
.DOBInput-module-lock {
  display: block;
  z-index: 100;
}
.TimePicker-module-item {
  height: 46px;
  padding: var(--space-1\.5);
  width: 85px;
}
.TimePicker-module-item:not(:disabled):focus,
.TimePicker-module-item:not(:disabled):hover {
  padding: calc(var(--space-1\.5) - 1px);
}
.TimePicker-module-itemReadOnly {
  width: 110px;
}
.TimePicker-module-itemReadOnly:not(:disabled):focus,
.TimePicker-module-itemReadOnly:not(:disabled):hover {
  padding-right: 35px;
}
.TimePicker-module-switch {
  flex-shrink: 0;
  height: 46px;
  margin-left: calc(var(--space-0\.5) * -1);
  position: relative;
  width: 132px;
}
.TimePicker-module-check {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.TimePicker-module-check:checked ~ .TimePicker-module-track:after {
  transform: translate(64px, -50%);
}
@supports (contain: none) {
  .TimePicker-module-check.TimePicker-module-focus-visible
    ~ .TimePicker-module-track:after {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .TimePicker-module-check:focus-visible ~ .TimePicker-module-track:after {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .TimePicker-module-check[focus-within] ~ .TimePicker-module-track:after {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .TimePicker-module-check:focus-within ~ .TimePicker-module-track:after {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .TimePicker-module-check:focus ~ .TimePicker-module-track:after {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.TimePicker-module-check:not(:disabled):hover ~ .TimePicker-module-track:after {
  background-color: var(--color-interactive-secondary-tint);
  border-color: var(--color-interactive-secondary-shade);
}
.TimePicker-module-check:not(:disabled):hover
  ~ .TimePicker-module-meridiem
  .TimePicker-module-am.TimePicker-module-meridiemActive,
.TimePicker-module-check:not(:disabled):hover
  ~ .TimePicker-module-meridiem
  .TimePicker-module-pm.TimePicker-module-meridiemActive {
  color: var(--color-interactive-secondary-shade);
}
.TimePicker-module-check:disabled {
  cursor: not-allowed;
}
.TimePicker-module-check:disabled ~ .TimePicker-module-track:after {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
  border: none;
}
.TimePicker-module-check:disabled
  ~ .TimePicker-module-meridiem
  .TimePicker-module-am {
  color: var(--color-neutral-surface);
}
.TimePicker-module-track {
  background-color: var(--color-neutral-surface-shade);
  border-radius: var(--radius-input);
  height: 100%;
  pointer-events: none;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.TimePicker-module-track:after {
  background-color: var(--color-neutral-surface);
  border: 2px solid var(--color-interactive-secondary);
  border-radius: 10px;
  content: "";
  height: calc(100% - 4px);
  left: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  width: calc(50% - 2px);
  z-index: 200;
}
.TimePicker-module-meridiem {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 200;
}
.TimePicker-module-am,
.TimePicker-module-pm {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-input-strong-font-family);
  font-size: var(--small-input-strong-font-size);
  font-weight: var(--small-input-strong-font-weight);
  letter-spacing: var(--small-input-strong-letter-spacing);
  line-height: var(--small-input-strong-line-height);
  margin-bottom: 0;
  position: relative;
  text-align: center;
  -webkit-text-decoration: var(--small-input-strong-text-decoration);
  text-decoration: var(--small-input-strong-text-decoration);
  text-transform: var(--small-input-strong-text-transform);
  transition: color 0.3s;
  width: 50%;
}
@media (min-width: 1025px) {
  .TimePicker-module-am,
  .TimePicker-module-pm {
    font-family: var(--large-input-strong-font-family);
    font-size: var(--large-input-strong-font-size);
    font-weight: var(--large-input-strong-font-weight);
    letter-spacing: var(--large-input-strong-letter-spacing);
    line-height: var(--large-input-strong-line-height);
    -webkit-text-decoration: var(--large-input-strong-text-decoration);
    text-decoration: var(--large-input-strong-text-decoration);
    text-transform: var(--large-input-strong-text-transform);
  }
}
.TimePicker-module-meridiemActive {
  color: var(--color-neutral-surface-inverted);
}
.Reading-reading {
  font-family: var(--small-heading-sm-font-family);
  font-size: var(--small-heading-sm-font-size);
  font-weight: var(--small-heading-sm-font-weight);
  letter-spacing: var(--small-heading-sm-letter-spacing);
  line-height: var(--small-heading-sm-line-height);
  margin-right: 4px;
  -webkit-text-decoration: var(--small-heading-sm-text-decoration);
  text-decoration: var(--small-heading-sm-text-decoration);
  text-transform: var(--small-heading-sm-text-transform);
}
@media (min-width: 1025px) {
  .Reading-reading {
    font-family: var(--large-heading-sm-font-family);
    font-size: var(--large-heading-sm-font-size);
    font-weight: var(--large-heading-sm-font-weight);
    letter-spacing: var(--large-heading-sm-letter-spacing);
    line-height: var(--large-heading-sm-line-height);
    -webkit-text-decoration: var(--large-heading-sm-text-decoration);
    text-decoration: var(--large-heading-sm-text-decoration);
    text-transform: var(--large-heading-sm-text-transform);
  }
}
.Reading-unit {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Reading-unit {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-heading {
  margin-bottom: var(--space-base);
}
.ChartTooltip-heading p {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: 0;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-heading p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-a1cHeading p {
  font-size: 18px;
  font-weight: var(--small-heading-md-font-weight);
}
.ChartTooltip-dot {
  display: inline-block;
  height: var(--space-1\.5);
  margin-right: var(--space-base);
  width: var(--space-1\.5);
}
.ChartTooltip-success {
  background-color: var(--color-status-success);
  border-radius: 50%;
}
.ChartTooltip-warning {
  background-color: var(--color-status-on-warning);
}
.ChartTooltip-error {
  background-color: var(-color-neutral-background);
  border: 3px solid var(--color-status-critical);
}
.ChartTooltip-reading {
  margin-bottom: var(--space-base);
}
.ChartTooltip-reading:last-of-type {
  margin-bottom: 0;
}
.ChartTooltip-a1cReading {
  font-size: 15px;
}
.ChartTooltip-value {
  color: var(--color-neutral-on-surface-subdued);
  display: inline-block;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-value {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-bs {
  width: 40px;
}
.ChartTooltip-bp {
  width: 65px;
}
.ChartTooltip-pulse {
  width: 70px;
}
.ChartTooltip-weight {
  color: var(--color-neutral-on-surface-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-weight {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-weight span {
  display: inline-block;
  width: 60px;
}
.ChartTooltip-average {
  border-top: 1px solid var(--color-neutral-on-surface-subdued);
  padding-top: var(--space-base);
}
.ChartTooltip-average .ChartTooltip-weight {
  font-weight: var(--small-body-medium-font-weight);
}
.ChartTooltip-time {
  color: var(--color-neutral-on-surface-placeholder);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-time {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-steps {
  border-top: 2px solid
    var(--color-neutral-on-surface-states-on-surface-disabled);
  margin-bottom: var(--space-base);
  margin-top: var(--space-base);
  padding-top: var(--space-base);
}
.ChartTooltip-steps span {
  color: var(--color-neutral-on-background-subdued);
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-steps span {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-steps span:first-of-type {
  color: var(--color-neutral-on-surface-subdued);
  display: inline-block;
  font-weight: var(--small-body-strong-font-weight);
  width: 60px;
}
.ChartTooltip-goal {
  color: var(--color-neutral-on-background-subdued);
  display: block;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  text-align: center;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ChartTooltip-goal {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.ChartTooltip-star {
  fill: var(--color-status-highlight-tint);
  height: var(--space-2);
  position: relative;
  top: -2px;
  width: var(--space-2);
}
.DropdownMenu-dropdownRow {
  padding: 6px;
}
.DropdownMenu-actionButton {
  border-bottom: 1px solid var(--color-neutral-stroke);
  cursor: pointer;
  margin: var(--space-1\.5);
  padding: var(--space-0\.5);
  text-align: left;
  width: 100%;
}
.DropdownMenu-actionButton:focus,
.DropdownMenu-actionButton:hover {
  color: var(--color-status-highlight);
}
.DropdownMenu-actionButton:last-child {
  border-bottom: none;
}
.InfoModal-root {
  line-height: 1;
}
.InfoModal-noButtonText {
  height: 20px;
  margin-left: var(--space-2);
  width: 20px;
}
.InfoModal-noButtonText svg {
  height: 20px;
  margin: 0;
  width: 20px;
}
.InfoModal-noButtonText:focus {
  box-shadow: none;
}
@supports (contain: none) {
  .InfoModal-noButtonText:focus svg.InfoModal-focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .InfoModal-noButtonText:focus svg:focus-visible {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports (contain: none) {
  .InfoModal-noButtonText:focus svg[focus-within] {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
  .InfoModal-noButtonText:focus svg:focus-within {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
@supports not (contain: none) {
  .InfoModal-noButtonText:focus svg:focus {
    box-shadow: 0 0 0 2px var(--accessibility-focus-inner-shadow),
      0 0 2px 4px var(--accessibility-focus-outer-shadow);
    outline: none;
  }
}
.InfoModal-modal p {
  margin-bottom: var(--space-2);
}
.InfoModal-modal p:last-child {
  margin-bottom: 0;
}
.ShareModal-description {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-4);
}
.RecentCards-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.RecentCards-title h3 {
  margin-bottom: 0;
}
.RecentCards-edit {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-edit {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.RecentCards-edit svg {
  height: 11px;
  margin-left: var(--space-0\.5);
  margin-top: 3px;
  width: 11px;
}
.RecentCards-noReadings {
  margin-top: var(--space-2);
}
@media (min-width: 768px) {
  .RecentCards-noReadings {
    display: flex;
  }
}
.RecentCards-imgContainer {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .RecentCards-imgContainer {
    flex-shrink: 0;
    height: 113px;
    margin: 0 0 0 var(--space-2);
    order: 2;
    width: 200px;
  }
}
.RecentCards-img {
  border-radius: var(--space-base);
}
.RecentCards-noReadingsContent h4 {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.RecentCards-noReadingsContent p {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin: var(--space-2) 0;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-noReadingsContent p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .RecentCards-noReadingsContent {
    order: 1;
  }
  .RecentCards-noReadingsContent p {
    margin-top: 0;
  }
}
.RecentCards-readings {
  margin-top: var(--space-3);
}
@media (min-width: 768px) {
  .RecentCards-readings {
    display: flex;
    justify-content: space-between;
  }
}
.RecentCards-bloodSugarCardWithA1cExpanded {
  background: linear-gradient(
    to bottom,
    var(--color-neutral-background) 36.5%,
    var(--color-status-highlight-tint) 0.1%,
    var(--color-status-highlight-tint) 63.5%
  );
}
@media (min-width: 769px) {
  .RecentCards-bloodSugarCardWithA1cExpanded {
    background: linear-gradient(
      to bottom,
      var(--color-neutral-background) 32%,
      var(--color-status-highlight-tint) 0.1%,
      var(--color-status-highlight-tint) 69%
    );
  }
}
@media (min-width: 1026px) {
  .RecentCards-bloodSugarCardWithA1cExpanded {
    background: linear-gradient(
      to bottom,
      var(--color-neutral-background) 32.5%,
      var(--color-status-highlight-tint) 0.1%,
      var(--color-status-highlight-tint) 66.5%
    );
  }
}
.RecentCards-data {
  border-bottom: 1px solid var(--color-neutral-stroke);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
}
@media (min-width: 768px) {
  .RecentCards-data {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.RecentCards-recentFoodHeader {
  font-weight: var(--large-heading-sm-font-weight);
}
.RecentCards-dateTime {
  font-weight: var(--small-body-medium-font-weight);
}
.RecentCards-dateTime,
.RecentCards-dateTimeFood {
  margin-bottom: var(--space-2);
}
.RecentCards-reading {
  display: block;
  margin: var(--space-3) 0 0;
}
.RecentCards-readingValue {
  font-family: var(--small-heading-lg-font-family);
  font-size: var(--small-heading-lg-font-size);
  font-weight: var(--small-heading-lg-font-weight);
  letter-spacing: var(--small-heading-lg-letter-spacing);
  line-height: var(--small-heading-lg-line-height);
  -webkit-text-decoration: var(--small-heading-lg-text-decoration);
  text-decoration: var(--small-heading-lg-text-decoration);
  text-transform: var(--small-heading-lg-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-readingValue {
    font-family: var(--large-heading-lg-font-family);
    font-size: var(--large-heading-lg-font-size);
    font-weight: var(--large-heading-lg-font-weight);
    letter-spacing: var(--large-heading-lg-letter-spacing);
    line-height: var(--large-heading-lg-line-height);
    -webkit-text-decoration: var(--large-heading-lg-text-decoration);
    text-decoration: var(--large-heading-lg-text-decoration);
    text-transform: var(--large-heading-lg-text-transform);
  }
}
.RecentCards-progress {
  margin-top: var(--space-2);
}
.RecentCards-pills {
  margin-top: var(--space-1\.5);
}
.RecentCards-pill {
  display: inline-block;
  margin: var(--space-0\.5) var(--space-base) var(--space-0\.5) 0;
}
.RecentCards-pill:last-of-type {
  margin-right: 0;
}
.RecentCards-imageInfo {
  align-items: center;
  display: flex;
}
.RecentCards-logImages {
  display: flex;
  margin-top: var(--space-2);
  overflow-x: auto;
}
.RecentCards-logImages .RecentCards-logImage,
.RecentCards-logImages .RecentCards-logImagePlaceholder {
  margin-right: var(--space-2);
}
.RecentCards-logImage,
.RecentCards-logImagePlaceholder {
  flex-shrink: 0;
  height: 72px;
  margin-right: var(--space-2);
  width: 72px;
}
.RecentCards-logImage img,
.RecentCards-logImagePlaceholder img {
  object-fit: cover;
}
.RecentCards-moreImages {
  background-color: var(--color-neutral-background-variant);
  border-radius: var(--space-0\.5);
  flex-shrink: 0;
  height: 72px;
  position: relative;
  width: 72px;
}
.RecentCards-moreImages span {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.RecentCards-moreImages span,
.RecentCards-toGoal {
  color: var(--color-neutral-on-surface-placeholder);
}
.RecentCards-toGoal {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-top: var(--space-2);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-toGoal {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .RecentCards-visual,
  .RecentCards-visualFood {
    border-left: 1px solid var(--color-neutral-stroke);
    flex-shrink: 0;
    margin-left: var(--space-4);
    padding-left: var(--space-4);
    width: 405px;
  }
}
.RecentCards-description {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin-bottom: var(--space-2) !important;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-description {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.RecentCards-dateRange {
  display: block;
}
.RecentCards-dateRange .heading-xs {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .RecentCards-dateRange .heading-xs {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.RecentCards-dateRangeOffset {
  padding-left: 10px;
}
.RecentCards-chart {
  margin-top: var(--space-3);
}
@media (min-width: 768px) {
  .RecentCards-chart {
    margin-top: var(--space-4);
  }
}
.RecentCards-icon {
  fill: var(--color-neutral-on-surface);
  display: block;
  height: 44px;
  margin: var(--space-3) 0 var(--space-2);
  width: 44px;
}
.RecentCards-checkmark {
  fill: var(--color-status-highlight-shade);
}
.RecentCards-subHeading {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.RecentCards-checks {
  margin-bottom: var(--space-2);
}
.RecentCards-content {
  text-align: center;
}
.RecentCards-content :first-child {
  margin-bottom: var(--space-3);
}
.RecentCards-actions {
  display: flex;
  width: 100%;
}
.RecentCards-action {
  margin-left: auto;
}
.RecentCards-subSection {
  border-radius: 0;
  border-top: 1px solid var(--color-neutral-stroke);
  box-shadow: none;
  margin: var(--space-3) -12px -12px;
  padding-top: var(--space-3);
}
.RecentCards-a1cTitle {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.RecentCards-a1cTitle h3 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 0;
}
.RecentCards-a1cTitleSecondRow {
  display: flex;
  margin-top: 10px;
  pointer-events: none;
}
.RecentCards-a1cRecentReading {
  color: var(--color-neutral-on-background);
  font-size: 30px;
}
.RecentCards-a1cRecentReadingDate {
  color: var(--color-neutral-on-surface-states-on-surface-disabled);
  font-size: 18px;
  font-weight: 400;
  margin-left: var(--space-1\.5);
  margin-top: var(--space-base);
}
.RecentCards-a1cIcon {
  color: var(--color-interactive-primary);
  display: block;
  margin-top: 2px;
}
.RecentCards-newA1cReading {
  background-color: var(--color-neutral-stroke);
  border-radius: var(--space-2);
  color: var(--color-interactive-primary);
  display: flex;
  height: 28px;
  justify-content: space-around;
  margin-left: var(--space-2);
  padding-top: var(--space-0\.5);
  width: 140px;
}
.RecentCards-newA1cReadingClicked {
  animation: RecentCards-fadeout 5s ease;
  -webkit-animation: RecentCards-fadeout 5s ease;
  opacity: 0;
}
@keyframes RecentCards-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.RecentCards-a1cRangeTag {
  margin-left: var(--space-1\.5);
  margin-top: var(--space-base);
}
.RecentCards-expandedAccordion {
  border-top: none;
}
.RecentCards-expandedAccordion,
.RecentCards-expandedAccordion:focus,
.RecentCards-expandedAccordion:hover {
  background-color: var(--color-status-highlight-tint);
}
.RecentCards-expandedAccordionHeadingText {
  color: var(--color-neutral-on-background);
  font-size: 24px;
}
.RecentCards-a1cAccordionContent {
  background-color: var(--color-neutral-background);
  border-radius: var(--space-2);
  display: flex;
  flex-direction: column;
  padding: var(--space-3);
}
@media (min-width: 480px) {
  .RecentCards-a1cAccordionContent {
    align-items: center;
    flex-direction: row;
    margin-left: -12px;
    margin-right: -12px;
    padding: var(--space-4);
  }
}
.RecentCards-a1cValue {
  font-size: 42px;
  font-weight: 700;
}
.RecentCards-a1cChart {
  margin-top: 10px;
}
.RecentCards-accordionTitle {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0;
}
.RecentCards-accordionTitleAndInfo {
  display: flex;
}
@media (min-width: 768px) {
  .RecentCards-a1cInfo {
    padding-right: var(--space-4);
  }
}
.RecentCards-a1cInfoButton {
  margin-top: 6px;
}
.RecentCards-accordionDate {
  color: var(--color-neutral-on-surface-placeholder);
  margin-bottom: 2px;
}
.RecentCards-a1cPercent {
  color: var(--color-neutral-on-surface-placeholder);
  font-size: 18px;
  margin-bottom: 20px;
}
.RecentCards-a1cMessage {
  margin-top: var(--space-4);
}
.RecentCards-a1cCtaButton {
  margin-top: var(--space-2);
}
.RecentCards-moreOptionsButton {
  margin-top: var(--space-3);
}
.RecentCards-aboveTheTargetMessage {
  margin-top: var(--space-base);
}
.RecentCards-containerButton:hover {
  text-decoration: none !important;
}
.RecentCards-containerButton div {
  color: var(--color-neutral-surface-inverted-shade);
  font-size: var(--small-body-small-font-size);
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .RecentCards-visualFood {
    margin-left: var(--space-2);
    margin-right: var(--space-2);
    width: 300px;
  }
}
.RecentCards-logImagePlaceholder svg {
  height: 60%;
  opacity: 0.4;
  width: 60%;
}
.RecentCards-mealTag {
  text-align: left;
}
.RecentCards-kidneySubHeading {
  align-items: center;
  display: flex;
  margin-top: 26px;
}
.RecentCards-kidneySubHeading h4 {
  font-weight: 500;
  margin-bottom: 0;
}
.RecentCards-newKidneyResult {
  background-color: var(--color-interactive-primary-tint);
  color: var(--color-interactive-primary-shade);
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 28px;
  justify-content: center;
  margin-left: 15px;
  width: 140px;
}
.RecentCards-newKidneyResultIcon {
  color: var(--color-interactive-primary-shade);
  margin-right: var(--space-base);
  margin-top: 3px;
}
.RecentCards-kidneyLabResultType {
  font-size: 22px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .RecentCards-visualKidneyHealth {
    border-left: 1px solid var(--color-neutral-stroke);
    margin-left: var(--space-4);
    padding-left: var(--space-4);
    width: 50%;
  }
}
.RecentCards-kidneyResultValue {
  font-size: var(--space-4);
  font-weight: 700;
}
@media (min-width: 768px) {
  .RecentCards-kidneyResultValue {
    font-size: 37px;
  }
}
.RecentCards-kidneyResultUnit {
  font-size: 18px;
}
.OrderSuppliesModal-description,
.OrderSuppliesModal-section {
  margin-bottom: var(--space-4);
}
.OrderSuppliesModal-section h2 {
  margin-bottom: var(--space-base);
}
.OrderSuppliesModal-textInput .OrderSuppliesModal-textInputItem {
  width: 80px;
}
.OrderSuppliesModal-actions {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  row-gap: var(--space-3);
}
.Legends-root,
.OrderSuppliesModal-cancel {
  margin-right: var(--space-4);
}
.Legends-root {
  display: inline-block;
  margin-bottom: 10px;
}
.Legends-root:last-of-type {
  margin-bottom: 0;
  margin-right: 0;
}
@media (min-width: 480px) {
  .Legends-root {
    margin-bottom: 0;
  }
}
.Legends-dot {
  display: inline-block;
  height: var(--space-1\.5);
  margin-right: var(--space-base);
  width: var(--space-1\.5);
}
.Legends-primaryOutline {
  background-color: var(--color-neutral-background);
  border: 3px solid var(--color-interactive-primary);
  border-radius: 50%;
}
.Legends-primary {
  background-color: var(--color-interactive-primary);
  border-radius: 50%;
}
.Legends-chart-ir {
  background-color: var(--color-status-success);
  border-radius: 50%;
}
.Legends-chart-oor {
  background-color: var(--color-status-on-warning);
}
.Legends-chart-voor {
  background-color: var(--color-neutral-background);
  border: 3px solid var(--color-status-critical);
}
.Legends-label {
  color: var(--color-neutral-on-surface-placeholder);
  display: inline-block;
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Legends-label {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Report-root {
  border-top: 1px solid var(--color-neutral-stroke);
  margin-top: var(--space-3);
  padding-top: var(--space-3);
}
.Report-root:first-of-type {
  margin-top: var(--space-2);
}
@media (min-width: 1280px) {
  .Report-root {
    display: flex;
  }
}
.Report-info p {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .Report-info p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .Report-info p {
    font-family: var(--small-body-default-font-family);
    font-size: var(--small-body-default-font-size);
    font-weight: var(--small-body-default-font-weight);
    letter-spacing: var(--small-body-default-letter-spacing);
    line-height: var(--small-body-default-line-height);
    -webkit-text-decoration: var(--small-body-default-text-decoration);
    text-decoration: var(--small-body-default-text-decoration);
    text-transform: var(--small-body-default-text-transform);
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .Report-info p {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
@media (min-width: 1280px) {
  .Report-info {
    width: 50%;
  }
  .Report-actions {
    align-self: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 50%;
  }
}
.Report-action {
  display: block;
  margin-top: var(--space-2);
}
@media (min-width: 1280px) {
  .Report-action {
    margin: 0 var(--space-4) 0 0;
  }
  .Report-action:last-child {
    margin-right: 0;
  }
}
.Report-action svg {
  display: inline;
  margin-top: -4px;
}
.Report-action svg path {
  fill: var(--color-status-highlight-shade);
}
.Reports-report {
  border-top: none;
  padding-top: 0;
}
.Reports-report:first-of-type {
  margin-top: 0;
}
.CheckGroup-icon {
  fill: var(--color-interactive-primary);
  height: var(--space-2);
  width: var(--space-2);
}
.CheckGroup-dot,
.CheckGroup-icon {
  display: inline-block;
  margin-right: var(--space-1\.5);
}
.CheckGroup-dot {
  background-color: var(--color-neutral-on-surface-states-on-surface-disabled);
  border-radius: 50%;
  height: var(--space-base);
  width: var(--space-base);
}
.CheckGroup-dot:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .InitialState-root {
    display: flex;
    justify-content: space-between;
  }
}
.InitialState-img {
  border-radius: 8px;
}
@media (min-width: 768px) {
  .InitialState-root {
    display: flex;
  }
}
.InitialState-heading {
  margin-bottom: var(--space-base);
}
.InitialState-imgContainer {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .InitialState-imgContainer {
    flex-shrink: 0;
    height: 113px;
    margin: 0 0 0 var(--space-2);
    order: 2;
    width: 200px;
  }
}
.InitialState-img {
  border-radius: var(--space-base);
}
.InitialState-noReadingsContent h4 {
  font-weight: var(--small-body-medium-font-weight);
  margin-bottom: var(--space-base);
}
.InitialState-noReadingsContent p {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin: var(--space-2) 0;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .InitialState-noReadingsContent p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
@media (min-width: 768px) {
  .InitialState-noReadingsContent {
    order: 1;
  }
  .InitialState-noReadingsContent p {
    margin-top: 0;
  }
}
.SetGoal-root p {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  margin: var(--space-2) 0 var(--space-3);
  text-align: center;
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .SetGoal-root p {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.SetGoal-settings {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: var(--space-4) 0 var(--space-3);
}
.SetGoal-button {
  height: 40px;
}
.SetGoal-button svg {
  fill: var(--color-interactive-primary);
  border-radius: 50%;
  height: 40px;
  margin: 0;
  width: 40px;
}
.SetGoal-button:disabled svg {
  fill: var(--color-neutral-on-background-subdued);
  background-color: var(--color-neutral-stroke);
  opacity: 0.5;
}
.SetGoal-input {
  border: 1px solid var(--color-neutral-stroke);
  border-radius: var(--space-base);
  color: var(--color-interactive-primary);
  margin: 0 var(--space-3);
  padding: var(--space-2) 0;
  text-align: center;
  width: 115px;
}
.SetGoal-input span:first-of-type {
  font-family: var(--small-heading-xl-font-family);
  font-size: var(--small-heading-xl-font-size);
  font-weight: var(--small-heading-xl-font-weight);
  letter-spacing: var(--small-heading-xl-letter-spacing);
  line-height: var(--small-heading-xl-line-height);
  -webkit-text-decoration: var(--small-heading-xl-text-decoration);
  text-decoration: var(--small-heading-xl-text-decoration);
  text-transform: var(--small-heading-xl-text-transform);
}
@media (min-width: 1025px) {
  .SetGoal-input span:first-of-type {
    font-family: var(--large-heading-xl-font-family);
    font-size: var(--large-heading-xl-font-size);
    font-weight: var(--large-heading-xl-font-weight);
    letter-spacing: var(--large-heading-xl-letter-spacing);
    line-height: var(--large-heading-xl-line-height);
    -webkit-text-decoration: var(--large-heading-xl-text-decoration);
    text-decoration: var(--large-heading-xl-text-decoration);
    text-transform: var(--large-heading-xl-text-transform);
  }
}
.SetGoal-submit {
  display: block;
  margin: 0 auto;
}
.Upsell-root {
  background: linear-gradient(90deg, #030b3e 0, #2a36eb);
}
.Upsell-description,
.Upsell-heading {
  color: var(--color-neutral-background);
}
.Upsell-description {
  margin-bottom: var(--space-2);
}
.Upsell-action {
  background: transparent;
  border-color: var(--color-neutral-background);
  color: var(--color-neutral-background);
}
.ProgressIndicator-module-root {
  background-color: var(--color-neutral-stroke);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}
.ProgressIndicator-module-progress {
  background-color: var(--color-status-highlight);
  border: 1px solid var(--color-status-highlight);
  border-radius: 999px;
  height: 100%;
  width: 0;
}
@media (min-width: 768px) {
  .ProgressTracker-module-root .ProgressTracker-module-step {
    display: none;
  }
  .ProgressTracker-module-root
    .ProgressTracker-module-step.ProgressTracker-module-multi-label,
  .ProgressTracker-module-root
    .ProgressTracker-module-step.ProgressTracker-module-single-label {
    display: block;
    line-height: 28px;
  }
  .ProgressTracker-module-root .ProgressTracker-module-counter {
    display: none;
  }
  .ProgressTracker-module-root
    .ProgressTracker-module-counter.ProgressTracker-module-single-label {
    display: block;
  }
}
.ProgressTracker-module-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-base);
}
.ProgressTracker-module-steps {
  display: flex;
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
.ProgressTracker-module-step {
  color: var(--color-neutral-on-surface-subdued);
  display: none;
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: 24px;
  margin-bottom: 0;
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .ProgressTracker-module-step {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.ProgressTracker-module-active {
  color: var(--color-neutral-on-background);
  display: block;
  font-family: var(--small-body-strong-font-family);
  font-size: var(--small-body-strong-font-size);
  font-weight: var(--small-body-strong-font-weight);
  letter-spacing: var(--small-body-strong-letter-spacing);
  -webkit-text-decoration: var(--small-body-strong-text-decoration);
  text-decoration: var(--small-body-strong-text-decoration);
  text-transform: var(--small-body-strong-text-transform);
}
@media (min-width: 1025px) {
  .ProgressTracker-module-active {
    font-family: var(--large-body-strong-font-family);
    font-size: var(--large-body-strong-font-size);
    font-weight: var(--large-body-strong-font-weight);
    letter-spacing: var(--large-body-strong-letter-spacing);
    -webkit-text-decoration: var(--large-body-strong-text-decoration);
    text-decoration: var(--large-body-strong-text-decoration);
    text-transform: var(--large-body-strong-text-transform);
  }
}
.ProgressTracker-module-counter {
  color: var(--color-neutral-on-background-subdued);
  font-size: var(--small-body-small-font-size);
  padding-top: 6px;
}
.ProgressTracker-module-navigation-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-2);
}
.ProgressTracker-module-no-back-btn {
  justify-content: flex-end;
}
.RetakeAndSymptomCollector-heading {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-top: 40px;
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .RetakeAndSymptomCollector-heading {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.RetakeAndSymptomCollector-startButton {
  display: flex;
  margin-left: auto;
  margin-top: 40px;
}
.RetakeAndSymptomCollector-questionNumber {
  margin-bottom: var(--space-2);
  margin-top: 48px;
  text-align: right;
}
.RetakeAndSymptomCollector-counter {
  display: none;
}
.RetakeAndSymptomCollector-question {
  font-family: var(--small-heading-xs-font-family);
  font-size: var(--small-heading-xs-font-size);
  font-weight: var(--small-heading-xs-font-weight);
  letter-spacing: var(--small-heading-xs-letter-spacing);
  line-height: var(--small-heading-xs-line-height);
  margin-top: 40px;
  -webkit-text-decoration: var(--small-heading-xs-text-decoration);
  text-decoration: var(--small-heading-xs-text-decoration);
  text-transform: var(--small-heading-xs-text-transform);
}
@media (min-width: 1025px) {
  .RetakeAndSymptomCollector-question {
    font-family: var(--large-heading-xs-font-family);
    font-size: var(--large-heading-xs-font-size);
    font-weight: var(--large-heading-xs-font-weight);
    letter-spacing: var(--large-heading-xs-letter-spacing);
    line-height: var(--large-heading-xs-line-height);
    -webkit-text-decoration: var(--large-heading-xs-text-decoration);
    text-decoration: var(--large-heading-xs-text-decoration);
    text-transform: var(--large-heading-xs-text-transform);
  }
}
.RetakeAndSymptomCollector-description {
  margin-top: var(--space-2);
}
.RetakeAndSymptomCollector-hyperlink {
  margin-bottom: 48px;
  margin-top: var(--space-2);
}
.RetakeAndSymptomCollector-answers {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.RetakeAndSymptomCollector-answerButtons {
  margin-top: var(--space-2);
  width: auto;
}
.RetakeAndSymptomCollector-outreachModal {
  text-align: center;
}
.RetakeAndSymptomCollector-imageContainer {
  margin-bottom: 40px;
  margin-top: var(--space-4);
}
.RetakeAndSymptomCollector-image {
  height: 210px;
  width: 280px;
}
@media (min-width: 768px) {
  .RetakeAndSymptomCollector-image {
    height: 270px;
    width: 360px;
  }
}
.RetakeAndSymptomCollector-outreachDescription p {
  margin-bottom: 0;
  margin-top: var(--space-2);
}
.RetakeAndSymptomCollector-callMeButton {
  margin-top: 40px;
}
.RetakeAndSymptomCollector-pleaseDontContactMeButton {
  margin-top: var(--space-3);
}
.RetakeAndSymptomCollector-smallModalsDescription {
  margin-top: 48px;
}
.CoachOutreach-root {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.CoachOutreach-button,
.CoachOutreach-description {
  margin-top: var(--space-3);
}
.OnboardingHomeCard-root {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .OnboardingHomeCard-root {
    flex-direction: row-reverse;
  }
}
.OnboardingHomeCard-image {
  margin-bottom: var(--space-3);
}
@media (min-width: 768px) {
  .OnboardingHomeCard-image {
    margin-bottom: 0;
  }
}
.OnboardingHomeCard-content {
  padding-right: var(--space-2);
}
.OnboardingHomeCard-content h3,
.OnboardingHomeCard-content p {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .OnboardingHomeCard-content {
    margin-right: auto;
  }
  .OnboardingHomeCard-content button {
    margin-top: var(--space-2);
  }
}
.HealthTask-root {
  background: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-stroke);
  box-shadow: none;
  margin: 0;
  padding: 10px;
}
.HealthTask-root .HealthTask-wrapper {
  display: block;
  width: 100%;
}
.HealthTask-root .HealthTask-wrapper .HealthTask-header {
  display: flex;
  justify-content: space-between;
  margin-right: var(--space-base);
}
.HealthTask-root .HealthTask-wrapper .HealthTask-header .HealthTask-icon img {
  vertical-align: top;
}
.HealthTask-root .HealthTask-wrapper .HealthTask-header .HealthTask-arrow img {
  margin-top: 6px;
  vertical-align: top;
}
.HealthTask-root .HealthTask-wrapper .HealthTask-content {
  font-family: var(--small-body-medium-font-family);
  font-size: var(--small-body-medium-font-size);
  font-weight: var(--small-body-medium-font-weight);
  letter-spacing: var(--small-body-medium-letter-spacing);
  line-height: var(--small-body-medium-line-height);
  margin-left: var(--space-0\.5);
  margin-top: var(--space-0\.5);
  -webkit-text-decoration: var(--small-body-medium-text-decoration);
  text-decoration: var(--small-body-medium-text-decoration);
  text-transform: var(--small-body-medium-text-transform);
}
@media (min-width: 1025px) {
  .HealthTask-root .HealthTask-wrapper .HealthTask-content {
    font-family: var(--large-body-medium-font-family);
    font-size: var(--large-body-medium-font-size);
    font-weight: var(--large-body-medium-font-weight);
    letter-spacing: var(--large-body-medium-letter-spacing);
    line-height: var(--large-body-medium-line-height);
    -webkit-text-decoration: var(--large-body-medium-text-decoration);
    text-decoration: var(--large-body-medium-text-decoration);
    text-transform: var(--large-body-medium-text-transform);
  }
}
.LaunchpadHomeCard-root {
  background: var(--color-interactive-secondary-tint);
  box-shadow: none;
}
.LaunchpadHomeCard-content h3,
.LaunchpadHomeCard-content p {
  margin-bottom: var(--space-2);
}
.LaunchpadHomeCard-content .LaunchpadHomeCard-tasks {
  animation: LaunchpadHomeCard-fadein 2s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .LaunchpadHomeCard-content .LaunchpadHomeCard-tasks {
    flex-direction: row;
  }
  .LaunchpadHomeCard-content .LaunchpadHomeCard-loader {
    height: 94px;
  }
}
@keyframes LaunchpadHomeCard-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .ReadingsTable-table .ReadingsTable-weightColumn {
    padding-right: 0;
    text-align: right;
    width: 150px;
  }
  .ReadingsTable-table .ReadingsTable-actionCell,
  .ReadingsTable-table .ReadingsTable-weightCell {
    padding-right: 0;
    text-align: right;
  }
  .ReadingsTable-actionColumn {
    width: 250px;
  }
}
@media (min-width: 1280px) {
  .ReadingsTable-actionColumn {
    width: 400px;
  }
}
.ReadingsTable-action {
  line-height: 1;
}
.ReadingsTable-modal h2 {
  margin-bottom: var(--space-base);
}
.ReadingsTable-readingInfo {
  margin: var(--space-4) 0;
}
.ReadingsTable-reading {
  padding-right: var(--space-4);
}
.ReadingsTable-readingValue {
  font-weight: var(--small-body-strong-font-weight);
}
.ReadingsTable-readingUnit {
  font-family: var(--small-body-default-font-family);
  font-size: var(--small-body-default-font-size);
  font-weight: var(--small-body-default-font-weight);
  letter-spacing: var(--small-body-default-letter-spacing);
  line-height: var(--small-body-default-line-height);
  -webkit-text-decoration: var(--small-body-default-text-decoration);
  text-decoration: var(--small-body-default-text-decoration);
  text-transform: var(--small-body-default-text-transform);
}
@media (min-width: 1025px) {
  .ReadingsTable-readingUnit {
    font-family: var(--large-body-default-font-family);
    font-size: var(--large-body-default-font-size);
    font-weight: var(--large-body-default-font-weight);
    letter-spacing: var(--large-body-default-letter-spacing);
    line-height: var(--large-body-default-line-height);
    -webkit-text-decoration: var(--large-body-default-text-decoration);
    text-decoration: var(--large-body-default-text-decoration);
    text-transform: var(--large-body-default-text-transform);
  }
}
.ReadingsTable-readingTime {
  font-family: var(--small-body-small-font-family);
  font-size: var(--small-body-small-font-size);
  font-weight: var(--small-body-small-font-weight);
  letter-spacing: var(--small-body-small-letter-spacing);
  line-height: var(--small-body-small-line-height);
  padding-left: var(--space-1\.5);
  -webkit-text-decoration: var(--small-body-small-text-decoration);
  text-decoration: var(--small-body-small-text-decoration);
  text-transform: var(--small-body-small-text-transform);
}
@media (min-width: 1025px) {
  .ReadingsTable-readingTime {
    font-family: var(--large-body-small-font-family);
    font-size: var(--large-body-small-font-size);
    font-weight: var(--large-body-small-font-weight);
    letter-spacing: var(--large-body-small-letter-spacing);
    line-height: var(--large-body-small-line-height);
    -webkit-text-decoration: var(--large-body-small-text-decoration);
    text-decoration: var(--large-body-small-text-decoration);
    text-transform: var(--large-body-small-text-transform);
  }
}
.Weight-infoModal h2 {
  margin-bottom: 8px;
}
.Weight-infoModal p {
  margin-bottom: 24px;
}
.Weight-infoModal p:last-of-type {
  margin-bottom: 0;
}