._content_yqq82_1 {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  --background: var(--ion-color-beige50);

  padding: 0 !important;

  ._header_yqq82_10 {
    --background: var(--ion-color-beige50);
    position: sticky;
    top: 0;
    z-index: 1;
  }

  ._cards_yqq82_17 {
    background-color: transparent;
  }

  ._loading_yqq82_21 {
    align-items: center;
    align-self: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
}

._tableHeader_yqq82_31 {
  align-items: center;
  background: var(--ion-color-beige75);
  border-bottom: 1px solid rgba(10, 46, 44, 0.08);
  border-top: 1px solid rgba(10, 46, 44, 0.08);
  box-shadow:
    0px 1px 4px 0px rgba(0, 0, 0, 0),
    0px 3px 8px 0px rgba(0, 0, 0, 0.02);
  display: grid;
  gap: var(--spacing-xl);
  grid-template-columns: 1fr minmax(72px, 124px) minmax(72px, 124px) 16px;
  padding: var(--spacing-xs) 48px var(--spacing-xs) var(--spacing-xl);
  width: 100%;

  @media screen and (max-width: 1024px) {
    gap: 24px;
  }

  ._searchbar_yqq82_49 {
    max-width: 348px;
    position: relative;
  }
}

._label_yqq82_55 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: var(--spacing-xs);
  padding: 0;
  width: max-content;
}

._labelText_yqq82_64 {
  color: var(--color-text-title-2);
  font-family: var(--ion-monospace-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 100%; /* 12px */
  text-transform: uppercase;
}

._cards_yqq82_17 {
  display: grid;
  gap: 24px;
  padding: 24px;
}

._sessions_yqq82_81 {
  display: grid;
  padding: 0 24px;
}

._actionButton_yqq82_86 {
  margin: 0 !important;
  padding: 0 !important;
}

._addClientModal_yqq82_91 {
  padding: var(--spacing-md);

  --max-height: 462px;

  @media screen and (max-width: 765px) {
    --max-height: 100%;
  }

  ion-content {
    --background: var(--ion-color-light);
  }
}
._button_1jc0i_1 {
  font-weight: 700;
  --border-width: 1px;
  --border-style: solid;
  transition:
    opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
}

._primary_1jc0i_10 {
  --background: var(--ui-button-primary-background--default);
  --background-hover: var(--ion-color-teal750);
  --background-activated: var(--ion-color-teal800);
  --background-focused: var(--ion-color-teal800);
  --background-disabled: rgba(var(--ion-color-primary-rgb), 0.06);
  --border-color: #0c3b38;
  --box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 3px 0px rgba(10, 46, 44, 0.08),
    0px 1px 1px 0px rgba(10, 46, 44, 0.1);
  --color: var(--ion-color-teal800-contrast);

  &:hover,
  &:focus {
    --box-shadow: 0px 2px 3px 0px rgba(10, 46, 44, 0.08), 0px 1px 1px 0px rgba(10, 46, 44, 0.1);
    --border-color: var(--ion-color-teal900);
  }

  &._disabled_1jc0i_27 {
    --background: rgba(var(--ion-color-primary-rgb), 0.1) !important;
    --background-disabled: rgba(var(--ion-color-primary-rgb), 0.1) !important;
    --background-activated: rgba(var(--ion-color-primary-rgb), 0.1) !important;
    --background-focused: rgba(var(--ion-color-primary-rgb), 0.1) !important;
    --background-hover: rgba(var(--ion-color-primary-rgb), 0.1) !important;
    --color-activated: rgba(var(--ion-color-primary-rgb), 0.4) !important;
    --color: rgba(var(--ion-color-primary-rgb), 0.4) !important;
    --border-color: rgba(var(--ion-color-primary-rgb), 0.15);
    --box-shadow: none;

    color: rgba(var(--ion-color-primary-rgb), 0.4) !important;
    pointer-events: none;

    &::part(native) {
      background: rgba(var(--ion-color-primary-rgb), 0.1) !important;
      border-color: rgba(var(--ion-color-primary-rgb), 0.15) !important;
      box-shadow: none !important;
      color: rgba(var(--ion-color-primary-rgb), 0.4) !important;
    }

    &:hover,
    &:focus {
      --background: rgba(var(--ion-color-primary-rgb), 0.1);
      --color: rgba(var(--ion-color-primary-rgb), 0.4);
      --border-color: rgba(var(--ion-color-primary-rgb), 0.15);
      --box-shadow: none;
    }
  }
}

._secondary_1jc0i_58 {
  --background: #fff;
  --background-hover: linear-gradient(0deg, rgba(10, 46, 44, 0.03) 0%, rgba(10, 46, 44, 0.03) 100%), #fff;
  --background-activated: #fff;
  --background-disabled: linear-gradient(0deg, rgba(10, 46, 44, 0.03) 0%, rgba(10, 46, 44, 0.03) 100%), #fff;
  --background-focused: #fff;
  --border-color: rgba(10, 46, 44, 0.1);
  --color: #0a2e2c;

  &:disabled {
    --color: #96a6a6;
  }
}

._tertiary_1jc0i_72 {
  --background: transparent;
  --background-hover: transparent;
  --background-activated: transparent;
  --background-disabled: transparent;
  --border-color: transparent;
  --color: #0a2e2c;

  ._inner-button-medium_1jc0i_80 {
    align-items: center;
    gap: var(--spacing-2xs);
  }

  &:hover {
    --color: #0a2e2c;
  }

  &:disabled {
    --color: #96a6a6;
  }
}

._danger_1jc0i_94 {
  --background: var(--ui-button-danger-background--default);
  --background-hover: var(--ui-button-danger-background--hover);
  --background-activated: var(--ui-button-danger-background--active);
  --background-disabled: var(--ui-button-danger-background--disabled);
  --border-color: var(--ion-color-danger);
  --color: var(--ion-color-primary-contrast);

  &:disabled {
    --color: var(--ion-color-primary-contrast);
  }
}

._small_1jc0i_107 {
  font-size: var(--font-size-sm);
  height: var(--height-sm);
  --border-radius: var(--radius-sm);
  padding: var(--spacing-none) 10px;
}

._medium_1jc0i_114 {
  font-size: var(--font-size-md);
  height: var(--height-md);
  --border-radius: var(--radius-md);
  padding: var(--spacing-none) var(--spacing-sm);
}

._large_1jc0i_121 {
  height: var(--height-lg);
  --border-radius: var(--radius-lg);
  font-size: var(--font-size-lg);
  padding: var(--spacing-none) var(--spacing-md);
}

._inner-button-small_1jc0i_128 {
  align-items: center;
  display: flex;
  gap: var(--spacing-3xs);
}

._inner-button-medium_1jc0i_80 {
  align-items: center;
  display: flex;
  gap: var(--spacing-2xs);
}

._inner-button-large_1jc0i_140 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._fullWidth_1jc0i_146 {
  width: 100%;
}

._loading_1jc0i_150 {
  opacity: 0.8;
  pointer-events: none;
}

@keyframes _spin_1jc0i_164 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

._spinner_1jc0i_164 {
  animation: _spin_1jc0i_164 1s linear infinite;
}
._toast_3p4m7_1 {
  align-items: center;
  align-self: flex-end;
  background: var(--ion-color-teal750);
  border-radius: var(--radius-lg);
  color: #fff;
  display: flex;
  gap: var(--spacing-xl);
  justify-content: space-between;
  max-width: 320px;
  overflow: hidden;
  padding: var(--spacing-sm);

  &:focus {
    outline: none;
  }
}

@keyframes _spin_3p4m7_35 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._icon_3p4m7_28 {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  width: 18px;

  &._spin_3p4m7_35 {
    animation: _spin_3p4m7_35 1s linear infinite;
  }
}

._content_3p4m7_40 {
  align-items: center;
  display: inline-flex;
  font-family: var(--ion-font-family);
  gap: var(--spacing-sm);
  justify-content: center;
  max-width: 100%;
  width: auto;
}

._textContent_3p4m7_50 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xs);
  justify-content: center;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  /* word-break: break-all; */
  word-wrap: break-word;
}

._title_3p4m7_64,
._description_3p4m7_65 {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  margin: 0;
  max-width: 100%;
  min-width: 100%;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: wrap;
}

._title_3p4m7_64 {
  color: #fff;
  font-weight: 600;
}

._description_3p4m7_65 {
  color: var(--ion-color-grey400);
  font-weight: 400;
}

._action_3p4m7_86 {
  align-items: flex-end;
  display: inline-flex;
  justify-content: flex-end;
  justify-self: flex-end;
  width: 100%;
}

._button_3p4m7_94 {
  align-items: center;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  font-size: var(--font-size-sm);
  font-weight: 600;
  gap: var(--spacing-2xs);
  justify-content: center;
  line-height: 1;
  padding: 6px;
  word-wrap: normal;
  transition: background 0.2s ease-in-out;

  &:hover,
  &:focus,
  &:active {
    background: rgba(255, 255, 255, 0.14);
    border: 0;
    outline: none;
  }
}
._sliding_1xjor_1 {
  background-color: transparent;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
}

._item_1xjor_8 {
  background: transparent;
  overflow: visible;

  --inner-border-width: 0;
  --min-height: 24px;
  --inner-padding-end: 0;

  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 24px;
  --padding-end: 0;

  &::part(native) {
    background: transparent;
    padding: 0 !important;
  }
}

._card_1xjor_27 {
  align-items: center;
  background: transparent;
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  cursor: pointer;
  display: grid;
  gap: var(--spacing-lg);
  height: 100%;
  margin: 0;
  overflow-x: visible;
  overflow-y: visible;
  padding: var(--spacing-xl);

  transition: transform 0.3s ease;
  width: 100%;
}
._cardContent_1xjor_48 {
  align-items: center;
  display: grid;
  gap: var(--spacing-xl);
  grid-template-columns: 1fr minmax(72px, 124px) minmax(72px, 124px) 16px;
  padding: 0 !important;

  @media screen and (max-width: 1024px) {
    gap: 24px;
  }
}

._userCol_1xjor_60 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  padding: 0;
}

._name_1xjor_68 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-left: var(--spacing-sm);
}

._birthdate_1xjor_78 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._lastRecording_1xjor_87 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._icon_1xjor_96 {
  display: block;
}

._chevron_1xjor_100 {
  margin-left: auto;
}

._isVisible_1xjor_104 {
  visibility: visible;
}

._options_1xjor_108 {
  align-items: center;
  border-bottom-width: 0 !important;
  height: 100%;
  margin-top: 6px;
  padding-left: 4px;
}

._option_1xjor_108 {
  border-radius: var(--radius-xl);
  height: 100%;
  height: 64px;
  margin: 0 4px var(--spacing-sm);
  padding: var(--spacing-xs);
}

._archive_1xjor_124 {
  background: rgba(var(--ion-color-error500-rgb), 0.2);
}

._edit_1xjor_128 {
  background: var(--ion-color-grey200);
}
._modal_zwdyt_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);
  --height: 240px !important;

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 640px;
    overflow: hidden;
    width: 100%;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-width: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_zwdyt_29::part(scroll) {
    width: 100%;
  }
  ._content_zwdyt_29::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_zwdyt_36 {
    align-items: flex-start;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    height: fit-content !important;
    justify-content: center;
    padding: var(--spacing-xl);
    position: relative;
    width: 100%;
  }
}

._text_zwdyt_49 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
  padding-left: 14px;
  text-align: left;
  width: 100%;

  strong {
    color: var(--ion-color-grey600);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 700;
    line-height: 1.8;
    text-align: left;
    width: 100%;
  }
}

._button_zwdyt_73 {
  margin: 0;
  padding: 0;
}
._footer_1wzyo_1 {
  align-items: center;
  align-self: stretch;
  background: var(--ion-background-color);
  border-top: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-md);
  width: 100%;

  > *:only-child {
    align-self: flex-end;
    justify-self: flex-end;
    margin-left: auto;
    padding: 0;
  }
}
._header_1t6g6_1 {
  /* justify-content: center; */
  align-items: flex-start;
  align-self: stretch;
  background: var(--ion-background-color);
  border-bottom: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  color: var(--ion-color-gray800);
  display: flex;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-l, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding: var(--spacing-md);
}
._header_167ot_1 {
  background: var(--ion-color-beige50);
  height: fit-content;
  padding: 0;
  width: 100%;
}

._wrapper_167ot_8 {
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-2xl) var(--spacing-xl);
}

._icon_167ot_14 {
  align-items: center;
  display: flex;
  justify-content: center;
}

._title_167ot_20 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 100%;
  margin: 0;
}

._titleCol_167ot_31 {
  align-items: center;
  display: flex;
}
._container_eq2kq_1 {
  height: 100%;
  position: relative; /* 🔥 Enables overlay positioning */
  width: 100%;
}

/* 🔥 Overlay: Covers the form when loading */
._loadingOverlay_eq2kq_8 {
  align-items: center;
  background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; /* Ensure it's above everything */
}

._wrapper_eq2kq_21 {
  width: 100%;
}

._list_eq2kq_25 {
  background-color: var(--ion-color-light);
  display: flex;
  flex-direction: column;
}

._no-padding_eq2kq_31 {
  padding: 0;
}

._errorText_eq2kq_35 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding: var(--spacing-xs);
}

._inputRow_eq2kq_44 {
  margin-bottom: var(--spacing-lg);
}

._nameCol_eq2kq_48 {
  padding: 0 8px 0 0;
}

._surnameCol_eq2kq_52 {
  padding: 0 0 0 8px;
}
._input_1vsfm_1 {
  align-items: center;
  display: inline-flex;
  justify-content: center;

  overflow: visible;
  padding: 2px !important;
  position: relative;
  scroll-margin-top: var(--spacing-lg);

  &._primary_1vsfm_11 {
    --background: transparent;
    --placeholder-color: var(--ion-color-grey500);
    --color: var(--ion-color-teal50-contrast);

    .native-wrapper input {
      background-color: var(--ion-color-primary-contrast) !important;
    }

    &.input-disabled {
      opacity: 1 !important;
      --placeholder-color: var(--ion-color-grey300);
      --color: var(--ion-color-grey300);

      .label-text {
        color: var(--ion-color-teal50-contrast);
      }
    }
  }

  &._secondary_1vsfm_31 {
    --background: transparent;
    --placeholder-color: var(--ion-color-beige800);
    --color: var(--ion-color-teal50-contrast);

    .native-wrapper input {
      background-color: var(--ion-color-beige200) !important;
      border-color: var(--ion-color-beige200);
      border-radius: 1000px;
      font-weight: 500;
      transition: background-color 0.2s ease-in-out;

      &:focus {
        background-color: var(--ion-color-primary-contrast) !important;
      }
    }

    &.input-disabled {
      opacity: 0.45 !important;
    }
  }

  &._light_1vsfm_53 {
    --background: transparent;
    background-color: var(--ion-color-light);
    --placeholder-color: var(--ion-color-grey500);
    --color: var(--ion-color-teal50-contrast);

    .native-wrapper input {
      background-color: var(--ion-color-primary-contrast) !important;
    }

    &.input-disabled {
      opacity: 1 !important;
      --placeholder-color: var(--ion-color-grey300);
      --color: var(--ion-color-grey300);

      .label-text {
        color: var(--ion-color-teal50-contrast);
      }
    }
  }

  &._isSearch_1vsfm_74 {
    ._icon_1vsfm_75 {
      bottom: 15px;
      opacity: 0.4;
    }

    .native-wrapper input {
      border-radius: 1000px;
    }
  }
}

._input_1vsfm_1 .label-text-wrapper {
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 15px;
  margin-bottom: var(--spacing-xs);
  margin-inline-end: 0 !important;

  transform: scale(1) !important;
}

._input_1vsfm_1 .native-wrapper {
  overflow: visible;
  padding: 0;
}

._input_1vsfm_1 .native-wrapper input {
  border: 1px solid var(--ion-color-grey200);
  border-radius: var(--radius-md);
  box-shadow:
    0px 2px 3px -1px rgba(10, 46, 44, 0.04),
    0px 1px 0px 0px rgba(10, 46, 44, 0.02);
  overflow: visible;
  padding: var(--spacing-xs) var(--spacing-sm);
}

._input_1vsfm_1 .native-wrapper input:focus {
  border-color: var(--ion-color-teal600);
  box-shadow:
    0px 0px 0px 2px rgba(45, 210, 190, 0.2),
    0px 2px 3px -1px rgba(10, 46, 44, 0.04),
    0px 1px 0px 0px rgba(10, 46, 44, 0.02);
}

._input_1vsfm_1 .input-bottom {
  border-top: 0 !important;
}

._input_1vsfm_1 .input-highlight {
  display: none !important;
}

._input_1vsfm_1._error_1vsfm_127 {
  --color: var(--ion-color-error500);

  ._requiredStar_1vsfm_130 {
    color: var(--color);
  }
}

._input_1vsfm_1._error_1vsfm_127 .label-text {
  color: var(--ion-color-teal50-contrast);
}

._input_1vsfm_1._error_1vsfm_127 .native-wrapper input {
  border-color: var(--ion-color-error500);
}

._input_1vsfm_1._error_1vsfm_127 .native-wrapper input:focus {
  border-color: var(--ion-color-error500);
  box-shadow:
    0px 2px 3px -1px rgba(10, 46, 44, 0.04),
    0px 1px 0px 0px rgba(10, 46, 44, 0.02);
}

._icon_1vsfm_75 {
  bottom: 16px;
  position: absolute;
  z-index: 10;

  &._primary_1vsfm_11 {
    color: var(--ion-color-teal50-contrast);
  }
  &._secondary_1vsfm_31 {
    color: var(--ion-color-beige700);
  }
}

._icon-left_1vsfm_163 {
  left: 14px;
}

._icon-right_1vsfm_167 {
  right: 14px;
}

._input_1vsfm_1._has-leading-icon_1vsfm_171 .native-wrapper input {
  padding-left: 36px;
}

._input_1vsfm_1._has-trailing-icon_1vsfm_175 .native-wrapper input {
  padding-right: 36px;
}

._requiredStar_1vsfm_130 {
  color: var(--ion-color-teal600);
}

._input_1vsfm_1._date_1vsfm_183 .native-wrapper input {
  height: 38px !important;
}
/* .spinnerContainer {
    position: relative;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.outer {
    animation: spin-right 15s linear infinite;
    animation-delay: 1ms;
    transform-origin: center;
    stroke: var(--ion-color-teal300)
  }
  .middle {
    animation: spin-left 15s linear infinite;
    animation-delay: 1ms;
    transform-origin: center;
    stroke: var(--ion-color-teal300)
  }
  .inner {
    animation: spin-right 15s linear infinite;
    animation-delay: 1ms;
    transform-origin: center;
    stroke: var(--ion-color-teal550)
  }

  @keyframes spin-right {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  @keyframes spin-left {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
  }
  .overlayButton {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--ui-button-primary-background--default);
    color: var(--ion-color-teal800-contrast);
    border: none;
    font-weight: 700;
    box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 3px 0px rgba(10, 46, 44, 0.08),
      0px 1px 1px 0px rgba(10, 46, 44, 0.1);
    transition: all 0.3s ease-in-out;
    height: var(--height-md);
    font-size: var(--font-size-sm);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm) var(--spacing-sm);
    text-align: center;
    min-width: 130px;
    max-width: 250px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
  }

  .buttonText {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
  } */

._spinnerContainer_r6gph_1 {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

._outer_r6gph_10 {
  animation: _spin-right_r6gph_1 15s linear infinite;
  animation-delay: 1ms;
  transform-origin: center;
  stroke: var(--ion-color-teal300);
}
._middle_r6gph_16 {
  animation: _spin-left_r6gph_1 15s linear infinite;
  animation-delay: 1ms;
  transform-origin: center;
  stroke: var(--ion-color-teal300);
}
._inner_r6gph_22 {
  animation: _spin-right_r6gph_1 15s linear infinite;
  animation-delay: 1ms;
  transform-origin: center;
  stroke: var(--ion-color-teal550);
}

@keyframes _spin-right_r6gph_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes _spin-left_r6gph_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

._overlayButton_r6gph_38 {
  align-items: center;
  background: var(--ui-button-primary-background--default);
  border: none;
  border-radius: var(--radius-md);
  box-shadow:
    0px 2px 2px 0px rgba(255, 255, 255, 0.08) inset,
    0px 2px 3px 0px rgba(10, 46, 44, 0.08),
    0px 1px 1px 0px rgba(10, 46, 44, 0.1);
  color: var(--ion-color-teal800-contrast);
  display: flex;
  font-weight: 700;
  gap: 8px;
  overflow: hidden;
  padding: var(--spacing-sm) var(--spacing-sm);
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

._buttonText_r6gph_62 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._wrapper_16ktv_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  height: 100%;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-4xl);
  position: relative;
  text-align: center;
  width: 100%;
}

._title_16ktv_14 {
  color: var(--color-text-title-2);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0;
  margin-top: var(--spacing-xs);
}

._description_16ktv_25 {
  color: var(--color-text-body-2);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 320px;
}
._sub-title_18vyx_1 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
}

@keyframes _spin_18vyx_1 {
  from {
    transform: rotate(-360deg) scaleX(-100%);
  }
  to {
    transform: rotate(0deg) scaleX(-100%);
  }
}

._icon_18vyx_20 {
  animation: _spin_18vyx_1 1s linear infinite;
}

._loadingContainer_18vyx_24 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
._modal_o23ge_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 90%;
    max-width: 640px;
    min-height: 260px;
    overflow: hidden;
    width: 100%;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-height: 100%;
      max-width: none;
      min-height: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_o23ge_32::part(scroll) {
    width: 100%;
  }
  ._content_o23ge_32::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_o23ge_39 {
    align-items: flex-start;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

._inner_o23ge_39 {
  padding: 0 var(--spacing-md) var(--spacing-md);
}

._reportmodal_o23ge_52 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);

  &::part(content) {
    align-items: stretch;
    background: var(--ion-background-color);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 95%;
    min-height: 85%;
    overflow: hidden;

    @media screen and (max-width: 765px) {
      /* Dont delete */
      border-radius: 0;
      max-width: none;
    }

    @media screen and (min-width: 768px) {
      /* Dont delete */
      width: 720px;
    }
    @media screen and (min-width: 992px) {
      /* Dont delete */
      width: 960px;
    }
    @media screen and (min-width: 1200px) {
      /* Dont delete */
      width: 1140px;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_o23ge_32::part(scroll) {
    width: 100%;
  }
  ._content_o23ge_32::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_o23ge_39 {
    align-items: center;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);

    height: 100%;
    justify-content: center;
    padding: var(--spacing-md);
    width: 100%;
  }
}
._container_lvvuo_1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

._illustration_lvvuo_11 {
  margin: 0 auto;
  max-width: 104px;
}

._title_lvvuo_16 {
  color: var(--ion-color-error500);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 8px;
  margin-top: 16px;
  width: 100%;
}

._description_lvvuo_28 {
  color: var(--ion-color-grey400);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  margin: 0;
  max-width: 320px;
}

._buttons_lvvuo_37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin: 0 auto;
  max-width: 220px;
  text-align: center;
  width: 100%;
}

._button_lvvuo_37 {
  margin: 0;
  padding: 0;
  width: 100%;
}

._topButtons_lvvuo_53 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-2xl);
  width: 100%;
}

._divider_lvvuo_61 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
  justify-content: center;

  span {
    color: var(--ion-color-grey500);
    font-size: var(--font-size-sm);
  }

  hr {
    background: rgba(var(--ion-color-teal800-rgb), 0.08);
    border: none;
    height: 1px;
    margin: 0;
    width: 100%;
  }
}
._modal_wepfw_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);
  --height: 500px !important;

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 960px !important;
    overflow: hidden;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-width: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_wepfw_28._loading_wepfw_28 {
    opacity: 0.5;
    pointer-events: none;
  }

  ._content_wepfw_28::part(scroll) {
    width: 100%;
  }
  ._content_wepfw_28::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_wepfw_40 {
    align-items: center;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: row;
    height: fit-content !important;
    justify-content: center;
    min-width: 960px !important;
    padding: var(--spacing-xl);
    width: 100%;
  }
}

._dropdown_wepfw_53 {
  align-items: center;
  background: var(--ion-color-light);
  border: 1px solid #0a2e2c10;
  border-radius: var(--radius-md);
  box-shadow: 0px 5px 8px 0px rgba(39, 33, 22, 0.06);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
  margin-top: -20px;
  overflow-y: auto;
  padding: var(--spacing-2xs) var(--spacing-none);
  position: relative;
  width: 594px;
}

._dropdownItem_wepfw_71 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-md);
  gap: var(--spacing-xs);
  height: 36px;
  line-height: 1.5;
  padding: 0px var(--spacing-sm);
  width: 100% !important;
}

._dropdownText_wepfw_85 {
  color: var(--ion-color-text);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._text_wepfw_94 {
  color: var(--ion-color-text);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding-bottom: var(--spacing-xs);

  padding-left: 14px;
  text-align: left;
  width: 100%;
}

._tagsRow_wepfw_108 {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  padding: 0 var(--spacing-xs);
  width: 100%;
}

._tagClose_wepfw_117 {
  padding-left: 6px;
}
._card_cx2k3_1 {
  align-items: center;
  background: var(--ion-color-primary-contrast);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: 12px;
  box-shadow:
    0px 6px 16px 0px rgba(65, 41, 20, 0.02),
    0px 16px 36px -5px rgba(16, 11, 7, 0.04);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: min-content;
  justify-content: center;
  margin: var(--spacing-xs);
  padding: var(--spacing-4xl) var(--spacing-2xl) var(--spacing-2xl);
  width: 287px !important;

  &:active {
    transform: scale(0.98);
  }

  &._selected_cx2k3_22 {
    background: var(--ion-color-teal50);
    border: 1px solid var(--ion-color-teal500);
    outline: 2px solid rgba(var(--ion-color-teal500-rgb), 0.3);
  }
}

._illustration_cx2k3_29 {
  height: 116px;
  margin-bottom: 40px;
  object-fit: contain;
  width: 116px;
}

._text_cx2k3_36 {
  color: var(--color-text-body-1);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

._progress_cx2k3_46 {
  align-items: center;
  background: var(--ion-color-grey200);
  border-radius: 100px;
  display: flex;
  flex-shrink: 0;
  height: 3px;
  margin-bottom: 18px;
  overflow: hidden;
  width: 102px;
}

._completed_cx2k3_58 {
  --progress: 0;
  background: var(--ion-color-light-blue500);
  height: 3px;
  transition: width 0.3s ease-in-out;
  width: calc(var(--progress) * 100%);
}

._button_cx2k3_66 {
  margin-top: 48px;
}
._wrapper_43to0_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  height: 100%;
  justify-content: center;
  width: 100%;
  z-index: 10;
}

._icon_43to0_12 {
  display: block;
  margin: 0 auto;
}

._background_43to0_17 {
  bottom: 0;
  height: auto;
  left: 0;
  object-fit: cover;
  object-position: center bottom;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
._divider_177fo_1 {
  background-color: var(--ion-color-teal800);
  min-height: 1px;
  opacity: 0.08;
  padding: 0;

  &._vertical_177fo_7 {
    height: 100%;
    width: 1px;
  }

  &._horizontal_177fo_12 {
    height: 1px;
    width: 100%;
  }
}
._item_vdr20_1 {
  cursor: pointer;
  --color: var(--ion-color-beige800);
  --border-radius: var(--radius-md);
  --inner-padding-end: 0;

  &::part(native) {
    --background: transparent;

    border: 1px solid transparent;
    font-family: var(--ion-font-family);
    font-size: var(--font-size-md);
    font-weight: 600;
    min-height: 0;

    /** note: this is slightly different from the design system  */
    opacity: 0.65;

    overflow: hidden;
    padding: 11px var(--spacing-sm);
    text-overflow: ellipsis;
  }

  &::part(detail-icon) {
    color: var(--ion-color-beige900);
    font-size: var(--font-size-md);
  }

  &._active_vdr20_29::part(native) {
    --background: var(--ion-color-beige300);

    border-color: var(--ion-color-beige400);
    opacity: 1;
  }

  &:hover::part(native),
  &:focus::part(native),
  &:focus-visible::part(native) {
    --background: var(--ion-color-beige300);

    opacity: 1;
  }

  &._user_vdr20_44 {
    --color: var(--ion-color-grey900);

    &::part(native) {
      opacity: 1;
    }

    &:hover::part(native) {
      --background: var(--ion-color-beige100);

      opacity: 1;
    }

    &::part(detail-icon) {
      font-size: var(--font-size-md);
    }
    &:hover::part(detail-icon) {
      opacity: 1;
    }
  }

  &._danger_vdr20_65 {
    --color: var(--ion-color-danger);

    &:hover {
      --color: var(--ion-color-beige100);

      &::part(native) {
        --background: var(--ion-color-danger);
      }
    }
  }
}

._icon_vdr20_78,
._userIcon_vdr20_79 {
  margin-right: var(--spacing-sm);
}

._userIcon_vdr20_79 {
  height: 14px;
  width: 14px;
}

._chevron_vdr20_88 {
  margin-left: auto;
}
._popover_1iexb_1 {
  --backdrop-opacity: 0.04;
  --box-shadow: 0px 5px 8px 0px rgba(39, 33, 22, 0.06);

  &::part(arrow) {
    display: none;
  }

  &::part(content) {
    min-width: 224px;
    padding: var(--spacing-2xs);
  }
}
._separator_toqx4_1 {
  color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-ORYX-step-250, #c8c7cc)));
  padding-left: 10px;
  padding-right: 10px;
}

._status_dot_toqx4_7 {
  background-color: orange;
  border-radius: 50%;
  display: block;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  width: 18px;
}

._status_dot_centered_toqx4_18 {
  background-color: grey;
  border-radius: 50%;
  display: block;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  width: 18px;
}

._speed_dot_toqx4_29 {
  background-color: orange;
  border-radius: 50%;
  display: block;
  height: 18px;
  margin-left: 5px;
  right: 0;
  width: 18px;
}

._textAlign_Center_toqx4_39 {
  margin-right: 0 !important;
  text-align: center !important;
}

._title_toqx4_44 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--spacing-sm) !important;
}

._Label_toqx4_54 {
  color: var(--ion-color-primary) !important;
  font-size: var(--font-size-sm);
  font-weight: 600;
  margin-top: 10px !important;
  padding: var(--spacing-sm) !important;
  text-align: center;
}

._VarusValgusLabel_toqx4_63 {
  color: var(--ion-color-grey400);
  flex: 0 0 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}
._title_1ctgm_1 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

._subTitle_1ctgm_10 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._cardHeader_1ctgm_19 {
  box-shadow: none;
  height: auto;
  margin-bottom: 0;
  padding: var(--spacing-sm) !important;
}

._header_1ctgm_26 {
  align-items: flex-start;
  height: max-content;
  justify-content: space-between;
}

._content_1ctgm_32 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._button_1ctgm_39 {
  align-self: center;
  color: #4d4f5c40;
  font-size: 18px;
  height: 35px;
}
._cardContent_kvg6e_1 {
  box-shadow: none;
  height: auto;
  margin-bottom: 0;
  padding-bottom: var(--spacing-lg) !important;
  padding-left: var(--spacing-lg) !important;
  padding-right: var(--spacing-lg) !important;
}

._avatar_kvg6e_10 {
  display: block;
  height: 256px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

._button_kvg6e_18 {
  align-self: center;
  color: #4d4f5c40;
}

._full_width_kvg6e_23 {
  width: 100%;
}

._full_height_kvg6e_27 {
  height: 100%;
}
._ReportModal_Header_1lb63_1 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
  height: 60px !important;
  min-height: 60px !important;
  overflow: hidden;
  padding: var(--spacing-lg) !important;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; /* Don't forget this one */
}

._title_1lb63_12 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

._subTitle_1lb63_21 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._cardHeader_1lb63_30 {
  box-shadow: none;
  height: auto;
  margin-bottom: 0;
  padding: var(--spacing-lg) !important;
}

._header_1lb63_37 {
  align-items: flex-start;
  height: max-content;
  justify-content: space-between;
}

._content_1lb63_43 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._modal_Header_Button_1lb63_50 {
  align-self: center;
  color: #4d4f5c40;
  font-size: 18px;
  height: 35px;
}
._card_trgtj_1 {
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-lg);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
}
._cardContent_kvg6e_1 {
  box-shadow: none;
  height: auto;
  margin-bottom: 0;
  padding-bottom: var(--spacing-lg) !important;
  padding-left: var(--spacing-lg) !important;
  padding-right: var(--spacing-lg) !important;
}

._avatar_kvg6e_10 {
  display: block;
  height: 256px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

._button_kvg6e_18 {
  align-self: center;
  color: #4d4f5c40;
}

._full_width_kvg6e_23 {
  width: 100%;
}

._full_height_kvg6e_27 {
  height: 100%;
}
._card_jda3s_1 {
  align-items: center;
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-lg);
  height: 100%;
  margin: 0;
  padding: 0;

  &:hover {
    background: linear-gradient(
        0deg,
        rgba(var(--ion-color-beige800-rgb), 0.02) 0%,
        rgba(var(--ion-color-beige800-rgb), 0.02) 100%
      ),
      var(--ion-background-color);
  }
}

._pending_jda3s_26 {
  display: block;
  height: 92px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}

._color_jda3s_34 {
  align-items: center;
  align-self: stretch;
  background: var(--ion-color-green100);
  display: flex;
  flex: 0 0 64px;
  justify-content: center;
  position: relative;
  width: 64px;
}

._icon_jda3s_45 {
  color: var(--ion-color-green500);
  height: 49px;
  object-fit: contain;
  object-position: center;
  position: relative;
  width: 100%;
  z-index: 4;
}

._header_jda3s_55 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: var(--spacing-2xs);
  justify-content: space-between;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

._content_jda3s_66 {
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--spacing-lg);
  padding-left: 0;
  width: 100%;
}

._name_jda3s_74 {
  color: var(--color-text-body-1);
  flex: 1 1 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._date_jda3s_88 {
  color: var(--color-text-body-2);
  flex: 0 0 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}

._dateString_jda3s_99 {
  margin-right: var(--spacing-2xs);
}

._activity_jda3s_103 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding-bottom: 2px;
}

._bottom_jda3s_113 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  margin-top: var(--spacing-xl);
  width: 100%;
}

._pattern_jda3s_122 {
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  right: 0;
  top: 0;
}
._modal_1k4sn_1 {
  --width: 400px;
  --height: 200px;
  --border-radius: 10px;
}

._addClientModal_1k4sn_7 {
  padding: var(--spacing-md);

  --max-height: 462px;

  @media screen and (max-width: 765px) {
    --max-height: 100%;
  }

  ion-content {
    --background: var(--ion-color-light);
  }
}

._wrapper_1k4sn_21 {
  width: 100%;
}

._input_1k4sn_25 {
  margin-bottom: var(--spacing-lg);
  width: 100%;
}

._dropdown_1k4sn_30 {
  align-items: center;
  background: var(--ion-color-dark-contrast);
  border: 1px solid #0a2e2c10;
  border-radius: var(--radius-m);
  border-radius: var(--radius-md);
  box-shadow: 0px 5px 8px 0px rgba(var(--ion-color-beige900-rgb), 0.06);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  overflow-y: auto;
  padding: var(--spacing-2xs) var(--spacing-none);
  position: absolute;
  width: 594px;
}

._dropdownItem_1k4sn_46 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-md);
  gap: var(--spacing-xs);
  height: 36px;
  line-height: 1.5;
  padding: 0px var(--spacing-sm);
  width: 100% !important;
}

._dropdownText_1k4sn_60 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._text_1k4sn_69 {
  color: var(--ion-color-text);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding-bottom: var(--spacing-xs);
  padding-left: 14px;
  text-align: left;
  width: 100%;
}

ion-action-sheet._actionSheet_1k4sn_82 {
  --background: var(--ui-button-primary-background--default);
  --button-background-selected: var(--ui-button-primary-background--default);
  --button-color: var(--ui-button-primary-background--default);
  /* role: "destructive" button iOS styling override */
  --ion-color-danger: var(--ui-button-danger-background--default);
  color: var(--ion-color-teal800-contrast);
}

ion-action-sheet._actionSheet_1k4sn_82 ._action-sheet-button_1k4sn_91._sc-ion-action-sheet-ios_1k4sn_91 {
  color: var(--ion-color-teal800-contrast) !important;
  font-size: var(--font-size-md) !important;
  font-style: normal;
  font-weight: 500;
}
._modal_mhktd_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);
  --height: 240px !important;

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 640px;
    overflow: hidden;
    width: 100%;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-width: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_mhktd_29::part(scroll) {
    width: 100%;
  }
  ._content_mhktd_29::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_mhktd_36 {
    align-items: flex-start;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    height: fit-content !important;
    justify-content: center;
    padding: var(--spacing-xl);
    position: relative;
    width: 100%;
  }
}

._text_mhktd_49 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  padding-left: 14px;
  text-align: left;
  width: 100%;

  strong {
    color: var(--ion-color-grey600);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 700;
    line-height: 1.8;
    text-align: left;
    width: 100%;
  }
}

._button_mhktd_72 {
  margin: 0;
  padding: 0;
}
._kinematicsGraph_Wrapper_1xkn3_1 {
  max-height: 350px;
  width: 100%;
}

._reportModalGraph_Wrapper_1xkn3_6 {
  height: 100%;
  /* border: 1px solid green; */
  margin-left: auto;
  margin-right: auto;
}

._variabilityJointGraph_Wrapper_1xkn3_13 {
  height: 45%;
  margin: 0;
  max-height: 45%;
  /* border: 1px solid blue; */
  padding: 0;
  width: 99%;
}
ion-col > div {
  /* margin: 10px; */
  background-color: var(--ion-color-background);
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-weight: normal;
  line-height: 1.5;
  padding: 10px;
  text-align: left;
}

._avatar_1c27m_13 {
  height: 450px;
}

._avatar_medium_1c27m_17 {
  height: 325px !important;
}

._avatar_small_1c27m_21 {
  height: 225px;
}

._avatar_row_1c27m_25 {
  height: 50%;
}

._Modalcontent_container_1c27m_29 {
  height: 100% !important;
  max-height: 100% !important;
  width: 100%;
}

._variabilityLegend_Row_1c27m_35 {
  height: 85px;
}

._variabilityLegend_1c27m_35 {
  --background: #ffffff;
  align-items: center;
  border-radius: 16px !important;
  border-top: none;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-evenly;
  margin: 0 auto !important;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  top: 10px;
  width: 100%;
}

._variabilityLegend_Entry_1c27m_57 {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  width: 150px;
  /* border: 1px solid blue; */
}

._variabilityLegend_Entry_1c27m_57:hover {
  background-color: #70707030;
  cursor: pointer;
}

._variabilityLegend_Entry_Selected_1c27m_73 {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  position: relative;
  width: 150px;
  /* border: 1px solid blue; */
}

._variabilityLegend_Entry_Selected_1c27m_73:hover {
  background-color: #70707030;
  cursor: pointer;
}

._variabilityLegend_Entry_Selected_1c27m_73::before {
  background: var(--ion-color-ORYX-primary);
  border-radius: 16px;
  bottom: 10px;
  content: '';
  display: block;
  height: 5px;
  position: absolute;
  width: 80%;
}

._legend_dot_1c27m_101 {
  background-color: orange;
  border-radius: 50%;
  display: inline-block;
  height: 8px !important;
  margin: 5px;
  width: 8px !important;
}

._legend_name_1c27m_110 {
  display: inline-block;
  font-size: 0.6rem;
  margin: 5px;
  right: 0;
}

._closeButton_1c27m_117 {
  align-self: center;
  color: #4d4f5c40;
}

._variabilityModalGraphRow_1c27m_122 {
  /* --background: #ffffff;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.4);
  border-radius: 16px !important; */
  height: 50%;
  padding: 0;
}

._variabilityJointGraphModal_Wrapper_1c27m_130 {
  height: 100%;
  margin: 0;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
.ORYX_GraphCard {
  /* padding: 12px 10px; */
  height: 100% !important;
  margin: 0px !important;
}
._modal_1rwm0_1 {
  --width: 400px;
  --height: 200px;
  --border-radius: 10px;
}

._download_buttonIcon_1rwm0_7 {
  color: var(--ui-button-primary-background--default);
  font-size: 58px;
  --ionicon-stroke-width: 24px;
}

._download_buttonCol_1rwm0_13 {
  border: 3px solid var(--ion-color-primary);
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

._download_buttonCol_1rwm0_13:hover {
  background:
    linear-gradient(#f4f5f8, #f4f5f8) padding-box,
    var(--ui-button-primary-background--default) border-box;
  border: 4px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

._download_buttonCol_1rwm0_13:focus {
  background: green;
  border: 4px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

._Download_1rwm0_37 {
  height: 200px;
  width: 200px;
}

._Loading_1rwm0_42 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
._DownloadIcon_1rwm0_49 {
  color: var(--ui-button-primary-background--default);
  font-size: 58px;
  left: 71px;
  position: relative;
  top: 50px;
  --ionicon-stroke-width: 24px;
}

._DownloadLink_1rwm0_58 {
  font-size: 12px;
  position: relative;
  text-align: center;
  text-decoration: underline;
  top: 45px;
}
._modal_qdw70_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);
  --height: 250px !important;

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 640px;
    overflow: hidden;
    width: 100%;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-width: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_qdw70_29::part(scroll) {
    width: 100%;
  }
  ._content_qdw70_29::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_qdw70_36 {
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    height: fit-content !important;
    justify-content: center;
    padding: var(--spacing-xl);
    position: relative;
    width: 100%;
  }
}

._dropdown_qdw70_49 {
  align-items: center;
  background: var(--ion-color-dark-contrast);
  border: 1px solid #0a2e2c10;
  border-radius: var(--radius-m);
  border-radius: var(--radius-md);
  box-shadow: 0px 5px 8px 0px rgba(var(--ion-color-beige900-rgb), 0.06);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  overflow-y: auto;
  padding: var(--spacing-2xs) var(--spacing-none);
  position: absolute;
  width: 594px;
}

._dropdownItem_qdw70_65 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-md);
  gap: var(--spacing-xs);
  height: 36px;
  line-height: 1.5;
  padding: 0px var(--spacing-sm);
  width: 100% !important;
}

._dropdownText_qdw70_79 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

._text_qdw70_88 {
  color: var(--ion-color-text);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding-bottom: var(--spacing-xs);
  padding-left: 14px;
  text-align: left;
  width: 100%;
}

._tagsRow_qdw70_101 {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  padding: 0 var(--spacing-xs);
  width: 100%;
}

._tagClose_qdw70_110 {
  padding-left: 6px;
}

._cancelButton_qdw70_114 {
  margin: 0;
  padding: 0;
}

._buttons_qdw70_119 {
  display: flex;
  gap: var(--spacing-sm);

  > * {
    margin: 0;
    padding: 0;
  }
}

._input_qdw70_129 {
  width: 100%;
}

._tags_qdw70_101 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  inset: 0;
  margin: 0;
  padding: 0;
}

._tag_qdw70_101 {
  appearance: none;
  display: flex;
  margin: 0;
  padding: 0;
}

._tagIcon_qdw70_149 {
  color: var(--ion-color-grey500);
}
._tag_1ph8e_1 {
  align-items: center;
  border-radius: var(--radius-xs) !important;
  cursor: text;
  display: flex;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 100%;
  margin: 0;
  min-height: 0;
  padding: 6px 8px;

  &._sm_1ph8e_17 {
    font-size: 8px;
  }

  &._blue_1ph8e_21 {
    --background: var(--ion-color-light-blue200);
    --color: var(--ion-color-light-blue700);
  }

  &._gray_1ph8e_26 {
    --background: var(--ion-color-grey200);
    --color: var(--ion-color-grey700);
  }

  &._green_1ph8e_31 {
    --background: var(--ion-color-green200);
    --color: var(--ion-color-green700);
  }

  &._yellow_1ph8e_36 {
    --background: var(--ion-color-yellow100);
    --color: var(--ion-color-yellow700);
  }

  &._beige_1ph8e_41 {
    --background: var(--ion-color-beige200);
    --color: var(--ion-color-beige700);
  }
  &._error_1ph8e_45 {
    --background: #fff0f3;
    --color: var(--ion-color-danger);
  }

  &._measurement_1ph8e_50 {
    --background: var(--ion-color-grey200);
    --color: var(--color-text-body-1);

    align-items: center;
    border-radius: var(--radius-xs) !important;
    display: inline-flex;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
._card_jy0la_1 {
  align-items: center;
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-lg);
  height: 100%;
  margin: 0;
  padding: 0;

  &:hover {
    background: linear-gradient(
        0deg,
        rgba(var(--ion-color-beige800-rgb), 0.02) 0%,
        rgba(var(--ion-color-beige800-rgb), 0.02) 100%
      ),
      var(--ion-background-color);
  }
}
._pending_jy0la_25 {
  display: block;
  height: 92px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}

._error_jy0la_33 {
  border-color: var(--ion-color-danger);
}

._color_jy0la_37 {
  align-items: center;
  align-self: stretch;
  background: var(--ion-color-green100);
  display: flex;
  flex: 0 0 64px;
  justify-content: center;
  position: relative;
  width: 64px;
}

._icon_jy0la_48 {
  height: 64px;
  object-fit: contain;
  object-position: center;
  position: relative;
  width: 100%;
  z-index: 4;
}

._header_jy0la_57 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: var(--spacing-xs);
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

._content_jy0la_68 {
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--spacing-lg);
  padding-left: 0;
  width: 100%;
}

._name_jy0la_76 {
  color: var(--color-text-body-1);
  flex: 0 1 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._date_jy0la_90 {
  color: var(--ion-color-grey400);
  flex: 0 0 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}

._dateString_jy0la_101 {
  color: var(--color-text-body-2);
  padding-right: var(--spacing-2xs);
}

._activity_jy0la_106 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding-bottom: 2px;
}

._nameWrapper_jy0la_116 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  margin-bottom: var(--spacing-xl);
  width: 100%;

  ._errorMessage_jy0la_124 {
    margin-top: 0;
  }
}

._actions_jy0la_129 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._moreAction_jy0la_135 {
  height: 16px;
  position: relative;

  /* Increase the clickable area to roughly 40px */
  &::after {
    content: '';
    display: block;
    inset: -10px;
    position: absolute;
    z-index: 1;
  }
}

._tags_jy0la_149 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  justify-content: flex-start;
  margin-top: var(--spacing-xs);
  width: 100%;
}

._errorMessage_jy0la_124 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  margin-top: var(--spacing-sm);
  width: 100%;
}

._errorText_jy0la_168 {
  color: var(--ion-color-danger);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  white-space: wrap;
}

._pattern_jy0la_178 {
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  right: 0;
  top: 0;
}

._checkmark_jy0la_188 {
  color: var(--ion-color-success);
  font-size: var(--font-size-lg);
  font-weight: 500;
  padding-bottom: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  position: absolute;
}
._card_x3gnn_1 {
  align-items: center;
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-lg);
  height: 92px;
  margin: 0;
  padding: 0;

  &:hover {
    background: linear-gradient(
        0deg,
        rgba(var(--ion-color-beige800-rgb), 0.02) 0%,
        rgba(var(--ion-color-beige800-rgb), 0.02) 100%
      ),
      var(--ion-background-color);
  }

  &._error_x3gnn_25 {
    border-color: var(--ion-color-danger);
    outline: 3px solid rgba(var(--ion-color-error500-rgb), 0.15);

    ._left_x3gnn_29 {
      background: var(--ion-color-error100);
      color: var(--ion-color-error500);
    }
  }

  &._pending_x3gnn_35 {
    border-color: var(--ion-color-grey200);

    ._left_x3gnn_29 {
      background: var(--ion-color-beige50);
      color: var(--ion-color-grey300);
    }
  }
}

._left_x3gnn_29 {
  align-items: center;
  align-self: stretch;
  background: var(--ion-color-green100);
  color: var(--ion-color-green500);
  display: flex;
  flex: 0 0 64px;
  justify-content: center;
  position: relative;
  width: 64px;
}

._icon_x3gnn_57 {
  height: 48px;
  object-fit: contain;
  object-position: center;
  position: relative;
  width: 100%;
  z-index: 4;
}

._header_x3gnn_66 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: var(--spacing-2xs);
  justify-content: space-between;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

._content_x3gnn_77 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 0;
  padding: var(--spacing-lg);
  padding-left: 0;
  width: 100%;
}

._leftContent_x3gnn_87 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

._rightContent_x3gnn_93 {
  align-items: flex-end;
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
}

@keyframes _spin_x3gnn_125 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._pendingContent_x3gnn_109,
._errorContent_x3gnn_110 {
  align-items: center;
  display: flex;
  gap: var(--spacing-md);

  p {
    color: inherit;
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  ._spinnerIcon_x3gnn_125 {
    animation: _spin_x3gnn_125 1s linear infinite;
    color: inherit;
  }
}

._pendingContent_x3gnn_109 {
  color: var(--ion-color-grey400);
}

._errorContent_x3gnn_110 {
  color: var(--ion-color-error500);
}

._name_x3gnn_139 {
  color: var(--color-text-body-1);
  flex: 1 1 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 4px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._date_x3gnn_154 {
  color: var(--color-text-body-2);
  flex: 0 0 auto;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}

._activity_x3gnn_165 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding-bottom: 2px;
}

._bottom_x3gnn_175 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  margin-top: var(--spacing-xl);
  width: 100%;
}

._pattern_x3gnn_184 {
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  right: 0;
  top: 0;
}

._iconMenu_x3gnn_194 {
  display: block;
  margin-left: auto;
}

._menuButton_x3gnn_199 {
  background: transparent;
}

._tags_x3gnn_203 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: start;
  /* margin-top: var(--spacing-sm); */
  width: 100%;
}

._movementCount_x3gnn_212 {
  color: var(--ion-color-beige900);
  /* color: var(--colors-beige-900, #251E18); */

  /* body/S/none */
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
  margin-left: var(--spacing-2xs);
  opacity: 0.2;
}
._sessionSection_iv09a_1 {
  background: var(--ion-color-beige100);
  border-radius: var(--radius-xl);
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  overflow: hidden;
  width: 100%;
}

._errorHeader_iv09a_10 {
  align-items: center;
  background: var(--ion-color-teal750);
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
  color: var(--ion-color-error500-tint);
  display: flex;
  gap: var(--spacing-xs);
  justify-content: space-between;
  margin-bottom: -20px;
  padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-2xl);
  width: 100%;
}

._errorLeft_iv09a_24 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._retryButton_iv09a_30 {
  background: rgba(var(--ion-color-white-rgb) 0.15);
  border-radius: var(--radius-sm);
  color: var(--ion-color-white);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding: 10px var(--spacing-sm);
  text-align: center;
  transition: background-color 0.1s ease-in-out;

  &:hover {
    background: rgba(var(--ion-color-white-rgb) 0.2);
  }
}

._sessionSectionHeader_iv09a_47 {
  background: var(--ion-color-beige100);
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg);
  width: 100%;
  z-index: 10;
}

._headerLeft_iv09a_58 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._sessionTitle_iv09a_64 {
  color: var(--ion-color-grey800);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.7;
  text-transform: uppercase;
}

._sessionDate_iv09a_75 {
  color: var(--ion-color-grey800);
  font-family: var(--ion-monospace-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-right: var(--spacing-xs);
  opacity: 0.5;
  text-transform: uppercase;
}

._marginBottom_iv09a_87 {
  margin-bottom: var(--spacing-sm);
}

._contentWrapper_iv09a_91 {
  max-height: 0;
  opacity: 0;
  padding: 0 var(--spacing-lg);
  width: 100%;
}

._open_iv09a_98 {
  max-height: fit-content;
  opacity: 1;

  &:last-child {
    padding-bottom: var(--spacing-lg);
  }
}

._chevronContainer_iv09a_107 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

._noSessionsFound_iv09a_113 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
}
._content_mq01s_1 {
  padding: 0 var(--spacing-xl) !important;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: var(--spacing-xl);
  --padding-end: var(--spacing-xl);
}

@keyframes _spin_mq01s_1 {
  from {
    transform: rotate(-360deg) scaleX(-100%);
  }
  to {
    transform: rotate(0deg) scaleX(-100%);
  }
}

._icon_mq01s_18 {
  animation: _spin_mq01s_1 1s linear infinite;
}

._loadingContainer_mq01s_22 {
  align-items: center;
  display: flex;
  height: 50%;
  justify-content: center;
}
._card_ila98_1 {
  background: var(--ion-background-color);
  border-radius: var(--radius-lg);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  flex: 1 0 0;
  margin: 0;
  outline: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);

  /* This prevents active from scaling the card */
  transform: scale(1) !important;
}

._card_ila98_1._button_ila98_15::part(native) {
  width: 100%;
}

._card_ila98_1::part(native) {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  justify-content: start;
  padding: var(--spacing-sm);
  width: auto;
}

._card_ila98_1:hover,
._card_ila98_1:active {
  background: linear-gradient(
      0deg,
      rgba(var(--ion-color-beige800-rgb), 0.02) 0%,
      rgba(var(--ion-color-beige800-rgb), 0.02) 100%
    ),
    var(--ion-background-color);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
}

._text_ila98_42 {
  color: var(--ion-color-grey700);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  width: 100%;
}

._color_ila98_52 {
  align-items: center;
  border-radius: var(--radius-sm);
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

._green_ila98_62 {
  background: rgba(170, 232, 96, 0.4);
  color: var(--ion-color-green700);
}

._yellow_ila98_67 {
  background: rgba(255, 199, 0, 0.4);
  color: var(--ion-color-yellow700);
}

._teal_ila98_72 {
  background: rgba(96, 232, 230, 0.4);
  color: var(--ion-color-teal700);
}
._wrapper_63h0b_1 {
  align-self: stretch;
  background: var(--ion-color-beige75);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  position: relative;
}

._heading_63h0b_9 {
  color: var(--ion-color-grey700);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}

._row_63h0b_19 {
  gap: var(--spacing-lg);
}

._col_63h0b_23 {
  padding: 0;
}

._header_63h0b_27 {
  margin-bottom: var(--spacing-md);
}

._background_63h0b_31 {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: bottom center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
._col_ask70_1 {
  padding: calc(var(--spacing-lg) / 2);
}

._grid_ask70_5 {
  margin: calc(-1 * (var(--spacing-lg) / 2));
  padding: var(--spacing-3xl) 0 var(--spacing-xl);
}
._header_ruxs5_1 {
  padding: 0;
}

._wrapper_ruxs5_5 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-3xl) var(--spacing-xl);
}

._title_ruxs5_11 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.24px;
  line-height: 100%;
}

._sub-title_ruxs5_21 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
._page_wvfk4_1 {
  background: var(--ion-color-beige50);
}

._background_wvfk4_5 {
  bottom: 0;
  height: auto;
  left: 0;
  object-fit: cover;
  object-position: center bottom;
  pointer-events: none;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 0;
}

._wrapper_wvfk4_18 {
  --background: transparent;
  background: transparent;
  z-index: 10;
}

._grid_wvfk4_24 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

._footer_wvfk4_33 {
  align-items: center;
  display: flex;
  justify-content: center;
}

._privacyPolicy_wvfk4_39 {
  color: var(--color-text-body-1, #667a7a);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-skip-ink: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 7%;
  text-underline-offset: auto;
  text-underline-position: from-font;
  --padding-bottom: 0;
  --margin-bottom: 0;
  margin-bottom: var(--spacing-md);
}

._back_wvfk4_5 {
  left: 40px;
  padding: var(--spacing-none);
  position: fixed;
  top: 28px;

  &::part(native) {
    --padding-start: 0;
    --padding-end: 0;
  }
}
._login-form_1ripy_1 {
  align-items: center;
  background: var(--ion-color-primary-contrast);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-lg);
  box-shadow:
    0px 6px 16px 0px rgba(65, 41, 20, 0.02),
    0px 16px 36px -5px rgba(16, 11, 7, 0.04);
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  padding: var(--spacing-xl) 0 0;
  position: relative;
  width: 400px;
  z-index: 10;
}

._main_1ripy_21 {
  padding: 0 var(--spacing-2xl);
}

._no-padding_1ripy_25 {
  padding: 0;
}

._logo_1ripy_29 {
  height: 42px;
  margin: 0 auto var(--spacing-xl);
  width: 36px;
}

._copy_1ripy_35 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 12px);
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
  padding: 0;
}

._heading_1ripy_46 {
  color: var(--ion-color-teal100-contrast);

  font-family: var(--ion-font-family);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
}

._description_1ripy_57 {
  color: var(--ion-color-grey600);

  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;

  &._relaxed_1ripy_67 {
    line-height: 150%;
  }
}

._button-wrapper_1ripy_72 {
  padding-bottom: var(--spacing-2xl);
  padding-top: 0;
}

._button_1ripy_72 {
  margin: var(--spacing-xl) 0 0;
  padding: 0 2px;
}

._dev_1ripy_82 {
  background-color: var(--ion-color-danger, #eb445a);
  background-color: var(--ion-color-danger, #eb445a);
  border-radius: var(--radius-md);
  border-radius: var(--radius-md);
  margin: 0 var(--spacing-2xl) 16px;
  text-align: center;
}

._list_1ripy_91 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

._forgot-wrapper_1ripy_97 {
  background: var(--ion-color-beige50);
  border-top: 1px solid rgba(var(--ion-color-beige800-rgb), 0.05);
  cursor: pointer;
}

._forgot_1ripy_97,
._forgot_1ripy_97::part(native) {
  background: var(--ion-color-beige50);
  --background: var(--ion-color-beige50);
  --background-hover: var(--ion-color-beige50);
  --background-activated: var(--ion-color-beige50);
  margin: 0 auto;
}

._forgot-text_1ripy_112 {
  color: var(--ion-color-grey800);

  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.6;
  text-align: center;
}
._header_1temn_1 {
  background: var(--ion-color-teal800);
  padding: 0 !important;
  position: relative;
}

._backButton_1temn_7 {
  --color: var(--ion-color-teal800-contrast);

  &:hover {
    --color: var(--ion-color-teal800-contrast);
  }
}

._toolbar_1temn_15 {
  --background: transparent;
  --color: var(--ion-color-teal800-contrast);
  --border-color: transparent;
  --border-width: 0;
  --border-style: solid;
  --min-height: 66px;
  --padding-top: 0;
  --padding-bottom: 0;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid rgba(var(--ion-color-teal800-rgb), 0.08);

  display: flex;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  gap: var(--spacing-md);
  justify-content: center;
  padding: 0 !important;

  &._withTopSlot_1temn_37 {
    --min-height: 64px;
    --padding-top: 4px;
    --padding-bottom: var(--spacing-lg);
  }
}

._progress_1temn_44 {
  --background: var(--ion-color-beige100);
  --progress-background: var(--ion-color-teal700);

  height: 2px;
}

._background_1temn_51 {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: bottom left;
  position: absolute;
  width: 100%;
}
._content_1n898_1 {
  padding: 0 var(--spacing-xl) !important;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: var(--spacing-xl);
  --padding-end: var(--spacing-xl);
}

._sticky_1n898_9 {
  background: var(--ion-color-light);
  padding: 0 var(--spacing-xl) !important;
  position: sticky;
  top: 0;
  z-index: 1;
}

._header_1n898_17 {
  background: var(--ion-color-light);
  position: relative;
}

._toolbar_1n898_22 {
  --background: transparent;
  --color: var(--ion-color-teal800-contrast);
  --border-color: transparent;
  --border-width: 0;
  --border-style: solid;
  --min-height: 66px;
  --padding-top: 0;
  --padding-bottom: 0;
  align-items: flex-start;
  align-self: stretch;

  display: flex;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  gap: var(--spacing-md);
  justify-content: center;
  padding: 0;

  &._withTopSlot_1n898_43 {
    --min-height: 64px;
    --padding-top: 4px;
    --padding-bottom: var(--spacing-lg);
  }
}

@keyframes _spin_1n898_1 {
  from {
    transform: rotate(-360deg) scaleX(-100%);
  }
  to {
    transform: rotate(0deg) scaleX(-100%);
  }
}

._icon_1n898_59 {
  animation: _spin_1n898_1 1s linear infinite;
}
._col_ask70_1 {
  padding: calc(var(--spacing-lg) / 2);
}

._grid_ask70_5 {
  margin: calc(-1 * (var(--spacing-lg) / 2));
  padding: var(--spacing-3xl) 0 var(--spacing-xl);
}
._content_1cuse_1 {
  background: var(--ion-color-light, #fbfaf9) !important;
}
._legend_entry_uw7em_1 {
  align-items: center;
  display: flex;
  flex-direction: row;
}

._legend_dot_uw7em_7 {
  background-color: orange;
  border-radius: 50%;
  display: inline-block;
  height: 8px !important;
  margin: 5px;
  width: 8px !important;
}
._legend_name_uw7em_15 {
  display: inline-block;
  font-size: 0.6rem;
  margin: 5px;
  right: 0;
}
._content_1vy2u_1 {
  padding: 0 var(--spacing-xl) !important;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: var(--spacing-xl);
  --padding-end: var(--spacing-xl);
}

._cardContent_1vy2u_9 {
  box-shadow: none;
  height: auto;
  margin-bottom: 0;
  padding: var(--spacing-lg) !important;
}

._title_1vy2u_16 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
._variabilityTitle_1vy2u_24 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding-left: var(--spacing-md);
}

._mobilitystatusConentRow_1vy2u_34 {
  padding-bottom: var(--spacing-xl);
}

._reportAvatar_1vy2u_38 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

._zoomIcon_1vy2u_45 {
  background: var(--ion-color-grey500-rgb);
  color: var(--ion-colo-grey500) !important;
}

._variabilityRow_1vy2u_50 {
  align-items: center;
  display: flex;
  height: fit-content;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0;
}

._jointCouplingRow_1vy2u_59 {
  align-items: center;
  display: flex;
  height: 90% !important;
  justify-content: center;
  max-height: 90% !important;
  padding: 0;
}

._qualityLabel_succes_1vy2u_68 {
  background-color: var(--ion-color-success) !important;
  border-radius: var(--radius-xs);
  color: var(--ion-color-green400-contrast);
  padding: 0 var(--spacing-xs);
}

._qualityLabel_warning_1vy2u_75 {
  background-color: var(--ion-color-warning) !important;
  border-radius: var(--radius-xs);
  color: var(--ion-color-text);
  padding: 0 var(--spacing-xs);
}

._qualityLabel_danger_1vy2u_82 {
  background-color: var(--ion-color-danger) !important;
  border-radius: var(--radius-xs);
  color: #ffffff;
  padding: 0 var(--spacing-xs);
}

._squatsAvatar_1vy2u_89 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

._full_height_1vy2u_96 {
  height: 100%;
}
._content_t0v5z_1 {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;

  span {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
  }
}

._dot_t0v5z_15 {
  background-color: var(--ion-color-grey200);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

._text_t0v5z_22 {
  color: #fff;
}
._card_10zmg_1 {
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}

._sectionHeader_10zmg_6 {
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm);
  width: 100%;
}

._selected_10zmg_13 {
  border-color: var(--ion-color-teal600);
  box-shadow:
    0px 0px 0px 2px rgba(45, 210, 190, 0.2),
    0px 2px 3px -1px rgba(10, 46, 44, 0.04),
    0px 1px 0px 0px rgba(10, 46, 44, 0.02);
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
._noHorizontalMargin_1jf4t_1 {
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}

._sessionSectionHeader_1jf4t_6 {
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm);
  width: 100%;
}

._sessionTitle_1jf4t_13 {
  color: var(--ion-color-grey800);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.7;
  text-transform: uppercase;
}

._sessionDate_1jf4t_24 {
  color: var(--ion-color-grey800);
  font-family: var(--ion-monospace-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-right: var(--spacing-xs);
  opacity: 0.5;
  text-transform: uppercase;
}

._selected_1jf4t_36 {
  border-color: var(--ion-color-teal600);
  box-shadow:
    0px 0px 0px 2px rgba(45, 210, 190, 0.2),
    0px 2px 3px -1px rgba(10, 46, 44, 0.04),
    0px 1px 0px 0px rgba(10, 46, 44, 0.02);
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
._container_1uemw_1 {
  height: 100%;
  position: relative; /* 🔥 Enables overlay positioning */
  width: 100%;
}

/* 🔥 Overlay: Covers the form when loading */
._loadingOverlay_1uemw_8 {
  align-items: center;
  background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; /* Ensure it's above everything */
}

._wrapper_1uemw_21 {
  height: 100%;
  width: 100%;
}

._list_1uemw_26 {
  /* gap: var(--spacing-xl); */
  background-color: var(--ion-color-light);
  display: flex;
  flex-direction: column;
}

._no-padding_1uemw_33 {
  padding: 0;
}

._errorText_1uemw_37 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding: var(--spacing-xs);
}
._container_rdh4x_1 {
  align-items: flex-start;
  align-self: stretch;
  background: var(--ion-color-light-blue100);
  border-radius: var(--radius-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  height: 100%;
  padding: var(--spacing-sm);
}

._Text_rdh4x_13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-md);
}

._ArticleHighlightHeader_rdh4x_22 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._title_rdh4x_28 {
  color: var(--color-text-title-1);

  /* heading/XL/none */
  font-family: var(--font-family);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 20px */
}

._txt_rdh4x_39 {
  color: var(--color-text-body-1);

  /* body/L/relaxed */
  font-family: var(--font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
._tagIcon_1gjc1_1 {
  color: var(--ion-color-grey500);
}

._tags_1gjc1_5 {
  appearance: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

._tag_1gjc1_1 {
  appearance: none;
  display: flex;
  margin: 0;
  padding: 0;
}

._card_1gjc1_21 {
  align-items: center;
  background: transparent;
  background: var(--ion-background-color);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  cursor: pointer;
  display: grid;
  gap: var(--spacing-lg);
  height: 100%;
  margin: 0;
  overflow-x: visible;
  overflow-y: visible;
  padding: var(--spacing-xl);

  transition: transform 0.3s ease;
  width: 100%;
}

._full_height_1gjc1_43 {
  height: 100%;
}
._table_nthge_1 {
  --ion-grid-padding: 0;

  --ion-grid-padding-xs: 0;
  --ion-grid-padding-sm: 0;
  --ion-grid-padding-md: 0;
  --ion-grid-padding-lg: 0;
  --ion-grid-padding-xl: 0;

  --ion-grid-column-padding: var(--spacing-sm);

  --ion-grid-column-padding-xs: var(--spacing-sm);
  --ion-grid-column-padding-sm: var(--spacing-sm);
  --ion-grid-column-padding-md: var(--spacing-sm);
  --ion-grid-column-padding-lg: var(--spacing-sm);
  --ion-grid-column-padding-xl: var(--spacing-sm);
  box-sizing: border-box !important;

  /* ion-row {
      border-bottom: 1px solid rgba(var(--ion-color-beige800-rgb), 0.06);
    } */
}

._tableSection_nthge_24 {
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

._tableSection_nthge_24:last-child {
  margin-bottom: 0;
}

._column_nthge_34 {
  /* border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.06); */
  box-sizing: border-box !important;
  color: var(--ion-color-teal750);
  font-style: normal;
  /* font-size: var(--font-size-xs); */
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;

  --ion-grid-column-padding: var(--spacing-sm);

  --ion-grid-column-padding-xs: var(--spacing-sm);
  --ion-grid-column-padding-sm: var(--spacing-sm);
  --ion-grid-column-padding-md: var(--spacing-sm);
  --ion-grid-column-padding-lg: var(--spacing-sm);
  --ion-grid-column-padding-xl: var(--spacing-sm);

  &._key_nthge_52 {
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    font-weight: 700;
    padding-right: var(--spacing-lg) !important;
  }

  &._value_nthge_59 {
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    font-weight: 400;
    text-align: center;
  }

  &._indent_nthge_66 {
    font-family: var(--ion-font-family);
    font-size: var(--font-size-xs);
    font-weight: 500;
    margin-right: calc(calc(-1 * var(--spacing-lg)) / 2);
    padding-left: var(--spacing-lg) !important;
  }
}

._subHeader_nthge_75 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xs) !important;
  font-style: italic;
  font-weight: 400;
}

._title_nthge_82 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
}
._sectionTitle_nthge_91 {
  color: var(--ion-color-teal100-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
  padding-left: var(--spacing-sm);
  text-align: center;
}

._tableLabel_succes_nthge_102 {
  background-color: var(--ion-color-green400) !important;
  border-radius: var(--radius-xs);
  color: var(--ion-color-green400-contrast);
  padding: 0 var(--spacing-xs);
}

._tableLabel_warning_nthge_109 {
  background-color: #ffa229 !important;
  border-radius: var(--radius-xs);
  color: var(--ion-color-text);
  padding: 0 var(--spacing-xs);
}

._tableLabel_danger_nthge_116 {
  background-color: #e7364b !important;
  border-radius: var(--radius-xs);
  color: #ffffff;
  padding: 0 var(--spacing-xs);
}
._content_11018_1 {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

._background_11018_6 {
  background-color: var(--ion-color-teal800);
  height: 100%;
}
._header_1stcv_1 {
  --max-height: 124px;
  align-items: center;
  display: flex;

  max-height: 124px;
}

._backButton_1stcv_9 {
  --color: var(--ion-color-teal800-contrast);

  &:hover {
    --color: var(--ion-color-teal800-contrast);
  }
}

._toolbar_1stcv_17 {
  --background: transparent;
  --color: var(--ion-color-teal800-contrast);
  --border-color: transparent;
  --border-width: 0;
  --border-style: solid;
  --min-height: 56px;
  --padding-top: 6px;
  --padding-bottom: 6px;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid rgba(var(--ion-color-beige800-rgb), 0.04);
  display: flex;

  font-family: 'Geist Mono', monospace;
  font-style: normal;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-2xs);
  justify-content: center;
  line-height: 16px;
  padding: 0;
}

._titleContainer_1stcv_41 {
  align-items: center;
  display: flex;
  font-size: var(--font-size-sm);
  font-weight: 400;
}

._title_1stcv_41 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin-right: var(--spacing-sm);
}

._description_1stcv_55 {
  color: var(--ion-color-grey400);
  margin-left: var(--spacing-sm);
}

._seperator_1stcv_60 {
  color: var(--colors-gray-400, #96a6a6);
  font-family: 'Geist Mono';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
}
._control_jpehi_1 {
  --background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(6px);
  border-radius: 16px;

  &._condensed_jpehi_6 {
    --background: var(--ion-background-color);
    border-radius: var(--radius-md);
  }
}

._button_jpehi_12 {
  --border-width: 0;
  --color: var(--ion-color-teal800-contrast);
  --color-checked: var(--ion-color-teal800-contrast);

  font-size: var(--font-size-md);
  font-weight: 600;
  margin: var(--spacing-2xs) !important;
  opacity: 0.6;
  padding: var(--spacing-3xs) var(--spacing-md);

  &._condensed_jpehi_6 {
    padding: 0;

    &::part(indicator-background) {
      border-radius: var(--radius-sm);
    }
  }

  &::part(indicator) {
    padding-inline: 0;
  }

  &::part(indicator-background) {
    background: linear-gradient(270deg, var(--ion-color-teal650) 0%, var(--ion-color-teal600) 100%);
    border-radius: var(--radius-lg);
    box-shadow: 0px 1px 1px 0px rgba(10, 46, 44, 0.1);
  }

  &.segment-button-checked {
    opacity: 1;

    &::part(native) {
      color: var(--ion-color-teal800-contrast);
    }
  }
}
._bulletList_rw1ww_1 {
  list-style-type: disc; /* Bullet point style */
  margin: 0;
  padding-left: 1.5rem; /* Indentation for the list */
}

._bulletListItem_rw1ww_7 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  margin-bottom: 0.5rem; /* Space between list items */
  text-align: center;
}
._tooltip_tca6u_1 {
  --backdrop-opacity: 0.04;
  --box-shadow: 0px 5px 8px 0px rgba(39, 33, 22, 0.06);
  --offset-y: 16px;

  &::part(arrow) {
    display: none;
  }

  &::part(content) {
    min-width: 224px;
    padding: var(--spacing-sm);
  }
}

._content_tca6u_16::part(scroll)::-webkit-scrollbar {
  display: none;
}

._text_tca6u_20 {
  color: var(--ion-color-grey800);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
._circles_1rnov_1 {
  display: grid;
  height: 352px;
  width: 352px;
}

._step_1rnov_7 {
  grid-area: 1 / 1 / 2 / 2;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  width: 100%;
  z-index: 1;

  &._active_1rnov_16 {
    opacity: 1;
  }
}
._time_uo2qh_1 {
  color: var(--ion-color-grey400);
  font-family: var(--ion-font-family);
  font-size: 72px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  grid-area: 1 / 1 / 2 / 2;
  line-height: 100%;
  text-align: center;
  z-index: 2;
}

._loading_uo2qh_14 {
  grid-area: 1 / 1 / 2 / 2;
}

._wrapper_uo2qh_18 {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: 352px;
  justify-content: center;
  width: 352px;
}
._dot_1tvha_1 {
  opacity: 0;
  transition: 125ms opacity ease-in-out;
}
._content_1ozm0_1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

._hidden_1ozm0_9 {
  opacity: 0;
  pointer-events: none;
}

._card_1ozm0_14 {
  background: var(--ion-color-teal900-contrast);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(var(--ion-color-teal800-rgb), 0.02),
    0px 3px 5px -2px rgba(var(--ion-color-teal800-rgb), 0.04);

  ._title_1ozm0_22 {
    color: var(--ion-color-teal50-contrast);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: var(--spacing-xs);
    text-align: center;
  }

  ._body_1ozm0_33 {
    color: var(--color-text-body-1);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}

._cardContent_1ozm0_43 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@keyframes _spin_1nztj_1 {
  from {
    transform: rotate(-360deg) scaleX(-100%);
  }
  to {
    transform: rotate(0deg) scaleX(-100%);
  }
}

._icon_1nztj_10 {
  animation: _spin_1nztj_1 1s linear infinite;
}
._container_1gprm_1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

._illustration_1gprm_10 {
  margin: 0 auto;
  max-width: 104px;
}

._title_1gprm_15 {
  color: var(--ion-color-green550);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 8px;
  margin-top: 16px;
  width: 100%;
}

._description_1gprm_27 {
  color: var(--color-text-body-2);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  margin: 0;
}
._time_1hdqa_1 {
  color: var(--ion-color-grey400);
  font-family: var(--ion-font-family);
  font-size: 80px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-weight: 600;
  grid-area: 1 / 1 / 2 / 2;
  line-height: 100%;
  text-align: center;
  z-index: 2;
}

._wrapper_1hdqa_15 {
  align-items: center;
  display: grid;
  height: 352px;
  width: 352px;
}

._countdown_1hdqa_22 {
  grid-area: 1 / 1 / 2 / 2;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  user-drag: none;
  user-select: none;
  width: 100%;
  z-index: 1;

  &._active_1hdqa_33 {
    opacity: 1;
  }
}
._container_1v272_1 {
  padding: 32px;
}

._icon_1v272_5 {
  color: var(--ion-color-error500-tint);
}

._title_1v272_9 {
  color: var(--ion-color-error500);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 4px;
  margin-top: 8px;
  width: 100%;
}

._description_1v272_21 {
  color: var(--color-text-body-2);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  margin: 0;
}
._options_1ns6f_1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  max-width: 650px;
  width: 100%;
}

._content_1ns6f_11 {
  align-items: center;
  display: flex;
  gap: var(--spacing-md);
}

._option_1ns6f_1 {
  align-items: center;
  background: var(--ion-color-primary-contrast);
  border: 1px solid rgba(72, 61, 40, 0.1);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(10, 46, 44, 0.02),
    0px 3px 5px -2px rgba(10, 46, 44, 0.04);
  color: var(--ion-color-teal550-contrast);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 600;
  height: 80px;
  line-height: 100%;
  margin: 0;
  padding: 0 14px;
  width: 280px;

  &._active_1ns6f_39 {
    background: var(--ion-color-teal50);
    border: 1px solid var(--ion-color-teal500);
    box-shadow:
      0px 3px 3px -2px rgba(10, 46, 44, 0.02),
      0px 3px 5px -2px rgba(10, 46, 44, 0.04);
    outline: 2px solid rgba(117, 225, 210, 0.2);
  }
}
@keyframes _ping_8rypd_1 {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}

._indicator_8rypd_12 {
  position: relative;
}

._indicator_8rypd_12::before,
._indicator_8rypd_12::after {
  background: var(--background);
  border-radius: 50%;
  content: '';
  height: 6px;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 6px;
}

._indicator_8rypd_12::before {
  animation: _ping_8rypd_1 1.7s cubic-bezier(0, 0, 0.2, 1) infinite;
  opacity: 0.6;
}
._sliding_154fd_1 {
  &._active_154fd_2,
  &._recording_154fd_3 {
    padding-top: 2px;

    ._item_154fd_6 {
      &::part(native) {
        background-color: var(--ion-color-primary-contrast);
        border: 1px solid var(--ion-color-teal500);
        box-shadow: 0px 0px 0px 2px #e3f9f6;
      }
    }

    ._labelTextContent_154fd_14 {
      max-width: 180px;
    }
  }
}

._indicator_154fd_20 {
  box-shadow: 0px 0px 0px 2px #e3f9f6;
  margin-right: var(--spacing-xs);
}

._item_154fd_6 {
  overflow: visible;
  overflow: hidden;
  padding: 0 var(--spacing-sm);

  --inner-border-width: 0;
  --min-height: 24px;
  --inner-padding-end: 0;

  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-start: 16px;
  --padding-end: 16px;

  &::part(native) {
    background-color: var(--ion-color-beige200);
    border-radius: var(--radius-md);
    margin-bottom: var(--spacing-sm);
  }
}

._label_154fd_14 {
  align-items: center;
  display: flex !important;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md) !important;
  font-style: normal;
  font-weight: 600;
  gap: var(--spacing-xs);
  height: 100%;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}

._labelContent_154fd_61 {
  align-items: baseline;
  color: var(--color-text-body-2);
  display: flex;
  flex-direction: column;
  font-weight: 600;
  gap: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._labelTextContent_154fd_14 {
  font-size: var(--font-size-md);
  line-height: 125%;
  max-width: 120px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._note_154fd_82 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
  height: 100%;
  justify-content: flex-end;

  ._id_154fd_89,
  ._time_154fd_90 {
    color: var(--ion-color-grey400);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 400;
  }

  ._spacer_154fd_97 {
    background: rgba(var(--ion-color-grey100-contrast-rgb), 0.06);
    display: block;
    height: 100%;
    width: 1px;
  }
}

._delete_154fd_105,
._tag_154fd_106 {
  align-self: center;
  height: 48px;
  margin-bottom: var(--spacing-sm);

  &::part(native) {
    padding: 0 var(--spacing-sm) !important;
  }
}

._delete_154fd_105 {
  background: rgba(var(--ion-color-error500-rgb), 0.2);
  border-radius: var(--radius-md);
  margin: 0 6px var(--spacing-sm);
}

._tags_154fd_122 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  justify-content: flex-start;
}

._tag_154fd_106 {
  background: var(--ion-color-grey200);
  border-radius: var(--radius-md);
}

._options_154fd_135 {
  border-bottom-width: 0 !important;
  margin-right: var(--spacing-sm);
}

._icon_154fd_140,
._tagged_154fd_141 {
  flex-shrink: 0;
}
._card_ia79j_1 {
  background: var(--ion-color-primary-contrast);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: 16px;
  box-shadow:
    0px 3px 3px -2px rgba(var(--ion-color-teal800-rgb), 0.02),
    0px 3px 5px -2px rgba(var(--ion-color-teal800-rgb), 0.04);
  display: flex;
  height: 78px;
  margin: 0;
  width: 186px;

  &._selected_ia79j_13 {
    border-color: var(--ion-color-teal550);
    box-shadow:
      0px 0px 0px 2px rgba(var(--ion-color-teal550-rgb), 0.2),
      0px 2px 3px -1px rgba(var(--ion-color-teal800-rgb), 0.04),
      0px 1px 0px 0px rgba(var(--ion-color-teal800-rgb), 0.02);
  }

  &._lowBattery_ia79j_21,
  &._selected_ia79j_13._lowBattery_ia79j_21 {
    border-color: var(--ion-color-error500);
    box-shadow: none;
  }
}

._sensor_ia79j_28 {
  align-items: center;
  background-color: var(--ion-color-beige50);
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 80px;
}

._sensorImage_ia79j_38 {
  height: 50px;
  object-fit: contain;
  object-position: center;
  position: relative;
  width: 32px;
  z-index: 2;
}

._backgroundPattern_ia79j_47 {
  bottom: 0;
  left: 0;
  object-fit: contain;
  object-position: top right;
  position: absolute;
  right: 0;
  top: 0;
}

._content_ia79j_57 {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: var(--spacing-md);
  width: 100%;
}

._title_ia79j_67 {
  color: var(--ion-color-teal50-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  padding: 0;
  text-align: left;
  width: 100%;
}

._header_ia79j_79 {
  padding: 0;
}

._calibrationIndicators_ia79j_83 {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 20px;
  justify-content: space-around;
  width: 100%;
}

._calibrationIndicator_ia79j_83 {
  border: 0.7px solid transparent;
  border-radius: 1.5px;
  height: 15px;
  transition: all 300ms ease-in-out;
  width: 4px;

  &._success_ia79j_99 {
    background-color: var(--ion-color-green500);
    border-color: rgba(101, 145, 60, 0.26);
  }

  &._error_ia79j_104 {
    background-color: var(--ion-color-error500);
    border-color: rgba(var(--ion-color-error700-rgb), 0.2);
    height: 20px;
  }

  &._notStarted_ia79j_110 {
    background: rgba(117, 105, 79, 0.1);
    border-color: rgba(117, 105, 79, 0.05);
  }
}

._batteryIndicator_ia79j_116 {
  align-items: center;
  display: flex;
  font-family: var(--ion-font-family);
  font-size: 14px;
  font-weight: 400;
  gap: 6px;
  line-height: 100%;

  &._low_ia79j_21 {
    color: var(--ion-color-error500);
  }

  &._medium_ia79j_129 {
    color: var(--ion-color-warning);
  }

  &._high_ia79j_133 {
    color: #7dba3a;
  }
}

._searchingWrapper_ia79j_138 {
  align-items: center;
  color: var(--ion-color-grey500);
  display: flex;
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-weight: 400;
  gap: var(--spacing-xs);
  line-height: 100%;
}

._spinner_ia79j_149 {
  height: 12px;
  margin: 0;
  position: relative;
  width: 12px;
}

._circle_ia79j_156 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

  &:before {
    animation: _spinnerAnimation_ia79j_1 1s infinite ease-in-out both;
    background-color: var(--ion-color-grey500);
    border-radius: 9999px;
    content: '';
    display: block;
    height: 1.5px;
    margin: 0 auto;
    width: 1.5px;
  }

  &:nth-of-type(1) {
    &:before {
      animation-delay: -1s;
    }
  }

  &:nth-of-type(2) {
    transform: rotate(45deg);

    &:before {
      animation-delay: -0.7s;
    }
  }

  &:nth-of-type(3) {
    transform: rotate(90deg);

    &:before {
      animation-delay: -0.6s;
    }
  }

  &:nth-of-type(4) {
    transform: rotate(135deg);

    &:before {
      animation-delay: -0.5s;
    }
  }

  &:nth-of-type(5) {
    transform: rotate(180deg);

    &:before {
      animation-delay: -0.4s;
    }
  }

  &:nth-of-type(6) {
    transform: rotate(225deg);

    &:before {
      animation-delay: -0.3s;
    }
  }

  &:nth-of-type(7) {
    transform: rotate(270deg);

    &:before {
      animation-delay: -0.2s;
    }
  }

  &:nth-of-type(8) {
    transform: rotate(315deg);

    &:before {
      animation-delay: -0.1s;
    }
  }
}

@keyframes _spinnerAnimation_ia79j_1 {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  10% {
    opacity: 1;
    transform: scale(2);
  }
}

._skeleton_ia79j_249 {
  background: rgba(var(--ion-color-beige800-rgb), 0.04);
  border-radius: var(--radius-xl);
  filter: blur(2px);
  height: 78px;
  width: 186px;
}
._card_7il8v_1 {
  align-items: center;
  background: var(--molecules-containers-color-bg, #fff);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: 12px;
  box-shadow:
    0px 6px 16px 0px rgba(65, 41, 20, 0.02),
    0px 16px 36px -5px rgba(16, 11, 7, 0.04);
  display: flex;
  flex-direction: column;
  height: min-content;
  justify-content: center;
  padding: var(--spacing-3xl) var(--spacing-2xl) var(--spacing-2xl);
  position: relative;
  width: 287px;
}

._mediaContainer_7il8v_18 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

._illustration_7il8v_27 {
  background: transparent;
  border: none;
  height: auto;
  object-fit: contain;
  outline: none;
  width: 100%;
}

._video_7il8v_36 {
  appearance: none;
  backface-visibility: hidden;
  height: auto;
  isolation: isolate;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;

  &._syncing_7il8v_47 {
    clip-path: inset(0.1px);
  }

  &._turnOn_7il8v_51 {
    clip-path: inset(0.5px);
  }
}

._reducedSpacing_7il8v_56 {
  margin-bottom: var(--spacing-md);
}

._text_7il8v_60 {
  color: var(--color-text-body-1);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}

._title_7il8v_70 {
  color: var(--ion-color-text);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: var(--spacing-xs);
  margin-top: 16px;
  text-align: center;
}

._progress_7il8v_82 {
  align-items: center;
  background: var(--ion-color-grey200);
  border-radius: 100px;
  border-radius: 9999px;
  display: flex;
  flex-shrink: 0;
  height: 3px;
  margin-bottom: 18px;
  overflow: hidden;
  width: 102px;
}

._completed_7il8v_95 {
  --progress: 0;
  background: var(--ion-color-light-blue500);
  border-radius: 9999px;
  height: 3px;
  transition: width 0.3s ease-in-out;
  width: calc(var(--progress) * 100%);
}

._button_7il8v_104 {
  margin-top: 48px;

  &._secondary_7il8v_107 {
    margin-top: 32px;
  }

  &._reducedSpacing_7il8v_56 {
    margin-top: 12px;
  }
}
._illustration_1xqgl_1 {
  height: 488px;
  width: 246px;

  &._blurred_1xqgl_5 {
    filter: blur(2px);
  }
}
._steps_4g6ow_1 {
  background: var(--ion-color-beige50);
  border-bottom: 1px solid rgba(117, 105, 79, 0.06);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-lg);
}

._step_4g6ow_1 {
  align-items: center;
  border-radius: var(--radius-sm);
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: flex-start;
  padding-right: 10px;

  p {
    color: var(--color-text-body-2);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
  }

  &._completed_4g6ow_26 {
    background: var(--ion-color-green200);
    color: var(--ion-color-green500);

    p,
    svg {
      color: var(--ion-color-green500);
    }
  }

  &._current_4g6ow_36 {
    background: var(--ion-color-beige75);

    p {
      color: var(--color-text-body-1) !important;
    }
  }

  div {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
  }
}

._spacerContainer_4g6ow_54 {
  align-items: center;
  display: flex;
  gap: 3px;
  margin: 0 16px;
  width: 100%;
}

._largeBlock_4g6ow_62 {
  background: var(--ion-color-grey200);
  border-radius: 1px;
  flex-shrink: 0;
  height: 3px;
  width: 3px;
}

._spacer_4g6ow_54 {
  height: 4px;
  width: 100%;
}

._line_4g6ow_75 {
  align-items: center;
  display: flex;
  height: 2px;
  justify-content: center;
  width: 100%;
}

._spaceItem_4g6ow_83 {
  background-color: var(--ion-color-grey200);
  border-radius: 1px;
  height: 2px;
}

._content_4g6ow_89 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

._card_4g6ow_97 {
  background: var(--ion-color-teal900-contrast);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-xl);
  box-shadow:
    0px 3px 3px -2px rgba(var(--ion-color-teal800-rgb), 0.02),
    0px 3px 5px -2px rgba(var(--ion-color-teal800-rgb), 0.04);

  ._title_4g6ow_105 {
    color: var(--color-text-title-1);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: var(--spacing-xs);
    text-align: center;
  }

  ._body_4g6ow_116 {
    color: var(--color-text-body-1);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
._center_6ap9w_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  height: 100%;
  justify-content: center;
}
._no-padding_yadcn_1 {
  padding: 0;
}
._list_yadcn_4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

._tags_yadcn_10 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

._deleteButton_yadcn_16 {
  cursor: pointer;
  padding-left: 8px;
}
/* Hide the input component,
 * see https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/
 */
.input-container::part(native) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);

  --background: transparent;
}

.inputfile {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}

#drag-file-element {
  align-items: center;
  border: 2px dashed var(--ion-color-ORYX-primary);
  border-radius: 14px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}
._inner_z2mfl_1 {
  align-items: center;
  background: transparent;
  border: 1px dashed rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: var(--radius-md);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-2xl) !important;
  padding: 0;
  transition: border 0.2s ease-in-out;
  width: 100%;

  &._dragActive_z2mfl_15 {
    border-color: var(--ion-color-teal550);
  }
}

._icon_z2mfl_20 {
  height: 64px;
  transition:
    opacity 0.2s ease-in-out,
    scale 0.1s ease-in-out;
  width: 64px;

  &._activeIcon_z2mfl_27 {
    opacity: 0.45;
    scale: 1.1;
  }
}

._title_z2mfl_33 {
  color: var(--ion-color-contrast);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-weight: 600;
  line-height: 100%;
  text-align: center;
}
._radio_oxm0j_1 {
}

/* The container for the radio mark. */
._radio_oxm0j_1::part(container) {
  background: var(--ion-background-color);
  border: 1px solid rgba(10, 46, 44, 0.12);
  border-radius: var(--radius-full);
  height: 20px;
  width: 20px;
}

._radio_oxm0j_1.radio-checked::part(container) {
  background: var(--inputBackgroundGradient);
  border: 0;
}

/* The label text describing the radio. */
._radio_oxm0j_1::part(label) {
  color: var(--ion-color-teal100-contrast);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

._radio_oxm0j_1.radio-label-placement-end::part(label) {
  margin-inline-start: var(--spacing-xs);
}

._radio_oxm0j_1.radio-label-placement-start::part(label) {
  margin-inline-end: var(--spacing-xs);
}

/* The checkmark or dot used to indicate the checked state. */
._radio_oxm0j_1.radio-checked::part(mark) {
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.75) 100%);
  border: 0;
  border-radius: var(--radius-full);
  height: 10px;
  transform: none;
  width: 10px;
}
._wrapper_1yp0h_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
  width: 100%;
}

._list_1yp0h_10 {
  /* gap: var(--spacing-xl); */
  background-color: var(--ion-color-light);
  display: flex;
  flex-direction: column;
}

._no-padding_1yp0h_17 {
  padding: 0;
}
._sidebar_1t6ub_1 {
  background: var(--ion-color-dark-contrast);
  border-right: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 220px;

  --background: var(--ion-background-color);
  --ion-toolbar-background: var(--background);

  &._hidden_1t6ub_12 {
    display: none;
  }
}

._header_1t6ub_17 {
  display: flex;
  flex-direction: column;
}

._logo_1t6ub_22 {
  display: block;
  padding: var(--spacing-lg);
}

._menu_1t6ub_27 {
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg) var(--spacing-xs) 0;
}

._popover_1t6ub_35 {
  --offset-x: 16px;
}

._popoverUser_1t6ub_39 {
  --offset-y: -56px;
}

._popoverList_1t6ub_43 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
}

._footer_1t6ub_49 {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--spacing-xs);
}

._background_1t6ub_55 {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: bottom left;
  position: absolute;
  width: 100%;
  z-index: -1;
}
._step_edst9_1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  padding: 0;
}

._stepInformation_edst9_9 {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-md);
}

._stepIcon_edst9_15 {
  align-items: center;
  aspect-ratio: 1/1;
  background: var(--ion-color-light-blue600);
  border-radius: 8px;
  color: var(--ion-color-primary-contrast);
  display: flex;
  font-size: var(--font-size-lg);
  font-weight: 500;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 32px;
}

._stepText_edst9_30 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

._title_edst9_37 {
  color: var(--ion-color-grey900);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-weight: 600;
  line-height: 100%;
  margin: 0;
}

._description_edst9_46 {
  color: var(--color-text-body-1);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-weight: 400;
  line-height: 150%;
  max-width: 85%;
}

._visualContainer_edst9_55 {
  border-radius: var(--radius-xl);
  height: 211px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

._visualContainer_edst9_55::before {
  border-radius: inherit;
  box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.16);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

._backgroundImage_edst9_73 {
  aspect-ratio: 16/9;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
._panel_3uwy5_1 {
  align-items: flex-start;
  background-color: var(--ion-color-primary-contrast);
  border-left: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  box-shadow: -2px 0px 8px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 100%;
  padding: var(--spacing-3xl);
  width: 100%;
}
._panel_1o2j7_1 {
  align-items: center;
  background: var(--ion-color-beige50);
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  width: 100%;
}

._backgroundImage_1o2j7_11 {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 591px;
  left: -153px;
  padding-right: 256px;
  pointer-events: none;
  position: absolute;
  z-index: 9;
}

._textContainer_1o2j7_23 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 55%;
}

._title_1o2j7_30 {
  color: var(--color-text-title-1);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 33px */
  text-align: center;
}
._description_1o2j7_39 {
  color: var(--color-text-body-1);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  text-align: center;
}
._content_1ozut_1 {
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
}

._container_1ozut_6 {
  display: flex;
  flex-direction: row;
  gap: 0;
  height: 100%;
  justify-content: center;
  overflow: hidden;
}

._background_1ozut_15 {
  background-color: var(--ion-color-teal800);
  height: 100%;
}
._inner_abvk5_1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

._titleContainer_abvk5_7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-sm);
  font-weight: 400;
  gap: var(--spacing-xs);
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

._title_abvk5_7 {
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin-right: var(--spacing-sm);
}

._descriptionContainer_abvk5_28 {
  align-items: center;
  color: var(--ion-color-grey400);
  display: flex;
  font-family: var(--ion-monospace-font-family);
  font-size: 11px;
  font-weight: 400;
  gap: var(--spacing-xs);
  line-height: 150%;
  margin-left: var(--spacing-sm);
  position: relative;
}

._backButton_abvk5_41 {
  cursor: pointer;
}

._sessionTitle_abvk5_45 {
  align-items: center;
  color: var(--ion-color-grey300);
  display: flex;
  gap: var(--spacing-xs);
}

._seperator_abvk5_52 {
  color: var(--ion-color-grey400);
  font-family: 'Geist Mono';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
}

._header_abvk5_61 {
  --min-height: 74px !important;
  --padding-top: 20px !important;
  --padding-bottom: 20px !important;
}

.ios ._header_abvk5_61 {
  --padding-top: 32px !important;
}
._modal_mhktd_1 {
  --backdrop-opacity: 1;
  --ion-backdrop-color: rgba(33, 43, 43, 0.3);
  --box-shadow: none;
  --ion-background-color: var(--ion-color-beige50);
  --height: 240px !important;

  &::part(content) {
    align-items: stretch;
    background: var(--ion-color-light);
    border-radius: var(--radius-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 640px;
    overflow: hidden;
    width: 100%;

    @media screen and (max-width: 765px) {
      border-radius: 0;
      max-width: none;
    }
  }

  &::part(backdrop) {
    backdrop-filter: blur(1px);
  }

  ._content_mhktd_29::part(scroll) {
    width: 100%;
  }
  ._content_mhktd_29::part(scroll)::-webkit-scrollbar {
    display: none;
  }

  ._inner_mhktd_36 {
    align-items: flex-start;
    background: var(--ion-color-light);
    display: flex;
    flex-direction: column;
    height: fit-content !important;
    justify-content: center;
    padding: var(--spacing-xl);
    position: relative;
    width: 100%;
  }
}

._text_mhktd_49 {
  color: var(--ion-color-grey600);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  padding-left: 14px;
  text-align: left;
  width: 100%;

  strong {
    color: var(--ion-color-grey600);
    font-family: var(--ion-font-family);
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 700;
    line-height: 1.8;
    text-align: left;
    width: 100%;
  }
}

._button_mhktd_72 {
  margin: 0;
  padding: 0;
}
._container_1u55p_1 {
  align-items: center;
  display: flex;
  font-family: var(--ion-monospace-font-family);
  font-size: 11px;
  font-weight: 400;
  gap: var(--spacing-xs);
  height: 100%;
  justify-content: center;
  padding: 0 var(--spacing-lg);
}

._title_1u55p_13 {
  color: var(--ion-color-grey300);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 14px;
}

._status_1u55p_21 {
  align-items: center;
  border-radius: var(--radius-xs);
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 1px 8px 1px 14px;

  &._disconnected_1u55p_29 {
    background: rgba(231, 54, 75, 0.3);
    color: #ff7383;
  }

  &._connecting_1u55p_34 {
    background: rgba(117, 225, 210, 0.2);
    color: var(--ion-color-light-blue-400);
  }

  &._connected_1u55p_39 {
    background: rgba(224, 245, 199, 0.2);
    color: var(--ion-color-green300);
  }
}

._batteryIndicator_1u55p_45 {
  align-items: center;
  border-radius: var(--radius-sm);
  display: flex;
  font-family: var(--ion-font-family);
  font-size: 11px;
  gap: 6px;
  line-height: 100%;
  padding: 4px 6px;

  &._low_1u55p_55 {
    background: rgba(231, 54, 75, 0.3);
    color: var(--ion-color-error500);
  }

  &._medium_1u55p_60 {
    background: rgba(255, 162, 41, 0.3);
    color: var(--ion-color-warning);
  }

  &._high_1u55p_65 {
    background: rgba(224, 245, 199, 0.2);
    color: var(--ion-color-green300);
  }
}
._content_1n3qm_1 {
  --padding-top: -1px !important;
  --background: var(--ion-color-beige50);

  align-items: center;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

._background_1n3qm_14 {
  background-color: var(--ion-color-teal800);
  height: 100%;
}

._loading_1n3qm_19 {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
._card_mgi69_1 {
  background: rgba(var(--ion-color-beige800-rgb), 0.04);
  border-radius: var(--radius-xl);
  filter: blur(2px);
  height: 130px;
  width: 100%;
}
._grid_1wivw_1 {
  align-items: space-between;
  height: 100%;
  justify-content: space-between;

  @media screen and (max-width: 1024px) {
    margin: 0 !important;
    width: 100%;
  }
}

._topArea_1wivw_12 {
  align-items: center;
  height: 100%;
  max-height: calc(100% - 164px);
}

._bottomArea_1wivw_18 {
  padding: 0 var(--spacing-xl);
  width: 100%;
}

._left_1wivw_23,
._right_1wivw_24,
._center_1wivw_25 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  justify-content: center;
}

._left_1wivw_23 {
  align-items: flex-start;
  padding-left: var(--spacing-xl);
}

._right_1wivw_24 {
  align-items: flex-end;
  padding-right: var(--spacing-xl);
}

._fullScreen_1wivw_43 {
  display: grid;
  grid-template-columns: 8fr 6fr;
  height: 100%;
  left: 0;
  max-height: calc(100% - 104px);
  position: absolute;
  top: 104px;
  width: 100%;
  z-index: 10;
}

._ios_1wivw_55 ._fullScreen_1wivw_43 {
  max-height: calc(100% - 116px);
  top: 116px;
}
._sidebar_199tu_1 {
  border-radius: var(--radius-none);
  border-right: 1px solid #edebe8;
  width: 286px;

  --background: var(--ion-color-beige75);
  --ion-toolbar-background: var(--background);

  &._disabled_199tu_9 {
    opacity: 0.5;
    pointer-events: none;
  }

  &._hidden_199tu_14 {
    display: none;
  }
}

._content_199tu_19 {
  --background: var(--ion-color-beige75);
}

._toolbar_199tu_23 {
  --min-height: 54px;
}

._title_199tu_27 {
  border-bottom: 1px solid rgba(var(--ion-color-beige800-rgb), 0.08);
  color: var(--ion-text-color);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  padding-left: var(--spacing-lg);
  text-align: left;
}

._list_199tu_39 {
  background: transparent;
  padding: var(--spacing-sm) 0;
}

._footer_199tu_44 {
  background: var(--ion-color-beige75);
  padding: var(--spacing-sm) 0;
}

._button_199tu_49 {
  margin: 0;
}

._labelTextContent_199tu_53 {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

._empty_199tu_60 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin-top: -10px;
  padding: 0 var(--spacing-sm) var(--spacing-sm);
}

._skeletons_199tu_68 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);

  span {
    background-color: #4d2f00;
    border-radius: var(--radius-md);
    height: 56px;
    opacity: 0.04;
    width: 100%;

    &:nth-child(2) {
      opacity: 0.03;
    }

    &:nth-child(3) {
      opacity: 0.02;
    }

    &:nth-child(4) {
      opacity: 0.01;
    }
  }
}

._emptyTextContainer_199tu_94 {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  height: 100%;
  justify-content: center;
  text-align: center;
}

._emptyText_199tu_94 {
  color: var(--ion-color-grey400);
  font-weight: 700;
}
._splitPane_1xxcj_1 {
  height: 100%;
  position: relative;
}

._grid_1xxcj_6 {
  align-items: space-between;
  height: 100%;
  justify-content: space-between;

  @media screen and (max-width: 1024px) {
    margin: 0 !important;
    width: 100%;
  }
}

._center_1xxcj_17 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  height: 100%;
  justify-content: center;
}

._fullScreen_1xxcj_26 {
  display: grid;
  grid-template-columns: 8fr 6fr;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}
._container_lvvuo_1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

._illustration_lvvuo_11 {
  margin: 0 auto;
  max-width: 104px;
}

._title_lvvuo_16 {
  color: var(--ion-color-error500);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 8px;
  margin-top: 16px;
  width: 100%;
}

._description_lvvuo_28 {
  color: var(--ion-color-grey400);
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  font-weight: 400;
  margin: 0;
  max-width: 320px;
}

._buttons_lvvuo_37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin: 0 auto;
  max-width: 220px;
  text-align: center;
  width: 100%;
}

._button_lvvuo_37 {
  margin: 0;
  padding: 0;
  width: 100%;
}

._topButtons_lvvuo_53 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-2xl);
  width: 100%;
}

._divider_lvvuo_61 {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
  justify-content: center;

  span {
    color: var(--ion-color-grey500);
    font-size: var(--font-size-sm);
  }

  hr {
    background: rgba(var(--ion-color-teal800-rgb), 0.08);
    border: none;
    height: 1px;
    margin: 0;
    width: 100%;
  }
}
._card_xtklt_1 {
  align-items: center;
  background: var(--ion-color-light);
  border: 1px solid rgba(var(--ion-color-beige800-rgb), 0.12);
  border-radius: 12px;
  box-shadow:
    0px 6px 16px 0px rgba(65, 41, 20, 0.02),
    0px 16px 36px -5px rgba(16, 11, 7, 0.04);
  display: flex;
  flex-direction: column;
  height: min-content;
  justify-content: center;
  padding: var(--spacing-4xl) var(--spacing-2xl) var(--spacing-2xl);
  width: 287px;
}

._title_xtklt_17 {
  color: var(--ion-color-grey600);
}

._progress_xtklt_21 {
  align-items: center;
  background: var(--ion-color-grey200);
  border-radius: 100px;
  border-radius: 9999px;
  display: flex;
  flex-shrink: 0;
  height: 3px;
  margin-bottom: 18px;
  overflow: hidden;
  width: 102px;
}

._completed_xtklt_34 {
  --progress: 0;
  background: var(--ion-color-light-blue500);
  border-radius: 9999px;
  height: 3px;
  transition: width 0.3s ease-in-out;
  width: calc(var(--progress) * 100%);
}
._splitPane_1nw7q_1 {
  height: 100%;
  position: relative;
}

._content_1nw7q_6 {
  align-items: center;
  background: var(--ion-color-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
}

._grid_1nw7q_15 {
  align-items: space-between;
  height: 100%;
  justify-content: space-between;

  @media screen and (max-width: 1024px) {
    margin: 0 !important;
    width: 100%;
  }
}

._topArea_1nw7q_26 {
  align-items: center;
  height: 100%;
  max-height: calc(100% - 180px);

  &._noBottomBar_1nw7q_31 {
    max-height: 100%;
  }
}

._buttons_1nw7q_36 {
  display: flex;
  flex-direction: column;
  max-width: 260px;
  width: 100%;

  > * {
    width: 100%;
  }
}
._container_wj8aa_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;

  &._alignSelfStart_wj8aa_8 {
    align-items: center;
    align-self: stretch;
    height: 100%;
    justify-content: flex-start;
  }
}

._sensorPlacementContainer_wj8aa_16 {
  align-items: center;
  gap: var(--spacing-xl);
  height: 100%;
  justify-content: center;
  padding: 0;
}

._calibrateButton_wj8aa_24 {
  left: 50%;
  min-width: 184px;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 52px)) translateX(-50%);
}

._centerContainer_wj8aa_32 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  justify-content: center;
}
._sensorPlacementContainer_p86a2_1 {
  align-items: center;
  gap: var(--spacing-xl);
  height: 100%;
  justify-content: center;
  padding: 0;
}

._calibrateButton_p86a2_9 {
  left: 50%;
  min-width: 184px;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 52px)) translateX(-50%);
}

._centerContainer_p86a2_17 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  height: 100%;
  justify-content: center;
}
._grid_6zlvm_1 {
  align-items: space-between;
  height: 100%;
  justify-content: space-between;

  @media screen and (max-width: 1024px) {
    margin: 0 !important;
    width: 100%;
  }
}

._topArea_6zlvm_12 {
  align-items: center;
  height: 100%;
  max-height: calc(100% - 224px);
}

._left_6zlvm_18,
._right_6zlvm_19,
._center_6zlvm_20 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  justify-content: center;
}

._left_6zlvm_18 {
  padding-left: 56px;

  @media screen and (max-width: 1024px) {
    padding-left: 0 !important;
  }
}

._right_6zlvm_19 {
  padding-right: 56px;

  @media screen and (max-width: 1024px) {
    padding-right: 0 !important;
  }
}

._bottomArea_6zlvm_44 {
  width: 100%;
}
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */
.ion-align-self-start{align-self:flex-start !important}.ion-align-self-end{align-self:flex-end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-evenly{justify-content:space-evenly !important}.ion-align-items-start{align-items:flex-start !important}.ion-align-items-center{align-items:center !important}.ion-align-items-end{align-items:flex-end !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}/*# sourceMappingURL=flex-utils.css.map */
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}/*# sourceMappingURL=display.css.map */
@media(prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}/*# sourceMappingURL=dark.system.css.map */
/*
 *
 * Created by ORYX Movement Solutions © 2022
 * ==================================================================
 *
 * ORYX Custom colors.
 */

:root {
  /** Gradients: **/
  --blueGradient: linear-gradient(180deg, #2066fa 0%, #1649d8 100%);
  --darkBlueGradient: linear-gradient(180deg, #1e3c72 0%, #2a5298 100%);
  --greenGradient: linear-gradient(180deg, #baff6b 0%, #ffe360 100%);
  --redGradient: linear-gradient(270deg, #f75442 0%, #e050a0 100%);
  --purpleGradient: linear-gradient(180deg, #b224ef 0%, #7579ff 100%);
  --greyGradient: linear-gradient(180deg, #29323c 0%, #485563 100%);

  --inputBackgroundGradient: linear-gradient(270deg, #145e54 0%, #229b8a 100%);

  --blueGradientHorizontal: linear-gradient(90deg, #2066fa 0%, #1649d8 100%);
  --darkBlueGradientHorizontal: linear-gradient(90deg, #1e3c72 0%, #2a5298 100%);
  --greenGradientHorizontal: linear-gradient(90deg, #baff6b 0%, #ffe360 100%);
  --redGradientHorizontal: linear-gradient(90deg, #f75442 0%, #e050a0 100%);
  --redGradientHorizontalHoover: linear-gradient(90deg, #ca1c09 0%, #c8247f 100%);
  --purpleGradientHorizontal: linear-gradient(90deg, #b224ef 0%, #7579ff 100%);
  --greyGradientHorizontal: linear-gradient(90deg, #29323c 0%, #485563 100%);

  /* New Colors */
  --ion-color-white: #fff;
  --ion-color-white-rgb: 255, 255, 255;

  --ion-color-black: #000;
  --ion-color-black-rgb: 0, 0, 0;

  --ion-color-attractorteal: #0a2e2c;
  --ion-color-attractorteal-rgb: 10, 46, 44;
  --ion-color-attractorteal-contrast: #ffffff;
  --ion-color-attractorteal-contrast-rgb: 255, 255, 255;
  --ion-color-attractorteal-shade: #092827;
  --ion-color-attractorteal-tint: #234341;

  --ion-color-motionmint: #9bedec;
  --ion-color-motionmint-rgb: 155, 237, 236;
  --ion-color-motionmint-contrast: #0f1a1a;
  --ion-color-motionmint-contrast-rgb: 10, 20, 20;
  --ion-color-motionmint-shade: #88d1d0;
  --ion-color-motionmint-tint: #a5efee;

  --ion-color-reliableraven: #0f1a1a;
  --ion-color-reliableraven-rgb: 10, 20, 20;
  --ion-color-reliableraven-contrast: #ffffff;
  --ion-color-reliableraven-contrast-rgb: 255, 255, 255;
  --ion-color-reliableraven-shade: #091212;
  --ion-color-reliableraven-tint: #232c2c;

  --ion-color-forwardflax: #ffc700;
  --ion-color-forwardflax-rgb: 255, 199, 0;
  --ion-color-forwardflax-contrast: #0f1a1a;
  --ion-color-forwardflax-contrast-rgb: 10, 20, 20;
  --ion-color-forwardflax-shade: #e0af00;
  --ion-color-forwardflax-tint: #ffcd1a;

  --ion-color-sensingsage: #aae860;
  --ion-color-sensingsage-rgb: 170, 232, 96;
  --ion-color-sensingsage-contrast: #0f1a1a;
  --ion-color-sensingsage-contrast-rgb: 10, 20, 20;
  --ion-color-sensingsage-shade: #96cc54;
  --ion-color-sensingsage-tint: #b3ea70;

  --ion-color-expertecru: #f5f3ea;
  --ion-color-expertecru-rgb: 245, 243, 234;
  --ion-color-expertecru-contrast: #0f1a1a;
  --ion-color-expertecru-contrast-rgb: 10, 20, 20;
  --ion-color-expertecru-shade: #d8d6ce;
  --ion-color-expertecru-tint: #f6f4ec;

  --ion-color-teal50: #ecfefb;
  --ion-color-teal50-rgb: 236, 254, 251;
  --ion-color-teal50-contrast: #0f1a1a;
  --ion-color-teal50-contrast-rgb: 10, 20, 20;
  --ion-color-teal50-shade: #d0e0dd;
  --ion-color-teal50-tint: #eefefb;

  --ion-color-teal100: #e3fcf9;
  --ion-color-teal100-rgb: 227, 252, 249;
  --ion-color-teal100-contrast: #0f1a1a;
  --ion-color-teal100-contrast-rgb: 10, 20, 20;
  --ion-color-teal100-shade: #c8dedb;
  --ion-color-teal100-tint: #e6fcfa;

  --ion-color-teal200: #c2f9f2;
  --ion-color-teal200-rgb: 194, 249, 242;
  --ion-color-teal200-contrast: #0f1a1a;
  --ion-color-teal200-contrast-rgb: 10, 20, 20;
  --ion-color-teal200-shade: #abdbd5;
  --ion-color-teal200-tint: #c8faf3;

  --ion-color-teal300: #a6ede3;
  --ion-color-teal300-rgb: 166, 237, 227;
  --ion-color-teal300-contrast: #0f1a1a;
  --ion-color-teal300-contrast-rgb: 10, 20, 20;
  --ion-color-teal300-shade: #92d1c8;
  --ion-color-teal300-tint: #afefe6;

  --ion-color-teal500: #75e1d2;
  --ion-color-teal500-rgb: 117, 225, 210;
  --ion-color-teal500-contrast: #0f1a1a;
  --ion-color-teal500-contrast-rgb: 10, 20, 20;
  --ion-color-teal500-shade: #67c6b9;
  --ion-color-teal500-tint: #83e4d7;

  --ion-color-teal550: #2dd2be;
  --ion-color-teal550-rgb: 45, 210, 190;
  --ion-color-teal550-contrast: #0f1a1a;
  --ion-color-teal550-contrast-rgb: 10, 20, 20;
  --ion-color-teal550-shade: #28b9a7;
  --ion-color-teal550-tint: #42d7c5;

  --ion-color-teal600: #229b8a;
  --ion-color-teal600-rgb: 34, 155, 138;
  --ion-color-teal600-contrast: #0f1a1a;
  --ion-color-teal600-contrast-rgb: 10, 20, 20;
  --ion-color-teal600-shade: #1e8879;
  --ion-color-teal600-tint: #38a596;

  --ion-color-teal650: #145e54;
  --ion-color-teal650-rgb: 20, 94, 84;
  --ion-color-teal650-contrast: #ffffff;
  --ion-color-teal650-contrast-rgb: 255, 255, 255;
  --ion-color-teal650-shade: #12534a;
  --ion-color-teal650-tint: #2c6e65;

  --ion-color-teal700: #0f4844;
  --ion-color-teal700-rgb: 15, 72, 68;
  --ion-color-teal700-contrast: #ffffff;
  --ion-color-teal700-contrast-rgb: 255, 255, 255;
  --ion-color-teal700-shade: #0d3f3c;
  --ion-color-teal700-tint: #275a57;

  --ion-color-teal750: #0c3b38;
  --ion-color-teal750-rgb: 12, 59, 56;
  --ion-color-teal750-contrast: #ffffff;
  --ion-color-teal750-contrast-rgb: 255, 255, 255;
  --ion-color-teal750-shade: #0b3431;
  --ion-color-teal750-tint: #244f4c;

  --ion-color-teal800: #0a2e2c;
  --ion-color-teal800-rgb: 10, 46, 44;
  --ion-color-teal800-contrast: #ffffff;
  --ion-color-teal800-contrast-rgb: 255, 255, 255;
  --ion-color-teal800-shade: #092827;
  --ion-color-teal800-tint: #234341;

  --ion-color-teal900: #071f1d;
  --ion-color-teal900-rgb: 7, 31, 29;
  --ion-color-teal900-contrast: #ffffff;
  --ion-color-teal900-contrast-rgb: 255, 255, 255;
  --ion-color-teal900-shade: #061b1a;
  --ion-color-teal900-tint: #203534;

  --ion-color-grey50: #f3f7f7;
  --ion-color-grey50-rgb: 243, 247, 247;
  --ion-color-grey50-contrast: #0f1a1a;
  --ion-color-grey50-contrast-rgb: 10, 20, 20;
  --ion-color-grey50-shade: #d6d9d9;
  --ion-color-grey50-tint: #f4f8f8;

  --ion-color-grey100: #edf2f2;
  --ion-color-grey100-rgb: 237, 242, 242;
  --ion-color-grey100-contrast: #0f1a1a;
  --ion-color-grey100-contrast-rgb: 10, 20, 20;
  --ion-color-grey100-shade: #d1d5d5;
  --ion-color-grey100-tint: #eff3f3;

  --ion-color-grey200: #dce5e5;
  --ion-color-grey200-rgb: 220, 229, 229;
  --ion-color-grey200-contrast: #0f1a1a;
  --ion-color-grey200-contrast-rgb: 10, 20, 20;
  --ion-color-grey200-shade: #c2caca;
  --ion-color-grey200-tint: #e0e8e8;

  --ion-color-grey300: #c6d2d2;
  --ion-color-grey300-rgb: 198, 210, 210;
  --ion-color-grey300-contrast: #0f1a1a;
  --ion-color-grey300-contrast-rgb: 10, 20, 20;
  --ion-color-grey300-shade: #aeb9b9;
  --ion-color-grey300-tint: #ccd7d7;

  --ion-color-grey400: #96a6a6;
  --ion-color-grey400-rgb: 150, 166, 166;
  --ion-color-grey400-contrast: #0f1a1a;
  --ion-color-grey400-contrast-rgb: 10, 20, 20;
  --ion-color-grey400-shade: #849292;
  --ion-color-grey400-tint: #a1afaf;

  --ion-color-grey500: #829696;
  --ion-color-grey500-rgb: 130, 150, 150;
  --ion-color-grey500-contrast: #ffffff;
  --ion-color-grey500-contrast-rgb: 255, 255, 255;
  --ion-color-grey500-shade: #728484;
  --ion-color-grey500-tint: #8fa1a1;

  --ion-color-grey600: #667a7a;
  --ion-color-grey600-rgb: 102, 122, 122;
  --ion-color-grey600-contrast: #ffffff;
  --ion-color-grey600-contrast-rgb: 255, 255, 255;
  --ion-color-grey600-shade: #5a6b6b;
  --ion-color-grey600-tint: #758787;

  --ion-color-grey700: #3b4949;
  --ion-color-grey700-rgb: 59, 73, 73;
  --ion-color-grey700-contrast: #ffffff;
  --ion-color-grey700-contrast-rgb: 255, 255, 255;
  --ion-color-grey700-shade: #344040;
  --ion-color-grey700-tint: #4f5b5b;

  --ion-color-grey800: #212b2b;
  --ion-color-grey800-rgb: 33, 43, 43;
  --ion-color-grey800-contrast: #ffffff;
  --ion-color-grey800-contrast-rgb: 255, 255, 255;
  --ion-color-grey800-shade: #1d2626;
  --ion-color-grey800-tint: #374040;

  --ion-color-grey900: #0f1a1a;
  --ion-color-grey900-rgb: 10, 20, 20;
  --ion-color-grey900-contrast: #ffffff;
  --ion-color-grey900-contrast-rgb: 255, 255, 255;
  --ion-color-grey900-shade: #091212;
  --ion-color-grey900-tint: #232c2c;

  --ion-color-beige50: #fbfaf9;
  --ion-color-beige50-rgb: 251, 250, 249;
  --ion-color-beige50-contrast: #0f1a1a;
  --ion-color-beige50-contrast-rgb: 10, 20, 20;
  --ion-color-beige50-shade: #e1e1e0;
  --ion-color-beige50-tint: #fbfaf9;

  --ion-color-beige75: #f7f5f3;
  --ion-color-beige75-rgb: 247, 245, 243;
  --ion-color-beige75-contrast: #0f1a1a;
  --ion-color-beige75-contrast-rgb: 10, 20, 20;
  --ion-color-beige75-shade: #dedcda;
  --ion-color-beige75-tint: #f7f6f4;

  --ion-color-beige100: #f3f0ec;
  --ion-color-beige100-rgb: 243, 240, 236;
  --ion-color-beige100-contrast: #0f1a1a;
  --ion-color-beige100-contrast-rgb: 10, 20, 20;
  --ion-color-beige100-shade: #dad8d4;
  --ion-color-beige100-tint: #f4f1ed;

  --ion-color-beige200: #ede9e3;
  --ion-color-beige200-rgb: 237, 233, 227;
  --ion-color-beige200-contrast: #0f1a1a;
  --ion-color-beige200-contrast-rgb: 10, 20, 20;
  --ion-color-beige200-shade: #d5d1cc;
  --ion-color-beige200-tint: #eeebe5;

  --ion-color-beige300: #e1dad1;
  --ion-color-beige300-rgb: 225, 218, 209;
  --ion-color-beige300-contrast: #0f1a1a;
  --ion-color-beige300-contrast-rgb: 10, 20, 20;
  --ion-color-beige300-shade: #cac4bc;
  --ion-color-beige300-tint: #e4ddd5;

  --ion-color-beige400: #d1c7b8;
  --ion-color-beige400-rgb: 209, 199, 184;
  --ion-color-beige400-contrast: #0f1a1a;
  --ion-color-beige400-contrast-rgb: 10, 20, 20;
  --ion-color-beige400-shade: #bcb3a5;
  --ion-color-beige400-tint: #d5ccbf;

  --ion-color-beige500: #c5b7a5;
  --ion-color-beige500-rgb: 197, 183, 165;
  --ion-color-beige500-contrast: #0f1a1a;
  --ion-color-beige500-contrast-rgb: 10, 20, 20;
  --ion-color-beige500-shade: #b1a494;
  --ion-color-beige500-tint: #cabeae;

  --ion-color-beige600: #ad9980;
  --ion-color-beige600-rgb: 173, 153, 128;
  --ion-color-beige600-contrast: #0f1a1a;
  --ion-color-beige600-contrast-rgb: 10, 20, 20;
  --ion-color-beige600-shade: #9b8973;
  --ion-color-beige600-tint: #b5a38c;

  --ion-color-beige700: #77634c;
  --ion-color-beige700-rgb: 119, 99, 76;
  --ion-color-beige700-contrast: #ffffff;
  --ion-color-beige700-contrast-rgb: 255, 255, 255;
  --ion-color-beige700-shade: #6b5944;
  --ion-color-beige700-tint: #84725d;

  --ion-color-beige800: #44382c;
  --ion-color-beige800-rgb: 68, 56, 44;
  --ion-color-beige800-contrast: #ffffff;
  --ion-color-beige800-contrast-rgb: 255, 255, 255;
  --ion-color-beige800-shade: #3d3227;
  --ion-color-beige800-tint: #564b41;

  --ion-color-beige900: #251e18;
  --ion-color-beige900-rgb: 37, 30, 24;
  --ion-color-beige900-contrast: #ffffff;
  --ion-color-beige900-contrast-rgb: 255, 255, 255;
  --ion-color-beige900-shade: #211b15;
  --ion-color-beige900-tint: #3a342f;

  --ion-color-light-blue50: #f2fdfc;
  --ion-color-light-blue50-rgb: 242, 253, 252;
  --ion-color-light-blue50-contrast: #0f1a1a;
  --ion-color-light-blue50-contrast-rgb: 10, 20, 20;
  --ion-color-light-blue50-shade: #d5dfde;
  --ion-color-light-blue50-tint: #f3fdfc;

  --ion-color-light-blue100: #e5fafa;
  --ion-color-light-blue100-rgb: 229, 250, 250;
  --ion-color-light-blue100-contrast: #0f1a1a;
  --ion-color-light-blue100-contrast-rgb: 10, 20, 20;
  --ion-color-light-blue100-shade: #cadcdc;
  --ion-color-light-blue100-tint: #e8fbfb;

  --ion-color-light-blue200: #c7f5f4;
  --ion-color-light-blue200-rgb: 199, 245, 244;
  --ion-color-light-blue200-contrast: #0f1a1a;
  --ion-color-light-blue200-contrast-rgb: 10, 20, 20;
  --ion-color-light-blue200-shade: #afd8d7;
  --ion-color-light-blue200-tint: #cdf6f5;

  --ion-color-light-blue300: #9bedec;
  --ion-color-light-blue300-rgb: 155, 237, 236;
  --ion-color-light-blue300-contrast: #0f1a1a;
  --ion-color-light-blue300-contrast-rgb: 10, 20, 20;
  --ion-color-light-blue300-shade: #88d1d0;
  --ion-color-light-blue300-tint: #a5efee;

  --ion-color-light-blue400: #60e8e6;
  --ion-color-light-blue400-rgb: 96, 232, 230;
  --ion-color-light-blue400-contrast: #0f1a1a;
  --ion-color-light-blue400-contrast-rgb: 10, 20, 20;
  --ion-color-light-blue400-shade: #54ccca;
  --ion-color-light-blue400-tint: #70eae9;

  --ion-color-light-blue500: #53c5c9;
  --ion-color-light-blue500-rgb: 83, 197, 201;
  --ion-color-light-blue500-contrast: #ffffff;
  --ion-color-light-blue500-contrast-rgb: 255, 255, 255;
  --ion-color-light-blue500-shade: #49adb1;
  --ion-color-light-blue500-tint: #64cbce;

  --ion-color-light-blue600: #3c8f91;
  --ion-color-light-blue600-rgb: 60, 143, 145;
  --ion-color-light-blue600-contrast: #ffffff;
  --ion-color-light-blue600-contrast-rgb: 255, 255, 255;
  --ion-color-light-blue600-shade: #357e80;
  --ion-color-light-blue600-tint: #509a9c;

  --ion-color-light-blue700: #285e61;
  --ion-color-light-blue700-rgb: 40, 94, 97;
  --ion-color-light-blue700-contrast: #ffffff;
  --ion-color-light-blue700-contrast-rgb: 255, 255, 255;
  --ion-color-light-blue700-shade: #235355;
  --ion-color-light-blue700-tint: #3e6e71;

  --ion-color-light-blue800: #163436;
  --ion-color-light-blue800-rgb: 22, 52, 54;
  --ion-color-light-blue800-contrast: #ffffff;
  --ion-color-light-blue800-contrast-rgb: 255, 255, 255;
  --ion-color-light-blue800-shade: #132e30;
  --ion-color-light-blue800-tint: #2d484a;

  --ion-color-light-blue900: #0c1c1d;
  --ion-color-light-blue900-rgb: 12, 28, 29;
  --ion-color-light-blue900-contrast: #ffffff;
  --ion-color-light-blue900-contrast-rgb: 255, 255, 255;
  --ion-color-light-blue900-shade: #0b191a;
  --ion-color-light-blue900-tint: #243334;

  --ion-color-green50: #f8fdf2;
  --ion-color-green50-rgb: 248, 253, 242;
  --ion-color-green50-contrast: #0f1a1a;
  --ion-color-green50-contrast-rgb: 10, 20, 20;
  --ion-color-green50-shade: #dadfd5;
  --ion-color-green50-tint: #f9fdf3;

  --ion-color-green100: #f8fdf2;
  --ion-color-green100-rgb: 248, 253, 242;
  --ion-color-green100-contrast: #0f1a1a;
  --ion-color-green100-contrast-rgb: 10, 20, 20;
  --ion-color-green100-shade: #dadfd5;
  --ion-color-green100-tint: #f9fdf3;

  --ion-color-green200: #e0f5c7;
  --ion-color-green200-rgb: 224, 245, 199;
  --ion-color-green200-contrast: #0f1a1a;
  --ion-color-green200-contrast-rgb: 10, 20, 20;
  --ion-color-green200-shade: #c5d8af;
  --ion-color-green200-tint: #e3f6cd;

  --ion-color-green300: #c8ed9b;
  --ion-color-green300-rgb: 200, 237, 155;
  --ion-color-green300-contrast: #0f1a1a;
  --ion-color-green300-contrast-rgb: 10, 20, 20;
  --ion-color-green300-shade: #b0d188;
  --ion-color-green300-tint: #ceefa5;

  --ion-color-green400: #aae860;
  --ion-color-green400-rgb: 170, 232, 96;
  --ion-color-green400-contrast: #0f1a1a;
  --ion-color-green400-contrast-rgb: 10, 20, 20;
  --ion-color-green400-shade: #96cc54;
  --ion-color-green400-tint: #b3ea70;

  --ion-color-green500: #90c953;
  --ion-color-green500-rgb: 144, 201, 83;
  --ion-color-green500-contrast: #ffffff;
  --ion-color-green500-contrast-rgb: 255, 255, 255;
  --ion-color-green500-shade: #7fb149;
  --ion-color-green500-tint: #9bce64;

  --ion-color-green550: #7dba3a;
  --ion-color-green550-rgb: 125, 168, 58;
  --ion-color-green550-contrast: #ffffff;
  --ion-color-green550-contrast-rgb: 255, 255, 255;
  --ion-color-green550-shade: #6ca237;
  --ion-color-green550-tint: #8dc64f;

  --ion-color-green600: #90c953;
  --ion-color-green600-rgb: 144, 201, 83;
  --ion-color-green600-contrast: #ffffff;
  --ion-color-green600-contrast-rgb: 255, 255, 255;
  --ion-color-green600-shade: #7fb149;
  --ion-color-green600-tint: #9bce64;

  --ion-color-green700: #436128;
  --ion-color-green700-rgb: 67, 97, 40;
  --ion-color-green700-contrast: #ffffff;
  --ion-color-green700-contrast-rgb: 255, 255, 255;
  --ion-color-green700-shade: #3b5523;
  --ion-color-green700-tint: #56713e;

  --ion-color-green800: #253616;
  --ion-color-green800-rgb: 37, 54, 22;
  --ion-color-green800-contrast: #ffffff;
  --ion-color-green800-contrast-rgb: 255, 255, 255;
  --ion-color-green800-shade: #213013;
  --ion-color-green800-tint: #3b4a2d;

  --ion-color-green900: #131d0c;
  --ion-color-green900-rgb: 19, 29, 12;
  --ion-color-green900-contrast: #ffffff;
  --ion-color-green900-contrast-rgb: 255, 255, 255;
  --ion-color-green900-shade: #111a0b;
  --ion-color-green900-tint: #2b3424;

  --ion-color-yellow50: #fffdf5;
  --ion-color-yellow50-rgb: 255, 253, 245;
  --ion-color-yellow50-contrast: #0f1a1a;
  --ion-color-yellow50-contrast-rgb: 10, 20, 20;
  --ion-color-yellow50-shade: #e0dfd8;
  --ion-color-yellow50-tint: #fffdf6;

  --ion-color-yellow100: #fbefc2;
  --ion-color-yellow100-rgb: 251, 239, 194;
  --ion-color-yellow100-contrast: #1a1a1a;
  --ion-color-yellow100-contrast-rgb: 26, 26, 26;
  --ion-color-yellow100-shade: #ddcfa9;
  --ion-color-yellow100-tint: #fcf0c9;

  --ion-color-yellow200: #efe8dc;
  --ion-color-yellow200-rgb: 239, 232, 220;
  --ion-color-yellow200-contrast: #0f1a1a;
  --ion-color-yellow200-contrast-rgb: 10, 20, 20;
  --ion-color-yellow200-shade: #d2ccc2;
  --ion-color-yellow200-tint: #f1eae0;

  --ion-color-yellow300: #e7e0cb;
  --ion-color-yellow300-rgb: 231, 224, 203;
  --ion-color-yellow300-contrast: #0f1a1a;
  --ion-color-yellow300-contrast-rgb: 10, 20, 20;
  --ion-color-yellow300-shade: #cbc5b3;
  --ion-color-yellow300-tint: #e9e3d0;

  --ion-color-yellow400: #ffc700;
  --ion-color-yellow400-rgb: 255, 199, 0;
  --ion-color-yellow400-contrast: #0f1a1a;
  --ion-color-yellow400-contrast-rgb: 10, 20, 20;
  --ion-color-yellow400-shade: #e0af00;
  --ion-color-yellow400-tint: #ffcd1a;

  --ion-color-yellow500: #d0c49a;
  --ion-color-yellow500-rgb: 208, 196, 154;
  --ion-color-yellow500-contrast: #ffffff;
  --ion-color-yellow500-contrast-rgb: 255, 255, 255;
  --ion-color-yellow500-shade: #b7ac88;
  --ion-color-yellow500-tint: #d5caa4;

  --ion-color-yellow600: #b4a379;
  --ion-color-yellow600-rgb: 180, 163, 121;
  --ion-color-yellow600-contrast: #ffffff;
  --ion-color-yellow600-contrast-rgb: 255, 255, 255;
  --ion-color-yellow600-shade: #9e8f6a;
  --ion-color-yellow600-tint: #bcac86;

  --ion-color-yellow700: #985e0d;
  --ion-color-yellow700-rgb: 152, 94, 13;
  --ion-color-yellow700-contrast: #ffffff;
  --ion-color-yellow700-contrast-rgb: 255, 255, 255;
  --ion-color-yellow700-shade: #864f0b;
  --ion-color-yellow700-tint: #a46f26;

  --ion-color-yellow800: #483d28;
  --ion-color-yellow800-rgb: 72, 61, 40;
  --ion-color-yellow800-contrast: #ffffff;
  --ion-color-yellow800-contrast-rgb: 255, 255, 255;
  --ion-color-yellow800-shade: #3f3623;
  --ion-color-yellow800-tint: #5a503e;

  --ion-color-yellow900: #272116;
  --ion-color-yellow900-rgb: 39, 33, 22;
  --ion-color-yellow900-contrast: #ffffff;
  --ion-color-yellow900-contrast-rgb: 255, 255, 255;
  --ion-color-yellow900-shade: #221d13;
  --ion-color-yellow900-tint: #3d372d;

  --ion-color-error100: #fffafb;
  --ion-color-error100-rgb: 255, 250, 251;
  --ion-color-error100-contrast: #0f1a1a;
  --ion-color-error100-contrast-rgb: 10, 20, 20;
  --ion-color-error100-shade: #e0dcdd;
  --ion-color-error100-tint: #fffbfb;

  --ion-color-error300: #ff9ea9;
  --ion-color-error300-rgb: 255, 158, 169;
  --ion-color-error300-contrast: #0f1a1a;
  --ion-color-error300-contrast-rgb: 10, 20, 20;
  --ion-color-error300-shade: #e08b95;
  --ion-color-error300-tint: #ffa8b2;

  --ion-color-error500: #e7364b;
  --ion-color-error500-rgb: 231, 54, 75;
  --ion-color-error500-contrast: #0f1a1a;
  --ion-color-error500-contrast-rgb: 10, 20, 20;
  --ion-color-error500-shade: #cb3042;
  --ion-color-error500-tint: #e94a5d;

  --ion-color-error700: #740b18;
  --ion-color-error700-rgb: 116, 11, 24;
  --ion-color-error700-contrast: #ffffff;
  --ion-color-error700-contrast-rgb: 255, 255, 255;
  --ion-color-error700-shade: #660a15;
  --ion-color-error700-tint: #82232f;

  --ion-color-error900: #420008;
  --ion-color-error900-rgb: 66, 0, 8;
  --ion-color-error900-contrast: #ffffff;
  --ion-color-error900-contrast-rgb: 255, 255, 255;
  --ion-color-error900-shade: #3a0007;
  --ion-color-error900-tint: #551a21;

  --ion-color-warning100: #fffdfa;
  --ion-color-warning100-rgb: 255, 253, 250;
  --ion-color-warning100-contrast: #0f1a1a;
  --ion-color-warning100-contrast-rgb: 10, 20, 20;
  --ion-color-warning100-shade: #e0dfdc;
  --ion-color-warning100-tint: #fffdfb;

  --ion-color-warning300: #ffd59e;
  --ion-color-warning300-rgb: 255, 213, 158;
  --ion-color-warning300-contrast: #0f1a1a;
  --ion-color-warning300-contrast-rgb: 10, 20, 20;
  --ion-color-warning300-shade: #e0bb8b;
  --ion-color-warning300-tint: #ffd9a8;

  --ion-color-warning500: #ffa229;
  --ion-color-warning500-rgb: 255, 162, 41;
  --ion-color-warning500-contrast: #0f1a1a;
  --ion-color-warning500-contrast-rgb: 10, 20, 20;
  --ion-color-warning500-shade: #e08f24;
  --ion-color-warning500-tint: #ffab3e;

  --ion-color-warning700: #74460b;
  --ion-color-warning700-rgb: 116, 70, 11;
  --ion-color-warning700-contrast: #ffffff;
  --ion-color-warning700-contrast-rgb: 255, 255, 255;
  --ion-color-warning700-shade: #663e0a;
  --ion-color-warning700-tint: #825923;

  --ion-color-warning900: #422500;
  --ion-color-warning900-rgb: 66, 37, 0;
  --ion-color-warning900-contrast: #ffffff;
  --ion-color-warning900-contrast-rgb: 255, 255, 255;
  --ion-color-warning900-shade: #3a2100;
  --ion-color-warning900-tint: #553b1a;

  --ion-color-success100: #f1fae5;
  --ion-color-success100-rgb: 241, 250, 229;
  --ion-color-success100-contrast: #0f1a1a;
  --ion-color-success100-contrast-rgb: 10, 20, 20;
  --ion-color-success100-shade: #d4dcca;
  --ion-color-success100-tint: #f2fbe8;

  --ion-color-success300: #c8ed9b;
  --ion-color-success300-rgb: 200, 237, 155;
  --ion-color-success300-contrast: #0f1a1a;
  --ion-color-success300-contrast-rgb: 10, 20, 20;
  --ion-color-success300-shade: #b0d188;
  --ion-color-success300-tint: #ceefa5;

  --ion-color-success500: #90c953;
  --ion-color-success500-rgb: 144, 201, 83;
  --ion-color-success500-contrast: #0f1a1a;
  --ion-color-success500-contrast-rgb: 10, 20, 20;
  --ion-color-success500-shade: #7fb149;
  --ion-color-success500-tint: #9bce64;

  --ion-color-success700: #436128;
  --ion-color-success700-rgb: 67, 97, 40;
  --ion-color-success700-contrast: #ffffff;
  --ion-color-success700-contrast-rgb: 255, 255, 255;
  --ion-color-success700-shade: #3b5523;
  --ion-color-success700-tint: #56713e;

  --ion-color-success900: #131d0c;
  --ion-color-success900-rgb: 19, 29, 12;
  --ion-color-success900-contrast: #ffffff;
  --ion-color-success900-contrast-rgb: 255, 255, 255;
  --ion-color-success900-shade: #111a0b;
  --ion-color-success900-tint: #2b3424;

  /** ============================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */
  /** Primary Colors: **/
  --ORYX-primary900: #03308f;
  --ORYX-primary900-rgb: 3, 48, 143;
  --ion-color-ORYX-primary900: #03308f;
  --ion-color-ORYX-primary900-rgb: 3, 48, 143;
  --ion-color-ORYX-primary900-contrast: #ffffff;
  --ion-color-ORYX-primary900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary900-shade: #032a7e;
  --ion-color-ORYX-primary900-tint: #0546d1;

  --ORYX-primary800: #043bb0;
  --ORYX-primary800-rgb: 4, 59, 176;
  --ion-color-ORYX-primary800: #043bb0;
  --ion-color-ORYX-primary800-rgb: 4, 59, 176;
  --ion-color-ORYX-primary800-contrast: #ffffff;
  --ion-color-ORYX-primary800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary800-shade: #04349b;
  --ion-color-ORYX-primary800-tint: #0552f3;

  --ORYX-primary700: #0546d1;
  --ORYX-primary700-rgb: 5, 70, 209;
  --ion-color-ORYX-primary700: #0546d1;
  --ion-color-ORYX-primary700-rgb: 5, 70, 209;
  --ion-color-ORYX-primary700-contrast: #ffffff;
  --ion-color-ORYX-primary700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary700-shade: #03308f;
  --ion-color-ORYX-primary700-tint: #2066fa;

  --ORYX-primary600: #0552f3;
  --ORYX-primary600-rgb: 5, 82, 243;
  --ion-color-ORYX-primary600: #0552f3;
  --ion-color-ORYX-primary600-rgb: 5, 82, 243;
  --ion-color-ORYX-primary600-contrast: #ffffff;
  --ion-color-ORYX-primary600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary600-shade: #043bb0;
  --ion-color-ORYX-primary600-tint: #417dfb;

  --ORYX-primary: #2066fa;
  --ORYX-primary-rgb: 32, 102, 250;

  --ORYX-primary400: #417dfb;
  --ORYX-primary400-rgb: 65, 125, 251;
  --ion-color-ORYX-primary400: #417dfb;
  --ion-color-ORYX-primary400-rgb: 65, 125, 251;
  --ion-color-ORYX-primary400-contrast: #ffffff;
  --ion-color-ORYX-primary400-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary400-shade: #0552f3;
  --ion-color-ORYX-primary400-tint: #84aafc;

  --ORYX-primary300: #6394fb;
  --ORYX-primary300-rgb: 99, 148, 251;
  --ion-color-ORYX-primary300: #6394fb;
  --ion-color-ORYX-primary300-rgb: 99, 148, 251;
  --ion-color-ORYX-primary300-contrast: #707070;
  --ion-color-ORYX-primary300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-primary300-shade: #2066fa;
  --ion-color-ORYX-primary300-tint: #a5c1fd;

  --ORYX-primary200: #84aafc;
  --ORYX-primary200-rgb: 132, 170, 252;
  --ion-color-ORYX-primary200: #84aafc;
  --ion-color-ORYX-primary200-rgb: 132, 170, 252;
  --ion-color-ORYX-primary200-contrast: #707070;
  --ion-color-ORYX-primary200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-primary200-shade: #0552f3;
  --ion-color-ORYX-primary200-tint: #90b3fc;

  --ORYX-primary100: #a5c1fd;
  --ORYX-primary100-rgb: 165, 193, 253;
  --ion-color-ORYX-primary100: #a5c1fd;
  --ion-color-ORYX-primary100-rgb: 165, 193, 253;
  --ion-color-ORYX-primary100-contrast: #707070;
  --ion-color-ORYX-primary100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-primary100-shade: #6394fb;
  --ion-color-ORYX-primary100-tint: #aec7fd;

  /** Secondary colors **/
  --ORYX-secondary900: #79e200;
  --ORYX-secondary900-rgb: 121, 226, 0;
  --ion-color-ORYX-secondary900: #79e200;
  --ion-color-ORYX-secondary900-rgb: 121, 226, 0;
  --ion-color-ORYX-secondary900-contrast: #707070;
  --ion-color-ORYX-secondary900-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary900-shade: #6ac700;
  --ion-color-ORYX-secondary900-tint: #9aff27;

  --ORYX-secondary800: #8aff05;
  --ORYX-secondary800-rgb: 138, 255, 5;
  --ion-color-ORYX-secondary800: #8aff05;
  --ion-color-ORYX-secondary800-rgb: 138, 255, 5;
  --ion-color-ORYX-secondary800-contrast: #707070;
  --ion-color-ORYX-secondary800-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary800-shade: #79e004;
  --ion-color-ORYX-secondary800-tint: #aaff49;

  --ORYX-secondary700: #9aff27;
  --ORYX-secondary700-rgb: 154, 255, 39;
  --ion-color-ORYX-secondary700: #9aff27;
  --ion-color-ORYX-secondary700-rgb: 154, 255, 39;
  --ion-color-ORYX-secondary700-contrast: #707070;
  --ion-color-ORYX-secondary700-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary700-shade: #79e200;
  --ion-color-ORYX-secondary700-tint: #baff6b;

  --ORYX-secondary600: #aaff49;
  --ORYX-secondary600-rgb: 170, 255, 73;
  --ion-color-ORYX-secondary600: #aaff49;
  --ion-color-ORYX-secondary600-rgb: 170, 255, 73;
  --ion-color-ORYX-secondary600-contrast: #707070;
  --ion-color-ORYX-secondary600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary600-shade: #8aff05;
  --ion-color-ORYX-secondary600-tint: #caff8d;

  --ORYX-secondary: #baff6b;
  --ORYX-secondary-rgb: 186, 255, 107;

  --ORYX-secondary400: #caff8d;
  --ORYX-secondary400-rgb: 202, 255, 141;
  --ion-color-ORYX-secondary400: #caff8d;
  --ion-color-ORYX-secondary400-rgb: 202, 255, 141;
  --ion-color-ORYX-secondary400-contrast: #707070;
  --ion-color-ORYX-secondary400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary400-shade: #aaff49;
  --ion-color-ORYX-secondary400-tint: #eaffd1;

  --ORYX-secondary300: #daffaf;
  --ORYX-secondary300-rgb: 218, 255, 175;
  --ion-color-ORYX-secondary300: #daffaf;
  --ion-color-ORYX-secondary300-rgb: 218, 255, 175;
  --ion-color-ORYX-secondary300-contrast: #707070;
  --ion-color-ORYX-secondary300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary300-shade: #baff6b;
  --ion-color-ORYX-secondary300-tint: #f9fff3;

  --ORYX-econdary200: #eaffd1;
  --ORYX-secondary200-rgb: 234, 255, 209;
  --ion-color-ORYX-secondary200: #eaffd1;
  --ion-color-ORYX-secondary200-rgb: 234, 255, 209;
  --ion-color-ORYX-secondary200-contrast: #707070;
  --ion-color-ORYX-secondary200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary200-shade: #caff8d;
  --ion-color-ORYX-secondary200-tint: #ecffd6;

  --ORYX-secondary100: #f9fff3;
  --ORYX-secondary100-rgb: 249, 255, 243;
  --ion-color-ORYX-secondary100: #f9fff3;
  --ion-color-ORYX-secondary100-rgb: 249, 255, 243;
  --ion-color-ORYX-secondary100-contrast: #707070;
  --ion-color-ORYX-secondary100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary100-shade: #daffaf;
  --ion-color-ORYX-secondary100-tint: #fafff4;

  /** Tertiary colors **/
  --ORYX-tertiary900: #8f195b;
  --ORYX-tertiary900-rgb: 143, 25, 91;
  --ion-color-ORYX-tertiary900: #8f195b;
  --ion-color-ORYX-tertiary900-rgb: 143, 25, 91;
  --ion-color-ORYX-tertiary900-contrast: #ffffff;
  --ion-color-ORYX-tertiary900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-tertiary900-shade: #7e1650;
  --ion-color-ORYX-tertiary900-tint: #c8247f;

  --ORYX-tertiary800: #ac1e6d;
  --ORYX-tertiary800-rgb: 172, 30, 109;
  --ion-color-ORYX-tertiary800: #ac1e6d;
  --ion-color-ORYX-tertiary800-rgb: 172, 30, 109;
  --ion-color-ORYX-tertiary800-contrast: #ffffff;
  --ion-color-ORYX-tertiary800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-tertiary800-shade: #971a60;
  --ion-color-ORYX-tertiary800-tint: #db3390;

  --ORYX-tertiary700: #c8247f;
  --ORYX-tertiary700-rgb: 200, 36, 127;
  --ion-color-ORYX-tertiary700: #c8247f;
  --ion-color-ORYX-tertiary700-rgb: 200, 36, 127;
  --ion-color-ORYX-tertiary700-contrast: #ffffff;
  --ion-color-ORYX-tertiary700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-tertiary700-shade: #8f195b;
  --ion-color-ORYX-tertiary700-tint: #e050a0;

  --ORYX-tertiary600: #db3390;
  --ORYX-tertiary600-rgb: 219, 51, 144;
  --ion-color-ORYX-tertiary600: #db3390;
  --ion-color-ORYX-tertiary600-rgb: 219, 51, 144;
  --ion-color-ORYX-tertiary600-contrast: #ffffff;
  --ion-color-ORYX-tertiary600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-tertiary600-shade: #ac1e6d;
  --ion-color-ORYX-tertiary600-tint: #e56db0;

  --ORYX-tertiary: #e050a0;
  --ORYX-tertiary-rgb: 224, 80, 160;

  --ORYX-tertiary400: #e56db0;
  --ORYX-tertiary400-rgb: 229, 109, 176;
  --ion-color-ORYX-tertiary400: #e56db0;
  --ion-color-ORYX-tertiary400-rgb: 229, 109, 176;
  --ion-color-ORYX-tertiary400-contrast: #707070;
  --ion-color-ORYX-tertiary400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-tertiary400-shade: #db3390;
  --ion-color-ORYX-tertiary400-tint: #efa7cf;

  --ORYX-tertiary300: #ea8abf;
  --ORYX-tertiary300-rgb: 234, 138, 191;
  --ion-color-ORYX-tertiary300: #ea8abf;
  --ion-color-ORYX-tertiary300-rgb: 234, 138, 191;
  --ion-color-ORYX-tertiary300-contrast: #707070;
  --ion-color-ORYX-tertiary300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-tertiary300-shade: #e050a0;
  --ion-color-ORYX-tertiary300-tint: #f4c4df;

  --ORYX-tertiary200: #efa7cf;
  --ORYX-tertiary200-rgb: 239, 167, 207;
  --ion-color-ORYX-tertiary200: #efa7cf;
  --ion-color-ORYX-tertiary200-rgb: 239, 167, 207;
  --ion-color-ORYX-tertiary200-contrast: #707070;
  --ion-color-ORYX-tertiary200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-tertiary200-shade: #e56db0;
  --ion-color-ORYX-tertiary200-tint: #f1b0d4;

  --ORYX-tertiary100: #f4c4df;
  --ORYX-tertiary100-rgb: 244, 196, 223;
  --ion-color-ORYX-tertiary100: #f4c4df;
  --ion-color-ORYX-tertiary100-rgb: 244, 196, 223;
  --ion-color-ORYX-tertiary100-contrast: #707070;
  --ion-color-ORYX-tertiary100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-tertiary100-shade: #ea8abf;
  --ion-color-ORYX-tertiary100-tint: #f5cae2;

  /** Quaternary colors **/
  --ORYX-quaternary900: #aa1707;
  --ORYX-quaternary900-rgb: 170, 23, 7;
  --ion-color-ORYX-quaternary900: #aa1707;
  --ion-color-ORYX-quaternary900-rgb: 170, 23, 7;
  --ion-color-ORYX-quaternary900-contrast: #ffffff;
  --ion-color-ORYX-quaternary900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-quaternary900-shade: #961406;
  --ion-color-ORYX-quaternary900-tint: #eb200a;

  --ORYX-quaternary800: #ca1c09;
  --ORYX-quaternary800-rgb: 202, 28, 9;
  --ion-color-ORYX-quaternary800: #ca1c09;
  --ion-color-ORYX-quaternary800-rgb: 202, 28, 9;
  --ion-color-ORYX-quaternary800-contrast: #ffffff;
  --ion-color-ORYX-quaternary800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-quaternary800-shade: #b21908;
  --ion-color-ORYX-quaternary800-tint: #f63621;

  --ORYX-quaternary700: #eb200a;
  --ORYX-quaternary700-rgb: 235, 32, 10;
  --ion-color-ORYX-quaternary700: #eb200a;
  --ion-color-ORYX-quaternary700-rgb: 235, 32, 10;
  --ion-color-ORYX-quaternary700-contrast: #ffffff;
  --ion-color-ORYX-quaternary700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-quaternary700-shade: #aa1707;
  --ion-color-ORYX-quaternary700-tint: #f75442;

  --ORYX-quaternary600: #f63621;
  --ORYX-quaternary600-rgb: 246, 54, 33;
  --ion-color-ORYX-quaternary600: #f63621;
  --ion-color-ORYX-quaternary600-rgb: 246, 54, 33;
  --ion-color-ORYX-quaternary600-contrast: #ffffff;
  --ion-color-ORYX-quaternary600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-quaternary600-shade: #ca1c09;
  --ion-color-ORYX-quaternary600-tint: #f87263;

  --ORYX-quaternary500: #f75442;
  --ORYX-quaternary500-rgb: 247, 84, 66;
  --ion-color-ORYX-quaternary500: #f75442;
  --ion-color-ORYX-quaternary500-rgb: 247, 84, 66;
  --ion-color-ORYX-quaternary500-contrast: #707070;
  --ion-color-ORYX-quaternary500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-quaternary500-shade: #eb200a;
  --ion-color-ORYX-quaternary500-tint: #fa8f83;

  --ORYX-quaternary400: #f87263;
  --ORYX-quaternary400-rgb: 248, 114, 99;
  --ion-color-ORYX-quaternary400: #f87263;
  --ion-color-ORYX-quaternary400-rgb: 248, 114, 99;
  --ion-color-ORYX-quaternary400-contrast: #707070;
  --ion-color-ORYX-quaternary400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-quaternary400-shade: #f63621;
  --ion-color-ORYX-quaternary400-tint: #fbada4;

  --ORYX-quaternary300: #fa8f83;
  --ORYX-quaternary300-rgb: 250, 143, 131;
  --ion-color-ORYX-quaternary300: #fa8f83;
  --ion-color-ORYX-quaternary300-rgb: 250, 143, 131;
  --ion-color-ORYX-quaternary300-contrast: #707070;
  --ion-color-ORYX-quaternary300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-quaternary300-shade: #f75442;
  --ion-color-ORYX-quaternary300-tint: #fdcac4;

  --ORYX-quaternary200: #fbada4;
  --ORYX-quaternary200-rgb: 251, 173, 164;
  --ion-color-ORYX-quaternary200: #fbada4;
  --ion-color-ORYX-quaternary200-rgb: 251, 173, 164;
  --ion-color-ORYX-quaternary200-contrast: #707070;
  --ion-color-ORYX-quaternary200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-quaternary200-shade: #f87263;
  --ion-color-ORYX-quaternary200-tint: #fbb5ad;

  --ORYX-quaternary100: #fdcac4;
  --ORYX-quaternary100-rgb: 253, 202, 196;
  --ion-color-ORYX-quaternary100: #fdcac4;
  --ion-color-ORYX-quaternary100-rgb: 253, 202, 196;
  --ion-color-ORYX-quaternary100-contrast: #707070;
  --ion-color-ORYX-quaternary100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-quaternary100-shade: #fa8f83;
  --ion-color-ORYX-quaternary100-tint: #fdcfca;

  /** Primary Grey **/
  --ORYX-primary-grey900: #11111c;
  --ORYX-primary-grey900-rgb: 17, 17, 28;
  --ion-color-ORYX-primary-grey900: #11111c;
  --ion-color-ORYX-primary-grey900-rgb: 17, 17, 28;
  --ion-color-ORYX-primary-grey900-contrast: #ffffff;
  --ion-color-ORYX-primary-grey900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey900-shade: #0f0f19;
  --ion-color-ORYX-primary-grey900-tint: #241e32;

  --ORYX-primary-grey800: #1a1727;
  --ORYX-primary-grey800-rgb: 26, 23, 39;
  --ion-color-ORYX-primary-grey800: #1a1727;
  --ion-color-ORYX-primary-grey800-rgb: 26, 23, 39;
  --ion-color-ORYX-primary-grey800-contrast: #ffffff;
  --ion-color-ORYX-primary-grey800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey800-shade: #171422;
  --ion-color-ORYX-primary-grey800-tint: #2f243d;

  --ORYX-rimary-grey700: #241e32;
  --ORYX-primary-grey700-rgb: 36, 30, 50;
  --ion-color-ORYX-primary-grey700: #241e32;
  --ion-color-ORYX-primary-grey700-rgb: 36, 30, 50;
  --ion-color-ORYX-primary-grey700-contrast: #ffffff;
  --ion-color-ORYX-primary-grey700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey700-shade: #11111c;
  --ion-color-ORYX-primary-grey700-tint: #3b2b48;

  --ORYX-primary-grey600: #2f243d;
  --ORYX-primary-grey600-rgb: 47, 36, 61;
  --ion-color-ORYX-primary-grey600: #2f243d;
  --ion-color-ORYX-primary-grey600-rgb: 47, 36, 61;
  --ion-color-ORYX-primary-grey600-contrast: #ffffff;
  --ion-color-ORYX-primary-grey600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey600-shade: #1a1727;
  --ion-color-ORYX-primary-grey600-tint: #534a63;

  --ORYX-primary-grey500: #3b2b48;
  --ORYX-primary-grey500-rgb: 59, 43, 72;
  --ion-color-ORYX-primary-grey500: #3b2b48;
  --ion-color-ORYX-primary-grey500-rgb: 59, 43, 72;
  --ion-color-ORYX-primary-grey500-contrast: #ffffff;
  --ion-color-ORYX-primary-grey500-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey500-shade: #241e32;
  --ion-color-ORYX-primary-grey500-tint: #6c697d;

  --ORYX-primary-grey400: #534a63;
  --ORYX-primary-grey400-rgb: 83, 74, 99;
  --ion-color-ORYX-primary-grey400: #534a63;
  --ion-color-ORYX-primary-grey400-rgb: 83, 74, 99;
  --ion-color-ORYX-primary-grey400-contrast: #ffffff;
  --ion-color-ORYX-primary-grey400-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey400-shade: #2f243d;
  --ion-color-ORYX-primary-grey400-tint: #878798;

  --ORYX-primary-grey300: #6c697d;
  --ORYX-primary-grey300-rgb: 108, 105, 125;
  --ion-color-ORYX-primary-grey300: #6c697d;
  --ion-color-ORYX-primary-grey300-rgb: 108, 105, 125;
  --ion-color-ORYX-primary-grey300-contrast: #ffffff;
  --ion-color-ORYX-primary-grey300-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-grey300-shade: #3b2b48;
  --ion-color-ORYX-primary-grey300-tint: #a6a8b2;

  --ORYX-primary-grey200: #878798;
  --ORYX-primary-grey200-rgb: 135, 135, 152;
  --ion-color-ORYX-primary-grey200: #878798;
  --ion-color-ORYX-primary-grey200-rgb: 135, 135, 152;
  --ion-color-ORYX-primary-grey200-contrast: #707070;
  --ion-color-ORYX-primary-grey200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-primary-grey200-shade: #534a63;
  --ion-color-ORYX-primary-grey200-tint: #c0c1d6;

  --ORYX-primary-grey100: #a6a8b2;
  --ORYX-primary-grey100-rgb: 166, 168, 178;
  --ion-color-ORYX-primary-grey100: #a6a8b2;
  --ion-color-ORYX-primary-grey100-rgb: 166, 168, 178;
  --ion-color-ORYX-primary-grey100-contrast: #707070;
  --ion-color-ORYX-primary-grey100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-primary-grey100-shade: #6c697d;
  --ion-color-ORYX-primary-grey100-tint: #dcdde1;

  /** Succes **/
  --ORYX-success950: #14532d;
  --ORYX-success950-rgb: 20, 83, 45;
  --ion-color-ORYX-succes950: #14532d;
  --ion-color-ORYX-succes950-rgb: 20, 83, 45;
  --ion-color-ORYX-succes950-contrast: #ffffff;
  --ion-color-ORYX-succes950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-succes950-shade: #124928;
  --ion-color-ORYX-succes950-tint: #15803d;

  --ORYX-success900: #166534;
  --ORYX-success900-rgb: 22, 101, 52;
  --ion-color-ORYX-succes900: #166534;
  --ion-color-ORYX-succes900-rgb: 22, 101, 52;
  --ion-color-ORYX-succes900-contrast: #ffffff;
  --ion-color-ORYX-succes900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-succes900-shade: #13592e;
  --ion-color-ORYX-succes900-tint: #16a34a;

  --ORYX-success800: #15803d;
  --ORYX-success800-rgb: 21, 128, 61;
  --ion-color-ORYX-success800: #15803d;
  --ion-color-ORYX-success800-rgb: 21, 128, 61;
  --ion-color-ORYX-success800-contrast: #ffffff;
  --ion-color-ORYX-success800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-success800-shade: #14532d;
  --ion-color-ORYX-success800-tint: #22c55e;

  --ORYX-success700: #16a34a;
  --ORYX-success700-rgb: 22, 163, 74;
  --ion-color-ORYX-success700: #16a34a;
  --ion-color-ORYX-success700-rgb: 22, 163, 74;
  --ion-color-ORYX-success700-contrast: #ffffff;
  --ion-color-ORYX-success700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-success700-shade: #166534;
  --ion-color-ORYX-success700-tint: #4ade80;

  --ORYX-success600: #22c55e;
  --ORYX-success: #22c55e;
  --ORYX-success600-rgb: 34, 197, 94;
  --ion-color-ORYX-success600: #22c55e;
  --ion-color-ORYX-success600-rgb: 34, 197, 94;
  --ion-color-ORYX-success600-contrast: #707070;
  --ion-color-ORYX-success600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success600-shade: #15803d;
  --ion-color-ORYX-success600-tint: #86efac;

  --ORYX-success500: #4ade80;
  --ORYX-success500-rgb: 74, 222, 128;
  --ion-color-ORYX-success500: #4ade80;
  --ion-color-ORYX-success500-rgb: 74, 222, 128;
  --ion-color-ORYX-success500-contrast: #707070;
  --ion-color-ORYX-success500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success500-shade: #16a34a;
  --ion-color-ORYX-success500-tint: #bbf7d0;

  --ORYX-success400: #86efac;
  --ORYX-success400-rgb: 134, 239, 172;
  --ion-color-ORYX-success400: #86efac;
  --ion-color-ORYX-success400-rgb: 134, 239, 172;
  --ion-color-ORYX-success400-contrast: #707070;
  --ion-color-ORYX-success400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success400-shade: #22c55e;
  --ion-color-ORYX-success400-tint: #dcfce7;

  --ORYX-success300: #bbf7d0;
  --ORYX-success300-rgb: 187, 247, 208;
  --ion-color-ORYX-success300: #bbf7d0;
  --ion-color-ORYX-success300-rgb: 187, 247, 208;
  --ion-color-ORYX-success300-contrast: #707070;
  --ion-color-ORYX-success300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success300-shade: #4ade80;
  --ion-color-ORYX-success300-tint: #edfdf2;

  --ORYX-success200: #dcfce7;
  --ORYX-success200-rgb: 220, 252, 231;
  --ion-color-ORYX-success200: #dcfce7;
  --ion-color-ORYX-success200-rgb: 220, 252, 231;
  --ion-color-ORYX-success200-contrast: #707070;
  --ion-color-ORYX-success200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success200-shade: #86efac;
  --ion-color-ORYX-success200-tint: #e0fce9;

  --ORYX-success100: #edfdf2;
  --ORYX-success100-rgb: 237, 253, 242;
  --ion-color-ORYX-success100: #edfdf2;
  --ion-color-ORYX-success100-rgb: 237, 253, 242;
  --ion-color-ORYX-success100-contrast: #707070;
  --ion-color-ORYX-success100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-success100-shade: #bbf7d0;
  --ion-color-ORYX-success100-tint: #effdf3;

  /** Warning **/
  --ORYX-warning950: #7c2712;
  --ORYX-warning950-rgb: 124, 39, 18;
  --ion-color-ORYX-warning950: #7c2712;
  --ion-color-ORYX-warning950-rgb: 124, 39, 18;
  --ion-color-ORYX-warning950-contrast: #ffffff;
  --ion-color-ORYX-warning950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-warning950-shade: #6d2210;
  --ion-color-ORYX-warning950-tint: #c23d0c;

  --ORYX-warning900: #9a3212;
  --ORYX-warning900-rgb: 154, 50, 18;
  --ion-color-ORYX-warning900: #9a3212;
  --ion-color-ORYX-warning900-rgb: 154, 50, 18;
  --ion-color-ORYX-warning900-contrast: #ffffff;
  --ion-color-ORYX-warning900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-warning900-shade: #882c10;
  --ion-color-ORYX-warning900-tint: #ea4f0c;

  --ORYX-warning800: #c23d0c;
  --ORYX-warning800-rgb: 194, 61, 12;
  --ion-color-ORYX-warning800: #c23d0c;
  --ion-color-ORYX-warning800-rgb: 194, 61, 12;
  --ion-color-ORYX-warning800-contrast: #ffffff;
  --ion-color-ORYX-warning800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-warning800-shade: #7c2712;
  --ion-color-ORYX-warning800-tint: #f97316;

  --ORYX-warning700: #ea4f0c;
  --ORYX-warning700-rgb: 234, 79, 12;
  --ion-color-ORYX-warning700: #ea4f0c;
  --ion-color-ORYX-warning700-rgb: 234, 79, 12;
  --ion-color-ORYX-warning700-contrast: #ffffff;
  --ion-color-ORYX-warning700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-warning700-shade: #9a3212;
  --ion-color-ORYX-warning700-tint: #fb923c;

  --ORYX-warning600: #f97316;
  --ORYX-warning: #f97316;
  --ORYX-warning600-rgb: 249, 115, 22;
  --ion-color-ORYX-warning600: #f97316;
  --ion-color-ORYX-warning600-rgb: 249, 115, 22;
  --ion-color-ORYX-warning600-contrast: #707070;
  --ion-color-ORYX-warning600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning600-shade: #c23d0c;
  --ion-color-ORYX-warning600-tint: #fdba74;

  --ORYX-warning500: #fb923c;
  --ORYX-warning500-rgb: 251, 146, 60;
  --ion-color-ORYX-warning500: #fb923c;
  --ion-color-ORYX-warning500-rgb: 251, 146, 60;
  --ion-color-ORYX-warning500-contrast: #707070;
  --ion-color-ORYX-warning500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning500-shade: #ea4f0c;
  --ion-color-ORYX-warning500-tint: #fed7aa;

  --ORYX-warning400: #fdba74;
  --ORYX-warning400-rgb: 253, 186, 116;
  --ion-color-ORYX-warning400: #fdba74;
  --ion-color-ORYX-warning400-rgb: 253, 186, 116;
  --ion-color-ORYX-warning400-contrast: #707070;
  --ion-color-ORYX-warning400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning400-shade: #f97316;
  --ion-color-ORYX-warning400-tint: #ffedd5;

  --ORYX-warning300: #fed7aa;
  --ORYX-warning300-rgb: 254, 215, 170;
  --ion-color-ORYX-warning300: #fed7aa;
  --ion-color-ORYX-warning300-rgb: 254, 215, 170;
  --ion-color-ORYX-warning300-contrast: #707070;
  --ion-color-ORYX-warning300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning300-shade: #fb923c;
  --ion-color-ORYX-warning300-tint: #fff4e5;

  --ORYX-warning200: #ffedd5;
  --ORYX-warning200-rgb: 255, 237, 213;
  --ion-color-ORYX-warning200: #ffedd5;
  --ion-color-ORYX-warning200-rgb: 255, 237, 213;
  --ion-color-ORYX-warning200-contrast: #707070;
  --ion-color-ORYX-warning200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning200-shade: #fdba74;
  --ion-color-ORYX-warning200-tint: #ffefd9;

  --ORYX-warning100: #fff4e5;
  --ORYX-warning100-rgb: 255, 244, 229;
  --ion-color-ORYX-warning100: #fff4e5;
  --ion-color-ORYX-warning100-rgb: 255, 244, 229;
  --ion-color-ORYX-warning100-contrast: #707070;
  --ion-color-ORYX-warning100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-warning100-shade: #fed7aa;
  --ion-color-ORYX-warning100-tint: #fff5e8;

  /** Error **/
  --ORYX-error950: #790c0c;
  --ORYX-error950-rgb: 121, 12, 12;
  --ion-color-ORYX-error950: #790c0c;
  --ion-color-ORYX-error950-rgb: 121, 12, 12;
  --ion-color-ORYX-error950-contrast: #ffffff;
  --ion-color-ORYX-error950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-error950-shade: #6a0b0b;
  --ion-color-ORYX-error950-tint: #c21313;

  --ORYX-error900: #950f0f;
  --ORYX-error900-rgb: 149, 15, 15;
  --ion-color-ORYX-error900: #950f0f;
  --ion-color-ORYX-error900-rgb: 149, 15, 15;
  --ion-color-ORYX-error900-contrast: #ffffff;
  --ion-color-ORYX-error900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-error900-shade: #830d0d;
  --ion-color-ORYX-error900-tint: #e81a1a;

  --ORYX-error800: #c21313;
  --ORYX-error800-rgb: 194, 19, 19;
  --ion-color-ORYX-error800: #c21313;
  --ion-color-ORYX-error800-rgb: 194, 19, 19;
  --ion-color-ORYX-error800-contrast: #ffffff;
  --ion-color-ORYX-error800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-error800-shade: #790c0c;
  --ion-color-ORYX-error800-tint: #eb3737;

  --ORYX-error700: #e81a1a;
  --ORYX-error700-rgb: 232, 26, 26;
  --ion-color-ORYX-error700: #e81a1a;
  --ion-color-ORYX-error700-rgb: 232, 26, 26;
  --ion-color-ORYX-error700-contrast: #ffffff;
  --ion-color-ORYX-error700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-error700-shade: #950f0f;
  --ion-color-ORYX-error700-tint: #f87171;

  --ORYX-error600: #eb3737;
  --ORYX-error: #eb3737;
  --ORYX-error600-rgb: 235, 55, 55;
  --ion-color-ORYX-error600: #eb3737;
  --ion-color-ORYX-error600-rgb: 235, 55, 55;
  --ion-color-ORYX-error600-contrast: #ffffff;
  --ion-color-ORYX-error600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-error600-shade: #c21313;
  --ion-color-ORYX-error600-tint: #fca5a5;

  --ORYX-error500: #f87171;
  --ORYX-error500-rgb: 248, 113, 113;
  --ion-color-ORYX-error500: #f87171;
  --ion-color-ORYX-error500-rgb: 248, 113, 113;
  --ion-color-ORYX-error500-contrast: #707070;
  --ion-color-ORYX-error500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-error500-shade: #e81a1a;
  --ion-color-ORYX-error500-tint: #fecaca;

  --ORYX-error400: #fca5a5;
  --ORYX-error400-rgb: 252, 165, 165;
  --ion-color-ORYX-error400: #fca5a5;
  --ion-color-ORYX-error400-rgb: 252, 165, 165;
  --ion-color-ORYX-error400-contrast: #707070;
  --ion-color-ORYX-error400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-error400-shade: #eb3737;
  --ion-color-ORYX-error400-tint: #fee2e2;

  --ORYX-error300: #fecaca;
  --ORYX-error300-rgb: 254, 202, 202;
  --ion-color-ORYX-error300: #fecaca;
  --ion-color-ORYX-error300-rgb: 254, 202, 202;
  --ion-color-ORYX-error300-contrast: #707070;
  --ion-color-ORYX-error300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-error300-shade: #f87171;
  --ion-color-ORYX-error300-tint: #fee2e2;

  --ORYX-error200: #fee2e2;
  --ORYX-error200-rgb: 254, 226, 226;
  --ion-color-ORYX-error200: #fee2e2;
  --ion-color-ORYX-error200-rgb: 254, 226, 226;
  --ion-color-ORYX-error200-contrast: #707070;
  --ion-color-ORYX-error200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-error200-shade: #fca5a5;
  --ion-color-ORYX-error200-tint: #fee5e5;

  --ORYX-error100: #fee2e2;
  --ORYX-error100-rgb: 254, 226, 226;
  --ion-color-ORYX-error100: #fee2e2;
  --ion-color-ORYX-error100-rgb: 254, 226, 226;
  --ion-color-ORYX-error100-contrast: #707070;
  --ion-color-ORYX-error100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-error100-shade: #fca5a5;
  --ion-color-ORYX-error100-tint: #fee5e5;

  /** Teal **/
  --ORYX-teal950: #134e4e;
  --ORYX-teal950-rgb: 19, 78, 78;
  --ion-color-ORYX-teal950: #134e4e;
  --ion-color-ORYX-teal950-rgb: 19, 78, 78;
  --ion-color-ORYX-teal950-contrast: #ffffff;
  --ion-color-ORYX-teal950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-teal950-shade: #114545;
  --ion-color-ORYX-teal950-tint: #0f7575;

  --ORYX-teal900: #115f5f;
  --ORYX-teal900-rgb: 17, 95, 95;
  --ion-color-ORYX-teal900: #115f5f;
  --ion-color-ORYX-teal900-rgb: 17, 95, 95;
  --ion-color-ORYX-teal900-contrast: #ffffff;
  --ion-color-ORYX-teal900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-teal900-shade: #0f5454;
  --ion-color-ORYX-teal900-tint: #009e9e;

  --ORYX-teal800: #0f7575;
  --ORYX-teal800-rgb: 15, 117, 117;
  --ion-color-ORYX-teal800: #0f7575;
  --ion-color-ORYX-teal800-rgb: 15, 117, 117;
  --ion-color-ORYX-teal800-contrast: #ffffff;
  --ion-color-ORYX-teal800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-teal800-shade: #134e4e;
  --ion-color-ORYX-teal800-tint: #14b8b8;

  --ORYX-teal700: #009e9e;
  --ORYX-teal700-rgb: 0, 158, 158;
  --ion-color-ORYX-teal700: #009e9e;
  --ion-color-ORYX-teal700-rgb: 0, 158, 158;
  --ion-color-ORYX-teal700-contrast: #ffffff;
  --ion-color-ORYX-teal700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-teal700-shade: #115f5f;
  --ion-color-ORYX-teal700-tint: #2de1e1;

  --ORYX-teal600: #14b8b8;
  --ORYX-teal600-rgb: 20, 184, 184;
  --ion-color-ORYX-teal600: #14b8b8;
  --ion-color-ORYX-teal600-rgb: 20, 184, 184;
  --ion-color-ORYX-teal600-contrast: #707070;
  --ion-color-ORYX-teal600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal600-shade: #0f7575;
  --ion-color-ORYX-teal600-tint: #5deaea;

  --ORYX-teal500: #2de1e1;
  --ORYX-teal500-rgb: 45, 225, 225;
  --ion-color-ORYX-teal500: #2de1e1;
  --ion-color-ORYX-teal500-rgb: 45, 225, 225;
  --ion-color-ORYX-teal500-contrast: #707070;
  --ion-color-ORYX-teal500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal500-shade: #009e9e;
  --ion-color-ORYX-teal500-tint: #98f6f6;

  --ORYX-teal400: #5deaea;
  --ORYX-teal400-rgb: 93, 234, 234;
  --ion-color-ORYX-teal400: #5deaea;
  --ion-color-ORYX-teal400-rgb: 93, 234, 234;
  --ion-color-ORYX-teal400-contrast: #707070;
  --ion-color-ORYX-teal400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal400-shade: #14b8b8;
  --ion-color-ORYX-teal400-tint: #cbfbfb;

  --ORYX-teal300: #98f6f6;
  --ORYX-teal300-rgb: rgb(152, 246, 246);
  --ion-color-ORYX-teal300: #98f6f6;
  --ion-color-ORYX-teal300-rgb: 152, 246, 246;
  --ion-color-ORYX-teal300-contrast: #707070;
  --ion-color-ORYX-teal300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal300-shade: #2de1e1;
  --ion-color-ORYX-teal300-tint: #e4fbfb;

  --ORYX-teal200: #cbfbfb;
  --ORYX-teal200-rgb: rgb(203, 251, 251);
  --ion-color-ORYX-teal200: #cbfbfb;
  --ion-color-ORYX-teal200-rgb: 203, 251, 251;
  --ion-color-ORYX-teal200-contrast: #707070;
  --ion-color-ORYX-teal200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal200-shade: #5deaea;
  --ion-color-ORYX-teal200-tint: #d0fbfb;

  --ORYX-teal100: #e4fbfb;
  --ORYX-teal100-rgb: rgb(228, 251, 251);
  --ion-color-ORYX-teal100: #e4fbfb;
  --ion-color-ORYX-teal100-rgb: 228, 251, 251;
  --ion-color-ORYX-teal100-contrast: #707070;
  --ion-color-ORYX-teal100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-teal100-shade: #98f6f6;
  --ion-color-ORYX-teal100-tint: #e7fbfb;

  /** Lime **/
  --lime950: #335214;
  --lime950-rgb: 51, 82, 20;
  --ion-color-ORYX-lime950: #335214;
  --ion-color-ORYX-lime950-rgb: 51, 82, 20;
  --ion-color-ORYX-lime950-contrast: #ffffff;
  --ion-color-ORYX-lime950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-lime950-shade: #2d4812;
  --ion-color-ORYX-lime950-tint: #457b0f;

  --lime900: #3b6312;
  --lime900-rgb: 59, 99, 18;
  --ion-color-ORYX-lime900: #3b6312;
  --ion-color-ORYX-lime900-rgb: 59, 99, 18;
  --ion-color-ORYX-lime900-contrast: #ffffff;
  --ion-color-ORYX-lime900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-lime900-shade: #2d4812;
  --ion-color-ORYX-lime900-tint: #59a50d;

  --lime800: #457b0f;
  --lime800-rgb: 69, 123, 15;
  --ion-color-ORYX-lime800: #457b0f;
  --ion-color-ORYX-lime800-rgb: 69, 123, 15;
  --ion-color-ORYX-lime800-contrast: #ffffff;
  --ion-color-ORYX-lime800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-lime800-shade: #335214;
  --ion-color-ORYX-lime800-tint: #70cb15;

  --lime700: #59a50d;
  --lime700-rgb: 89, 165, 13;
  --ion-color-ORYX-lime700: #59a50d;
  --ion-color-ORYX-lime700-rgb: 89, 165, 13;
  --ion-color-ORYX-lime700-contrast: #ffffff;
  --ion-color-ORYX-lime700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-lime700-shade: #3b6312;
  --ion-color-ORYX-lime700-tint: #8fdd40;

  --lime600: #70cb15;
  --lime600-rgb: 112, 203, 21;
  --ion-color-ORYX-lime600: #70cb15;
  --ion-color-ORYX-lime600-rgb: 112, 203, 21;
  --ion-color-ORYX-lime600-contrast: #707070;
  --ion-color-ORYX-lime600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime600-shade: #457b0f;
  --ion-color-ORYX-lime600-tint: #abf263;

  --lime500: #8fdd40;
  --lime500-rgb: 143, 221, 64;
  --ion-color-ORYX-lime500: #8fdd40;
  --ion-color-ORYX-lime500-rgb: 143, 221, 64;
  --ion-color-ORYX-lime500-contrast: #707070;
  --ion-color-ORYX-lime500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime500-shade: #59a50d;
  --ion-color-ORYX-lime500-tint: #ccf99f;

  --lime400: #abf263;
  --lime400-rgb: 171, 242, 99;
  --ion-color-ORYX-lime400: #abf263;
  --ion-color-ORYX-lime400-rgb: 171, 242, 99;
  --ion-color-ORYX-lime400-contrast: #707070;
  --ion-color-ORYX-lime400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime400-shade: #70cb15;
  --ion-color-ORYX-lime400-tint: #e3fcca;

  --lime300: #ccf99f;
  --lime300-rgb: 204, 249, 159;
  --ion-color-ORYX-lime300: #ccf99f;
  --ion-color-ORYX-lime300-rgb: 204, 249, 159;
  --ion-color-ORYX-lime300-contrast: #707070;
  --ion-color-ORYX-lime300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime300-shade: #8fdd40;
  --ion-color-ORYX-lime300-tint: #f2fee7;

  --lime200: #e3fcca;
  --lime200-rgb: 227, 252, 202;
  --ion-color-ORYX-lime200: #e3fcca;
  --ion-color-ORYX-lime200-rgb: 227, 252, 202;
  --ion-color-ORYX-lime200-contrast: #707070;
  --ion-color-ORYX-lime200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime200-shade: #abf263;
  --ion-color-ORYX-lime200-tint: #f9fff7;

  --lime100: #f2fee7;
  --lime100-rgb: 242, 254, 231;
  --ion-color-ORYX-lime100: #f2fee7;
  --ion-color-ORYX-lime100-rgb: 242, 254, 231;
  --ion-color-ORYX-lime100-contrast: #707070;
  --ion-color-ORYX-lime100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-lime100-shade: #ccf99f;
  --ion-color-ORYX-lime100-tint: #fcfff9;

  /** Pink **/
  --pink950: #831843;
  --pink950-rgb: 131, 24, 67;
  --ion-color-ORYX-pink950: #831843;
  --ion-color-ORYX-pink950-rgb: 131, 24, 67;
  --ion-color-ORYX-pink950-contrast: #ffffff;
  --ion-color-ORYX-pink950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink950-shade: #5e112c;
  --ion-color-ORYX-pink950-tint: #be185d;

  --pink900: #9d174d;
  --pink900-rgb: 157, 23, 77;
  --ion-color-ORYX-pink900: #9d174d;
  --ion-color-ORYX-pink900-rgb: 157, 23, 77;
  --ion-color-ORYX-pink900-contrast: #ffffff;
  --ion-color-ORYX-pink900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink900-shade: #6f1135;
  --ion-color-ORYX-pink900-tint: #db2777;

  --pink800: #be185d;
  --pink800-rgb: 190, 24, 93;
  --ion-color-ORYX-pink800: #be185d;
  --ion-color-ORYX-pink800-rgb: 190, 24, 93;
  --ion-color-ORYX-pink800-contrast: #ffffff;
  --ion-color-ORYX-pink800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink800-shade: #831843;
  --ion-color-ORYX-pink800-tint: #ec4899;

  --pink700: #db2777;
  --pink700-rgb: 219, 39, 119;
  --ion-color-ORYX-pink700: #db2777;
  --ion-color-ORYX-pink700-rgb: 219, 39, 119;
  --ion-color-ORYX-pink700-contrast: #ffffff;
  --ion-color-ORYX-pink700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink700-shade: #9d174d;
  --ion-color-ORYX-pink700-tint: #ff52ac;

  --pink600: #ec4899;
  --pink600-rgb: 236, 72, 153;
  --ion-color-ORYX-pink600: #ec4899;
  --ion-color-ORYX-pink600-rgb: 236, 72, 153;
  --ion-color-ORYX-pink600-contrast: #ffffff;
  --ion-color-ORYX-pink600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink600-shade: #be185d;
  --ion-color-ORYX-pink600-tint: #f9a8d4;

  --pink500: #ff52ac;
  --pink500-rgb: 255, 82, 172;
  --ion-color-ORYX-pink500: #ff52ac;
  --ion-color-ORYX-pink500-rgb: 255, 82, 172;
  --ion-color-ORYX-pink500-contrast: #ffffff;
  --ion-color-ORYX-pink500-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-pink500-shade: #db2777;
  --ion-color-ORYX-pink500-tint: #fbcfe8;

  --pink400: #f9a8d4;
  --pink400-rgb: 249, 168, 212;
  --ion-color-ORYX-pink400: #f9a8d4;
  --ion-color-ORYX-pink400-rgb: 249, 168, 212;
  --ion-color-ORYX-pink400-contrast: #707070;
  --ion-color-ORYX-pink400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-pink400-shade: #ec4899;
  --ion-color-ORYX-pink400-tint: #fce7f3;

  --pink300: #fbcfe8;
  --pink300-rgb: 251, 207, 232;
  --ion-color-ORYX-pink300: #fbcfe8;
  --ion-color-ORYX-pink300-rgb: 251, 207, 232;
  --ion-color-ORYX-pink300-contrast: #707070;
  --ion-color-ORYX-pink300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-pink300-shade: #ff52ac;
  --ion-color-ORYX-pink300-tint: #fcedf5;

  --pink200: #fce7f3;
  --pink200-rgb: 252, 231, 243;
  --ion-color-ORYX-pink200: #fce7f3;
  --ion-color-ORYX-pink200-rgb: 252, 231, 243;
  --ion-color-ORYX-pink200-contrast: #707070;
  --ion-color-ORYX-pink200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-pink200-shade: #f9a8d4;
  --ion-color-ORYX-pink200-tint: #fef5fb;

  --pink100: #fcedf5;
  --pink100-rgb: 252, 237, 245;
  --ion-color-ORYX-pink100: #fcedf5;
  --ion-color-ORYX-pink100-rgb: 252, 237, 245;
  --ion-color-ORYX-pink100-contrast: #707070;
  --ion-color-ORYX-pink100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-pink100-shade: #fbcfe8;
  --ion-color-ORYX-pink100-tint: #fef5fb;

  /** Fuchsia **/
  --fuchsia950: #701a75;
  --fuchsia950-rgb: 112, 26, 117;
  --ion-color-ORYX-fuchsia950: #701a75;
  --ion-color-ORYX-fuchsia950-rgb: 112, 26, 117;
  --ion-color-ORYX-fuchsia950-contrast: #ffffff;
  --ion-color-ORYX-fuchsia950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia950-shade: #4d144d;
  --ion-color-ORYX-fuchsia950-tint: #a21caf;

  --fuchsia900: #86198f;
  --fuchsia900-rgb: 134, 25, 143;
  --ion-color-ORYX-fuchsia900: #86198f;
  --ion-color-ORYX-fuchsia900-rgb: 134, 25, 143;
  --ion-color-ORYX-fuchsia900-contrast: #ffffff;
  --ion-color-ORYX-fuchsia900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia900-shade: #5e0f5e;
  --ion-color-ORYX-fuchsia900-tint: #c026d3;

  --fuchsia800: #a21caf;
  --fuchsia800-rgb: 162, 28, 175;
  --ion-color-ORYX-fuchsia800: #a21caf;
  --ion-color-ORYX-fuchsia800-rgb: 162, 28, 175;
  --ion-color-ORYX-fuchsia800-contrast: #ffffff;
  --ion-color-ORYX-fuchsia800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia800-shade: #701a75;
  --ion-color-ORYX-fuchsia800-tint: #d946ef;

  --fuchsia700: #c026d3;
  --fuchsia700-rgb: 192, 38, 211;
  --ion-color-ORYX-fuchsia700: #c026d3;
  --ion-color-ORYX-fuchsia700-rgb: 192, 38, 211;
  --ion-color-ORYX-fuchsia700-contrast: #ffffff;
  --ion-color-ORYX-fuchsia700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia700-shade: #86198f;
  --ion-color-ORYX-fuchsia700-tint: #e879f9;

  --fuchsia600: #d946ef;
  --fuchsia600-rgb: 217, 70, 239;
  --ion-color-ORYX-fuchsia600: #d946ef;
  --ion-color-ORYX-fuchsia600-rgb: 217, 70, 239;
  --ion-color-ORYX-fuchsia600-contrast: #ffffff;
  --ion-color-ORYX-fuchsia600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia600-shade: #a21caf;
  --ion-color-ORYX-fuchsia600-tint: #f0abfc;

  --fuchsia500: #e879f9;
  --fuchsia500-rgb: 232, 121, 249;
  --ion-color-ORYX-fuchsia500: #e879f9;
  --ion-color-ORYX-fuchsia500-rgb: 232, 121, 249;
  --ion-color-ORYX-fuchsia500-contrast: #ffffff;
  --ion-color-ORYX-fuchsia500-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-fuchsia500-shade: #c026d3;
  --ion-color-ORYX-fuchsia500-tint: #f5d0fe;

  --fuchsia400: #f0abfc;
  --fuchsia400-rgb: 240, 171, 252;
  --ion-color-ORYX-fuchsia400: #f0abfc;
  --ion-color-ORYX-fuchsia400-rgb: 240, 171, 252;
  --ion-color-ORYX-fuchsia400-contrast: #707070;
  --ion-color-ORYX-fuchsia400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-fuchsia400-shade: #d946ef;
  --ion-color-ORYX-fuchsia400-tint: #fae8ff;

  --fuchsia300: #f5d0fe;
  --fuchsia300-rgb: 245, 208, 254;
  --ion-color-ORYX-fuchsia300: #f5d0fe;
  --ion-color-ORYX-fuchsia300-rgb: 245, 208, 254;
  --ion-color-ORYX-fuchsia300-contrast: #707070;
  --ion-color-ORYX-fuchsia300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-fuchsia300-shade: #e879f9;
  --ion-color-ORYX-fuchsia300-tint: #fdf4ff;

  --fuchsia200: #fae8ff;
  --fuchsia200-rgb: 250, 232, 255;
  --ion-color-ORYX-fuchsia200: #fae8ff;
  --ion-color-ORYX-fuchsia200-rgb: 250, 232, 255;
  --ion-color-ORYX-fuchsia200-contrast: #707070;
  --ion-color-ORYX-fuchsia200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-fuchsia200-shade: #f0abfc;
  --ion-color-ORYX-fuchsia200-tint: #fef9ff;

  --fuchsia100: #fdf4ff;
  --fuchsia100-rgb: 253, 244, 255;
  --ion-color-ORYX-fuchsia100: #fdf4ff;
  --ion-color-ORYX-fuchsia100-rgb: 253, 244, 255;
  --ion-color-ORYX-fuchsia100-contrast: #707070;
  --ion-color-ORYX-fuchsia100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-fuchsia100-shade: #f5d0fe;
  --ion-color-ORYX-fuchsia100-tint: #ffffff;

  /** Purple **/
  --purple950: #581c87;
  --purple950-rgb: 88, 28, 135;
  --ion-color-ORYX-purple950: #581c87;
  --ion-color-ORYX-purple950-rgb: 88, 28, 135;
  --ion-color-ORYX-purple950-contrast: #ffffff;
  --ion-color-ORYX-purple950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple950-shade: #3d145a;
  --ion-color-ORYX-purple950-tint: #7e22ce;

  --purple900: #6b21a8;
  --purple900-rgb: 107, 33, 168;
  --ion-color-ORYX-purple900: #6b21a8;
  --ion-color-ORYX-purple900-rgb: 107, 33, 168;
  --ion-color-ORYX-purple900-contrast: #ffffff;
  --ion-color-ORYX-purple900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple900-shade: #4c1d95;
  --ion-color-ORYX-purple900-tint: #9333ea;

  --purple800: #7e22ce;
  --purple800-rgb: 126, 34, 206;
  --ion-color-ORYX-purple800: #7e22ce;
  --ion-color-ORYX-purple800-rgb: 126, 34, 206;
  --ion-color-ORYX-purple800-contrast: #ffffff;
  --ion-color-ORYX-purple800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple800-shade: #581c87;
  --ion-color-ORYX-purple800-tint: #a855f7;

  --purple700: #9333ea;
  --purple700-rgb: 147, 51, 234;
  --ion-color-ORYX-purple700: #9333ea;
  --ion-color-ORYX-purple700-rgb: 147, 51, 234;
  --ion-color-ORYX-purple700-contrast: #ffffff;
  --ion-color-ORYX-purple700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple700-shade: #6b21a8;
  --ion-color-ORYX-purple700-tint: #c084fc;

  --purple600: #a855f7;
  --purple600-rgb: 168, 85, 247;
  --ion-color-ORYX-purple600: #a855f7;
  --ion-color-ORYX-purple600-rgb: 168, 85, 247;
  --ion-color-ORYX-purple600-contrast: #ffffff;
  --ion-color-ORYX-purple600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple600-shade: #7e22ce;
  --ion-color-ORYX-purple600-tint: #d8b4fe;

  --purple500: #c084fc;
  --purple500-rgb: 192, 132, 252;
  --ion-color-ORYX-purple500: #c084fc;
  --ion-color-ORYX-purple500-rgb: 192, 132, 252;
  --ion-color-ORYX-purple500-contrast: #ffffff;
  --ion-color-ORYX-purple500-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-purple500-shade: #9333ea;
  --ion-color-ORYX-purple500-tint: #e9d5ff;

  --purple400: #d8b4fe;
  --purple400-rgb: 216, 180, 254;
  --ion-color-ORYX-purple400: #d8b4fe;
  --ion-color-ORYX-purple400-rgb: 216, 180, 254;
  --ion-color-ORYX-purple400-contrast: #707070;
  --ion-color-ORYX-purple400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-purple400-shade: #a855f7;
  --ion-color-ORYX-purple400-tint: #f3e8ff;

  --purple300: #e9d5ff;
  --purple300-rgb: 233, 213, 255;
  --ion-color-ORYX-purple300: #e9d5ff;
  --ion-color-ORYX-purple300-rgb: 233, 213, 255;
  --ion-color-ORYX-purple300-contrast: #707070;
  --ion-color-ORYX-purple300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-purple300-shade: #c084fc;
  --ion-color-ORYX-purple300-tint: #f7f0ff;

  --purple200: #f3e8ff;
  --purple200-rgb: 243, 232, 255;
  --ion-color-ORYX-purple200: #f3e8ff;
  --ion-color-ORYX-purple200-rgb: 243, 232, 255;
  --ion-color-ORYX-purple200-contrast: #707070;
  --ion-color-ORYX-purple200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-purple200-shade: #d8b4fe;
  --ion-color-ORYX-purple200-tint: #ffffff;

  --purple100: #f7f0ff;
  --purple100-rgb: 247, 240, 255;
  --ion-color-ORYX-purple100: #f7f0ff;
  --ion-color-ORYX-purple100-rgb: 247, 240, 255;
  --ion-color-ORYX-purple100-contrast: #707070;
  --ion-color-ORYX-purple100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-purple100-shade: #e9d5ff;
  --ion-color-ORYX-purple100-tint: #ffffff;

  /** Violet **/
  --violet950: #4c1d95;
  --violet950-rgb: 76, 29, 149;
  --ion-color-ORYX-violet950: #4c1d95;
  --ion-color-ORYX-violet950-rgb: 76, 29, 149;
  --ion-color-ORYX-violet950-contrast: #ffffff;
  --ion-color-ORYX-violet950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet950-shade: #3a176c;
  --ion-color-ORYX-violet950-tint: #6d28d9;

  --violet900: #6000b3;
  --violet900-rgb: 96, 0, 179;
  --ion-color-ORYX-violet900: #6000b3;
  --ion-color-ORYX-violet900-rgb: 96, 0, 179;
  --ion-color-ORYX-violet900-contrast: #ffffff;
  --ion-color-ORYX-violet900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet900-shade: #4c1d95;
  --ion-color-ORYX-violet900-tint: #7c3aed;

  --violet800: #6d28d9;
  --violet800-rgb: 109, 40, 217;
  --ion-color-ORYX-violet800: #6d28d9;
  --ion-color-ORYX-violet800-rgb: 109, 40, 217;
  --ion-color-ORYX-violet800-contrast: #ffffff;
  --ion-color-ORYX-violet800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet800-shade: #4c1d95;
  --ion-color-ORYX-violet800-tint: #8b5cf6;

  --violet700: #7c3aed;
  --violet700-rgb: 124, 58, 237;
  --ion-color-ORYX-violet700: #7c3aed;
  --ion-color-ORYX-violet700-rgb: 124, 58, 237;
  --ion-color-ORYX-violet700-contrast: #ffffff;
  --ion-color-ORYX-violet700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet700-shade: #6000b3;
  --ion-color-ORYX-violet700-tint: #a78bfa;

  --violet600: #8b5cf6;
  --violet600-rgb: 139, 92, 246;
  --ion-color-ORYX-violet600: #8b5cf6;
  --ion-color-ORYX-violet600-rgb: 139, 92, 246;
  --ion-color-ORYX-violet600-contrast: #ffffff;
  --ion-color-ORYX-violet600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet600-shade: #6d28d9;
  --ion-color-ORYX-violet600-tint: #c4b5fd;

  --violet500: #a78bfa;
  --violet500-rgb: 167, 139, 250;
  --ion-color-ORYX-violet500: #a78bfa;
  --ion-color-ORYX-violet500-rgb: 167, 139, 250;
  --ion-color-ORYX-violet500-contrast: #ffffff;
  --ion-color-ORYX-violet500-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-violet500-shade: #7c3aed;
  --ion-color-ORYX-violet500-tint: #ddd6fe;

  --violet400: #c4b5fd;
  --violet400-rgb: 196, 181, 253;
  --ion-color-ORYX-violet400: #c4b5fd;
  --ion-color-ORYX-violet400-rgb: 196, 181, 253;
  --ion-color-ORYX-violet400-contrast: #707070;
  --ion-color-ORYX-violet400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-violet400-shade: #8b5cf6;
  --ion-color-ORYX-violet400-tint: #ede9fe;

  --violet300: #ddd6fe;
  --violet300-rgb: 221, 214, 254;
  --ion-color-ORYX-violet300: #ddd6fe;
  --ion-color-ORYX-violet300-rgb: 221, 214, 254;
  --ion-color-ORYX-violet300-contrast: #707070;
  --ion-color-ORYX-violet300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-violet300-shade: #a78bfa;
  --ion-color-ORYX-violet300-tint: #f5f3ff;

  --violet200: #ede9fe;
  --violet200-rgb: 237, 233, 254;
  --ion-color-ORYX-violet200: #ede9fe;
  --ion-color-ORYX-violet200-rgb: 237, 233, 254;
  --ion-color-ORYX-violet200-contrast: #707070;
  --ion-color-ORYX-violet200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-violet200-shade: #c4b5fd;
  --ion-color-ORYX-violet200-tint: #f9f9ff;

  --violet100: #f5f3ff;
  --violet100-rgb: 245, 243, 255;
  --ion-color-ORYX-violet100: #f5f3ff;
  --ion-color-ORYX-violet100-rgb: 245, 243, 255;
  --ion-color-ORYX-violet100-contrast: #707070;
  --ion-color-ORYX-violet100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-violet100-shade: #ddd6fe;
  --ion-color-ORYX-violet100-tint: #ffffff;

  /** Light blue **/
  --light-blue950: #0c4a6e;
  --light-blue950-rgb: 12, 74, 110;
  --ion-color-ORYX-light-blue950: #0c4a6e;
  --ion-color-ORYX-light-blue950-rgb: 12, 74, 110;
  --ion-color-ORYX-light-blue950-contrast: #ffffff;
  --ion-color-ORYX-light-blue950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-light-blue950-shade: #083b56;
  --ion-color-ORYX-light-blue950-tint: #0369a1;

  --light-blue900: #075985;
  --light-blue900-rgb: 7, 89, 133;
  --ion-color-ORYX-light-blue900: #075985;
  --ion-color-ORYX-light-blue900-rgb: 7, 89, 133;
  --ion-color-ORYX-light-blue900-contrast: #ffffff;
  --ion-color-ORYX-light-blue900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-light-blue900-shade: #064e3b;
  --ion-color-ORYX-light-blue900-tint: #0284c7;

  --light-blue800: #0369a1;
  --light-blue800-rgb: 3, 105, 161;
  --ion-color-ORYX-light-blue800: #0369a1;
  --ion-color-ORYX-light-blue800-rgb: 3, 105, 161;
  --ion-color-ORYX-light-blue800-contrast: #ffffff;
  --ion-color-ORYX-light-blue800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-light-blue800-shade: #0c4a6e;
  --ion-color-ORYX-light-blue800-tint: #0ea5e9;

  --light-blue700: #0284c7;
  --light-blue700-rgb: 2, 132, 199;
  --ion-color-ORYX-light-blue700: #0284c7;
  --ion-color-ORYX-light-blue700-rgb: 2, 132, 199;
  --ion-color-ORYX-light-blue700-contrast: #ffffff;
  --ion-color-ORYX-light-blue700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-light-blue700-shade: #075985;
  --ion-color-ORYX-light-blue700-tint: #38bdf8;

  --light-blue600: #0ea5e9;
  --light-blue600-rgb: 14, 165, 233;
  --ion-color-ORYX-light-blue600: #0ea5e9;
  --ion-color-ORYX-light-blue600-rgb: 14, 165, 233;
  --ion-color-ORYX-light-blue600-contrast: #ffffff;
  --ion-color-ORYX-light-blue600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-light-blue600-shade: #0369a1;
  --ion-color-ORYX-light-blue600-tint: #7dd3fc;

  --light-blue500: #38bdf8;
  --light-blue500-rgb: 56, 189, 248;
  --ion-color-ORYX-light-blue500: #38bdf8;
  --ion-color-ORYX-light-blue500-rgb: 56, 189, 248;
  --ion-color-ORYX-light-blue500-contrast: #707070;
  --ion-color-ORYX-light-blue500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-light-blue500-shade: #0284c7;
  --ion-color-ORYX-light-blue500-tint: #bae6fd;

  --light-blue400: #7dd3fc;
  --light-blue400-rgb: 125, 211, 252;
  --ion-color-ORYX-light-blue400: #7dd3fc;
  --ion-color-ORYX-light-blue400-rgb: 125, 211, 252;
  --ion-color-ORYX-light-blue400-contrast: #707070;
  --ion-color-ORYX-light-blue400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-light-blue400-shade: #0ea5e9;
  --ion-color-ORYX-light-blue400-tint: #e0f2fe;

  --light-blue300: #bae6fd;
  --light-blue300-rgb: 186, 230, 253;
  --ion-color-ORYX-light-blue300: #bae6fd;
  --ion-color-ORYX-light-blue300-rgb: 186, 230, 253;
  --ion-color-ORYX-light-blue300-contrast: #707070;
  --ion-color-ORYX-light-blue300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-light-blue300-shade: #38bdf8;
  --ion-color-ORYX-light-blue300-tint: #f0f9ff;

  --light-blue200: #e0f2fe;
  --light-blue200-rgb: 224, 242, 254;
  --ion-color-ORYX-light-blue200: #e0f2fe;
  --ion-color-ORYX-light-blue200-rgb: 224, 242, 254;
  --ion-color-ORYX-light-blue200-contrast: #707070;
  --ion-color-ORYX-light-blue200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-light-blue200-shade: #7dd3fc;
  --ion-color-ORYX-light-blue200-tint: #f5faff;

  --light-blue100: #f0f9ff;
  --light-blue100-rgb: 240, 249, 255;
  --ion-color-ORYX-light-blue100: #f0f9ff;
  --ion-color-ORYX-light-blue100-rgb: 240, 249, 255;
  --ion-color-ORYX-light-blue100-contrast: #707070;
  --ion-color-ORYX-light-blue100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-light-blue100-shade: #bae6fd;
  --ion-color-ORYX-light-blue100-tint: #f9faff;

  /** Emerald **/
  --emerald950: #064e3b;
  --emerald950-rgb: 6, 78, 59;
  --ion-color-ORYX-emerald950: #064e3b;
  --ion-color-ORYX-emerald950-rgb: 6, 78, 59;
  --ion-color-ORYX-emerald950-contrast: #ffffff;
  --ion-color-ORYX-emerald950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-emerald950-shade: #052c25;
  --ion-color-ORYX-emerald950-tint: #047857;

  --emerald900: #065f46;
  --emerald900-rgb: 6, 95, 70;
  --ion-color-ORYX-emerald900: #065f46;
  --ion-color-ORYX-emerald900-rgb: 6, 95, 70;
  --ion-color-ORYX-emerald900-contrast: #ffffff;
  --ion-color-ORYX-emerald900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-emerald900-shade: #053a31;
  --ion-color-ORYX-emerald900-tint: #059669;

  --emerald800: #047857;
  --emerald800-rgb: 4, 120, 87;
  --ion-color-ORYX-emerald800: #047857;
  --ion-color-ORYX-emerald800-rgb: 4, 120, 87;
  --ion-color-ORYX-emerald800-contrast: #ffffff;
  --ion-color-ORYX-emerald800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-emerald800-shade: #064e3b;
  --ion-color-ORYX-emerald800-tint: #10b981;

  --emerald700: #059669;
  --emerald700-rgb: 5, 150, 105;
  --ion-color-ORYX-emerald700: #059669;
  --ion-color-ORYX-emerald700-rgb: 5, 150, 105;
  --ion-color-ORYX-emerald700-contrast: #ffffff;
  --ion-color-ORYX-emerald700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-emerald700-shade: #065f46;
  --ion-color-ORYX-emerald700-tint: #34d399;

  --emerald600: #10b981;
  --emerald600-rgb: 16, 185, 129;
  --ion-color-ORYX-emerald600: #10b981;
  --ion-color-ORYX-emerald600-rgb: 16, 185, 129;
  --ion-color-ORYX-emerald600-contrast: #ffffff;
  --ion-color-ORYX-emerald600-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-emerald600-shade: #047857;
  --ion-color-ORYX-emerald600-tint: #6ee7b7;

  --emerald500: #34d399;
  --emerald500-rgb: 52, 211, 153;
  --ion-color-ORYX-emerald500: #34d399;
  --ion-color-ORYX-emerald500-rgb: 52, 211, 153;
  --ion-color-ORYX-emerald500-contrast: #707070;
  --ion-color-ORYX-emerald500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-emerald500-shade: #059669;
  --ion-color-ORYX-emerald500-tint: #84fab0;

  --emerald400: #6ee7b7;
  --emerald400-rgb: 110, 231, 183;
  --ion-color-ORYX-emerald400: #6ee7b7;
  --ion-color-ORYX-emerald400-rgb: 110, 231, 183;
  --ion-color-ORYX-emerald400-contrast: #707070;
  --ion-color-ORYX-emerald400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-emerald400-shade: #10b981;
  --ion-color-ORYX-emerald400-tint: #d1fae5;

  --emerald300: #a7f3d0;
  --emerald300-rgb: 167, 243, 208;
  --ion-color-ORYX-emerald300: #a7f3d0;
  --ion-color-ORYX-emerald300-rgb: 167, 243, 208;
  --ion-color-ORYX-emerald300-contrast: #707070;
  --ion-color-ORYX-emerald300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-emerald300-shade: #34d399;
  --ion-color-ORYX-emerald300-tint: #dffcee;

  --emerald200: #d1fae5;
  --emerald200-rgb: 209, 250, 229;
  --ion-color-ORYX-emerald200: #d1fae5;
  --ion-color-ORYX-emerald200-rgb: 209, 250, 229;
  --ion-color-ORYX-emerald200-contrast: #707070;
  --ion-color-ORYX-emerald200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-emerald200-shade: #6ee7b7;
  --ion-color-ORYX-emerald200-tint: #f0fdfa;

  --emerald100: #dffcee;
  --emerald100-rgb: 223, 252, 238;
  --ion-color-ORYX-emerald100: #dffcee;
  --ion-color-ORYX-emerald100-rgb: 223, 252, 238;
  --ion-color-ORYX-emerald100-contrast: #707070;
  --ion-color-ORYX-emerald100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-emerald100-shade: #a7f3d0;
  --ion-color-ORYX-emerald100-tint: #f9fef7;

  /** Yellow **/
  --yellow950: #713f12;
  --yellow950-rgb: 113, 63, 18;
  --ion-color-ORYX-yellow950: #713f12;
  --ion-color-ORYX-yellow950-rgb: 113, 63, 18;
  --ion-color-ORYX-yellow950-contrast: #ffffff;
  --ion-color-ORYX-yellow950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-yellow950-shade: #5b2e0d;
  --ion-color-ORYX-yellow950-tint: #a16207;

  --yellow900: #854d0e;
  --yellow900-rgb: 133, 77, 14;
  --ion-color-ORYX-yellow900: #854d0e;
  --ion-color-ORYX-yellow900-rgb: 133, 77, 14;
  --ion-color-ORYX-yellow900-contrast: #ffffff;
  --ion-color-ORYX-yellow900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-yellow900-shade: #633112;
  --ion-color-ORYX-yellow900-tint: #ca8a04;

  --yellow800: #a16207;
  --yellow800-rgb: 161, 98, 7;
  --ion-color-ORYX-yellow800: #a16207;
  --ion-color-ORYX-yellow800-rgb: 161, 98, 7;
  --ion-color-ORYX-yellow800-contrast: #ffffff;
  --ion-color-ORYX-yellow800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-yellow800-shade: #713f12;
  --ion-color-ORYX-yellow800-tint: #eab308;

  --yellow700: #ca8a04;
  --yellow700-rgb: 202, 138, 4;
  --ion-color-ORYX-yellow700: #ca8a04;
  --ion-color-ORYX-yellow700-rgb: 202, 138, 4;
  --ion-color-ORYX-yellow700-contrast: #ffffff;
  --ion-color-ORYX-yellow700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-yellow700-shade: #854d0e;
  --ion-color-ORYX-yellow700-tint: #facc15;

  --yellow600: #eab308;
  --yellow600-rgb: 234, 179, 8;
  --ion-color-ORYX-yellow600: #eab308;
  --ion-color-ORYX-yellow600-rgb: 234, 179, 8;
  --ion-color-ORYX-yellow600-contrast: #707070;
  --ion-color-ORYX-yellow600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow600-shade: #a16207;
  --ion-color-ORYX-yellow600-tint: #fde047;

  --yellow500: #facc15;
  --yellow500-rgb: 250, 204, 21;
  --ion-color-ORYX-yellow500: #facc15;
  --ion-color-ORYX-yellow500-rgb: 250, 204, 21;
  --ion-color-ORYX-yellow500-contrast: #707070;
  --ion-color-ORYX-yellow500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow500-shade: #ca8a04;
  --ion-color-ORYX-yellow500-tint: #fef08a;

  --yellow400: #fde047;
  --yellow400-rgb: 253, 224, 71;
  --ion-color-ORYX-yellow400: #fde047;
  --ion-color-ORYX-yellow400-rgb: 253, 224, 71;
  --ion-color-ORYX-yellow400-contrast: #707070;
  --ion-color-ORYX-yellow400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow400-shade: #eab308;
  --ion-color-ORYX-yellow400-tint: #fef9c3;

  --yellow300: #fef08a;
  --yellow300-rgb: 254, 240, 138;
  --ion-color-ORYX-yellow300: #fef08a;
  --ion-color-ORYX-yellow300-rgb: 254, 240, 138;
  --ion-color-ORYX-yellow300-contrast: #707070;
  --ion-color-ORYX-yellow300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow300-shade: #facc15;
  --ion-color-ORYX-yellow300-tint: #fefce8;

  --yellow200: #fef9c3;
  --yellow200-rgb: 254, 249, 195;
  --ion-color-ORYX-yellow200: #fef9c3;
  --ion-color-ORYX-yellow200-rgb: 254, 249, 195;
  --ion-color-ORYX-yellow200-contrast: #707070;
  --ion-color-ORYX-yellow200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow200-shade: #fde047;
  --ion-color-ORYX-yellow200-tint: #fffbeb;

  --yellow100: #fefce8;
  --yellow100-rgb: 254, 252, 232;
  --ion-color-ORYX-yellow100: #fefce8;
  --ion-color-ORYX-yellow100-rgb: 254, 252, 232;
  --ion-color-ORYX-yellow100-contrast: #707070;
  --ion-color-ORYX-yellow100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-yellow100-shade: #fef08a;
  --ion-color-ORYX-yellow100-tint: #ffffff;

  /** Amber **/
  --amber950: #78350f;
  --amber950-rgb: 120, 53, 15;
  --ion-color-ORYX-amber950: #78350f;
  --ion-color-ORYX-amber950-rgb: 120, 53, 15;
  --ion-color-ORYX-amber950-contrast: #ffffff;
  --ion-color-ORYX-amber950-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-amber950-shade: #5f2f10;
  --ion-color-ORYX-amber950-tint: #b45309;

  --amber900: #92400e;
  --amber900-rgb: 146, 64, 14;
  --ion-color-ORYX-amber900: #92400e;
  --ion-color-ORYX-amber900-rgb: 146, 64, 14;
  --ion-color-ORYX-amber900-contrast: #ffffff;
  --ion-color-ORYX-amber900-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-amber900-shade: #78350f;
  --ion-color-ORYX-amber900-tint: #d97706;

  --amber800: #b45309;
  --amber800-rgb: 180, 83, 9;
  --ion-color-ORYX-amber800: #b45309;
  --ion-color-ORYX-amber800-rgb: 180, 83, 9;
  --ion-color-ORYX-amber800-contrast: #ffffff;
  --ion-color-ORYX-amber800-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-amber800-shade: #78350f;
  --ion-color-ORYX-amber800-tint: #f59e0b;

  --amber700: #d97706;
  --amber700-rgb: 217, 119, 6;
  --ion-color-ORYX-amber700: #d97706;
  --ion-color-ORYX-amber700-rgb: 217, 119, 6;
  --ion-color-ORYX-amber700-contrast: #ffffff;
  --ion-color-ORYX-amber700-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-amber700-shade: #92400e;
  --ion-color-ORYX-amber700-tint: #fbbf24;

  --amber600: #f59e0b;
  --amber600-rgb: 245, 158, 11;
  --ion-color-ORYX-amber600: #f59e0b;
  --ion-color-ORYX-amber600-rgb: 245, 158, 11;
  --ion-color-ORYX-amber600-contrast: #707070;
  --ion-color-ORYX-amber600-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber600-shade: #b45309;
  --ion-color-ORYX-amber600-tint: #fcd34d;

  --amber500: #fbbf24;
  --amber500-rgb: 251, 191, 36;
  --ion-color-ORYX-amber500: #fbbf24;
  --ion-color-ORYX-amber500-rgb: 251, 191, 36;
  --ion-color-ORYX-amber500-contrast: #707070;
  --ion-color-ORYX-amber500-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber500-shade: #d97706;
  --ion-color-ORYX-amber500-tint: #fde68a;

  --amber400: #fcd34d;
  --amber400-rgb: 252, 211, 77;
  --ion-color-ORYX-amber400: #fcd34d;
  --ion-color-ORYX-amber400-rgb: 252, 211, 77;
  --ion-color-ORYX-amber400-contrast: #707070;
  --ion-color-ORYX-amber400-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber400-shade: #f59e0b;
  --ion-color-ORYX-amber400-tint: #fef3c7;

  --amber300: #fde68a;
  --amber300-rgb: 253, 230, 138;
  --ion-color-ORYX-amber300: #fde68a;
  --ion-color-ORYX-amber300-rgb: 253, 230, 138;
  --ion-color-ORYX-amber300-contrast: #707070;
  --ion-color-ORYX-amber300-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber300-shade: #fbbf24;
  --ion-color-ORYX-amber300-tint: #fffbeb;

  --amber200: #fef3c7;
  --amber200-rgb: 254, 243, 199;
  --ion-color-ORYX-amber200: #fef3c7;
  --ion-color-ORYX-amber200-rgb: 254, 243, 199;
  --ion-color-ORYX-amber200-contrast: #707070;
  --ion-color-ORYX-amber200-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber200-shade: #fcd34d;
  --ion-color-ORYX-amber200-tint: #ffffff;

  --amber100: #fffbeb;
  --amber100-rgb: 255, 251, 235;
  --ion-color-ORYX-amber100: #fffbeb;
  --ion-color-ORYX-amber100-rgb: 255, 251, 235;
  --ion-color-ORYX-amber100-contrast: #707070;
  --ion-color-ORYX-amber100-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-amber100-shade: #fde68a;
  --ion-color-ORYX-amber100-tint: #ffffff;
}

/* New Colors */
.ion-color-attractorteal {
  --ion-color-base: var(--ion-color-attractorteal);
  --ion-color-base-rgb: var(--ion-color-attractorteal-rgb);
  --ion-color-contrast: var(--ion-color-attractorteal-contrast);
  --ion-color-contrast-rgb: var(--ion-color-attractorteal-contrast-rgb);
  --ion-color-shade: var(--ion-color-attractorteal-shade);
  --ion-color-tint: var(--ion-color-attractorteal-tint);
}

.ion-color-motionmint {
  --ion-color-base: var(--ion-color-motionmint);
  --ion-color-base-rgb: var(--ion-color-motionmint-rgb);
  --ion-color-contrast: var(--ion-color-motionmint-contrast);
  --ion-color-contrast-rgb: var(--ion-color-motionmint-contrast-rgb);
  --ion-color-shade: var(--ion-color-motionmint-shade);
  --ion-color-tint: var(--ion-color-motionmint-tint);
}

.ion-color-reliableraven {
  --ion-color-base: var(--ion-color-reliableraven);
  --ion-color-base-rgb: var(--ion-color-reliableraven-rgb);
  --ion-color-contrast: var(--ion-color-reliableraven-contrast);
  --ion-color-contrast-rgb: var(--ion-color-reliableraven-contrast-rgb);
  --ion-color-shade: var(--ion-color-reliableraven-shade);
  --ion-color-tint: var(--ion-color-reliableraven-tint);
}

.ion-color-forwardflax {
  --ion-color-base: var(--ion-color-forwardflax);
  --ion-color-base-rgb: var(--ion-color-forwardflax-rgb);
  --ion-color-contrast: var(--ion-color-forwardflax-contrast);
  --ion-color-contrast-rgb: var(--ion-color-forwardflax-contrast-rgb);
  --ion-color-shade: var(--ion-color-forwardflax-shade);
  --ion-color-tint: var(--ion-color-forwardflax-tint);
}

.ion-color-sensingsage {
  --ion-color-base: var(--ion-color-sensingsage);
  --ion-color-base-rgb: var(--ion-color-sensingsage-rgb);
  --ion-color-contrast: var(--ion-color-sensingsage-contrast);
  --ion-color-contrast-rgb: var(--ion-color-sensingsage-contrast-rgb);
  --ion-color-shade: var(--ion-color-sensingsage-shade);
  --ion-color-tint: var(--ion-color-sensingsage-tint);
}

.ion-color-expertecru {
  --ion-color-base: var(--ion-color-expertecru);
  --ion-color-base-rgb: var(--ion-color-expertecru-rgb);
  --ion-color-contrast: var(--ion-color-expertecru-contrast);
  --ion-color-contrast-rgb: var(--ion-color-expertecru-contrast-rgb);
  --ion-color-shade: var(--ion-color-expertecru-shade);
  --ion-color-tint: var(--ion-color-expertecru-tint);
}

.ion-color-teal50 {
  --ion-color-base: var(--ion-color-teal50);
  --ion-color-base-rgb: var(--ion-color-teal50-rgb);
  --ion-color-contrast: var(--ion-color-teal50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal50-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal50-shade);
  --ion-color-tint: var(--ion-color-teal50-tint);
}

.ion-color-teal100 {
  --ion-color-base: var(--ion-color-teal100);
  --ion-color-base-rgb: var(--ion-color-teal100-rgb);
  --ion-color-contrast: var(--ion-color-teal100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal100-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal100-shade);
  --ion-color-tint: var(--ion-color-teal100-tint);
}

.ion-color-teal200 {
  --ion-color-base: var(--ion-color-teal200);
  --ion-color-base-rgb: var(--ion-color-teal200-rgb);
  --ion-color-contrast: var(--ion-color-teal200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal200-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal200-shade);
  --ion-color-tint: var(--ion-color-teal200-tint);
}

.ion-color-teal300 {
  --ion-color-base: var(--ion-color-teal300);
  --ion-color-base-rgb: var(--ion-color-teal300-rgb);
  --ion-color-contrast: var(--ion-color-teal300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal300-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal300-shade);
  --ion-color-tint: var(--ion-color-teal300-tint);
}

.ion-color-teal500 {
  --ion-color-base: var(--ion-color-teal500);
  --ion-color-base-rgb: var(--ion-color-teal500-rgb);
  --ion-color-contrast: var(--ion-color-teal500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal500-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal500-shade);
  --ion-color-tint: var(--ion-color-teal500-tint);
}

.ion-color-teal550 {
  --ion-color-base: var(--ion-color-teal550);
  --ion-color-base-rgb: var(--ion-color-teal550-rgb);
  --ion-color-contrast: var(--ion-color-teal550-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal550-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal550-shade);
  --ion-color-tint: var(--ion-color-teal550-tint);
}

.ion-color-teal600 {
  --ion-color-base: var(--ion-color-teal600);
  --ion-color-base-rgb: var(--ion-color-teal600-rgb);
  --ion-color-contrast: var(--ion-color-teal600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal600-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal600-shade);
  --ion-color-tint: var(--ion-color-teal600-tint);
}

.ion-color-teal650 {
  --ion-color-base: var(--ion-color-teal650);
  --ion-color-base-rgb: var(--ion-color-teal650-rgb);
  --ion-color-contrast: var(--ion-color-teal650-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal650-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal650-shade);
  --ion-color-tint: var(--ion-color-teal650-tint);
}

.ion-color-teal700 {
  --ion-color-base: var(--ion-color-teal700);
  --ion-color-base-rgb: var(--ion-color-teal700-rgb);
  --ion-color-contrast: var(--ion-color-teal700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal700-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal700-shade);
  --ion-color-tint: var(--ion-color-teal700-tint);
}

.ion-color-teal750 {
  --ion-color-base: var(--ion-color-teal750);
  --ion-color-base-rgb: var(--ion-color-teal750-rgb);
  --ion-color-contrast: var(--ion-color-teal750-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal750-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal750-shade);
  --ion-color-tint: var(--ion-color-teal750-tint);
}

.ion-color-teal800 {
  --ion-color-base: var(--ion-color-teal800);
  --ion-color-base-rgb: var(--ion-color-teal800-rgb);
  --ion-color-contrast: var(--ion-color-teal800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal800-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal800-shade);
  --ion-color-tint: var(--ion-color-teal800-tint);
}

.ion-color-teal900 {
  --ion-color-base: var(--ion-color-teal900);
  --ion-color-base-rgb: var(--ion-color-teal900-rgb);
  --ion-color-contrast: var(--ion-color-teal900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-teal900-contrast-rgb);
  --ion-color-shade: var(--ion-color-teal900-shade);
  --ion-color-tint: var(--ion-color-teal900-tint);
}

.ion-color-grey50 {
  --ion-color-base: var(--ion-color-grey50);
  --ion-color-base-rgb: var(--ion-color-grey50-rgb);
  --ion-color-contrast: var(--ion-color-grey50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey50-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey50-shade);
  --ion-color-tint: var(--ion-color-grey50-tint);
}

.ion-color-grey100 {
  --ion-color-base: var(--ion-color-grey100);
  --ion-color-base-rgb: var(--ion-color-grey100-rgb);
  --ion-color-contrast: var(--ion-color-grey100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey100-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey100-shade);
  --ion-color-tint: var(--ion-color-grey100-tint);
}

.ion-color-grey200 {
  --ion-color-base: var(--ion-color-grey200);
  --ion-color-base-rgb: var(--ion-color-grey200-rgb);
  --ion-color-contrast: var(--ion-color-grey200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey200-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey200-shade);
  --ion-color-tint: var(--ion-color-grey200-tint);
}

.ion-color-grey300 {
  --ion-color-base: var(--ion-color-grey300);
  --ion-color-base-rgb: var(--ion-color-grey300-rgb);
  --ion-color-contrast: var(--ion-color-grey300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey300-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey300-shade);
  --ion-color-tint: var(--ion-color-grey300-tint);
}

.ion-color-grey400 {
  --ion-color-base: var(--ion-color-grey400);
  --ion-color-base-rgb: var(--ion-color-grey400-rgb);
  --ion-color-contrast: var(--ion-color-grey400-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey400-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey400-shade);
  --ion-color-tint: var(--ion-color-grey400-tint);
}

.ion-color-grey500 {
  --ion-color-base: var(--ion-color-grey500);
  --ion-color-base-rgb: var(--ion-color-grey500-rgb);
  --ion-color-contrast: var(--ion-color-grey500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey500-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey500-shade);
  --ion-color-tint: var(--ion-color-grey500-tint);
}

.ion-color-grey600 {
  --ion-color-base: var(--ion-color-grey600);
  --ion-color-base-rgb: var(--ion-color-grey600-rgb);
  --ion-color-contrast: var(--ion-color-grey600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey600-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey600-shade);
  --ion-color-tint: var(--ion-color-grey600-tint);
}

.ion-color-grey700 {
  --ion-color-base: var(--ion-color-grey700);
  --ion-color-base-rgb: var(--ion-color-grey700-rgb);
  --ion-color-contrast: var(--ion-color-grey700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey700-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey700-shade);
  --ion-color-tint: var(--ion-color-grey700-tint);
}

.ion-color-grey800 {
  --ion-color-base: var(--ion-color-grey800);
  --ion-color-base-rgb: var(--ion-color-grey800-rgb);
  --ion-color-contrast: var(--ion-color-grey800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey800-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey800-shade);
  --ion-color-tint: var(--ion-color-grey800-tint);
}

.ion-color-grey900 {
  --ion-color-base: var(--ion-color-grey900);
  --ion-color-base-rgb: var(--ion-color-grey900-rgb);
  --ion-color-contrast: var(--ion-color-grey900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-grey900-contrast-rgb);
  --ion-color-shade: var(--ion-color-grey900-shade);
  --ion-color-tint: var(--ion-color-grey900-tint);
}

.ion-color-beige50 {
  --ion-color-base: var(--ion-color-beige50);
  --ion-color-base-rgb: var(--ion-color-beige50-rgb);
  --ion-color-contrast: var(--ion-color-beige50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige50-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige50-shade);
  --ion-color-tint: var(--ion-color-beige50-tint);
}

.ion-color-beige100 {
  --ion-color-base: var(--ion-color-beige100);
  --ion-color-base-rgb: var(--ion-color-beige100-rgb);
  --ion-color-contrast: var(--ion-color-beige100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige100-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige100-shade);
  --ion-color-tint: var(--ion-color-beige100-tint);
}

.ion-color-beige200 {
  --ion-color-base: var(--ion-color-beige200);
  --ion-color-base-rgb: var(--ion-color-beige200-rgb);
  --ion-color-contrast: var(--ion-color-beige200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige200-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige200-shade);
  --ion-color-tint: var(--ion-color-beige200-tint);
}

.ion-color-beige300 {
  --ion-color-base: var(--ion-color-beige300);
  --ion-color-base-rgb: var(--ion-color-beige300-rgb);
  --ion-color-contrast: var(--ion-color-beige300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige300-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige300-shade);
  --ion-color-tint: var(--ion-color-beige300-tint);
}

.ion-color-beige400 {
  --ion-color-base: var(--ion-color-beige400);
  --ion-color-base-rgb: var(--ion-color-beige400-rgb);
  --ion-color-contrast: var(--ion-color-beige400-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige400-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige400-shade);
  --ion-color-tint: var(--ion-color-beige400-tint);
}

.ion-color-beige500 {
  --ion-color-base: var(--ion-color-beige500);
  --ion-color-base-rgb: var(--ion-color-beige500-rgb);
  --ion-color-contrast: var(--ion-color-beige500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige500-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige500-shade);
  --ion-color-tint: var(--ion-color-beige500-tint);
}

.ion-color-beige600 {
  --ion-color-base: var(--ion-color-beige600);
  --ion-color-base-rgb: var(--ion-color-beige600-rgb);
  --ion-color-contrast: var(--ion-color-beige600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige600-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige600-shade);
  --ion-color-tint: var(--ion-color-beige600-tint);
}

.ion-color-beige700 {
  --ion-color-base: var(--ion-color-beige700);
  --ion-color-base-rgb: var(--ion-color-beige700-rgb);
  --ion-color-contrast: var(--ion-color-beige700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige700-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige700-shade);
  --ion-color-tint: var(--ion-color-beige700-tint);
}

.ion-color-beige800 {
  --ion-color-base: var(--ion-color-beige800);
  --ion-color-base-rgb: var(--ion-color-beige800-rgb);
  --ion-color-contrast: var(--ion-color-beige800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige800-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige800-shade);
  --ion-color-tint: var(--ion-color-beige800-tint);
}

.ion-color-beige900 {
  --ion-color-base: var(--ion-color-beige900);
  --ion-color-base-rgb: var(--ion-color-beige900-rgb);
  --ion-color-contrast: var(--ion-color-beige900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-beige900-contrast-rgb);
  --ion-color-shade: var(--ion-color-beige900-shade);
  --ion-color-tint: var(--ion-color-beige900-tint);
}

.ion-color-light-blue50 {
  --ion-color-base: var(--ion-color-light-blue50);
  --ion-color-base-rgb: var(--ion-color-light-blue50-rgb);
  --ion-color-contrast: var(--ion-color-light-blue50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue50-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue50-shade);
  --ion-color-tint: var(--ion-color-light-blue50-tint);
}

.ion-color-light-blue100 {
  --ion-color-base: var(--ion-color-light-blue100);
  --ion-color-base-rgb: var(--ion-color-light-blue100-rgb);
  --ion-color-contrast: var(--ion-color-light-blue100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue100-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue100-shade);
  --ion-color-tint: var(--ion-color-light-blue100-tint);
}

.ion-color-light-blue200 {
  --ion-color-base: var(--ion-color-light-blue200);
  --ion-color-base-rgb: var(--ion-color-light-blue200-rgb);
  --ion-color-contrast: var(--ion-color-light-blue200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue200-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue200-shade);
  --ion-color-tint: var(--ion-color-light-blue200-tint);
}

.ion-color-light-blue300 {
  --ion-color-base: var(--ion-color-light-blue300);
  --ion-color-base-rgb: var(--ion-color-light-blue300-rgb);
  --ion-color-contrast: var(--ion-color-light-blue300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue300-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue300-shade);
  --ion-color-tint: var(--ion-color-light-blue300-tint);
}

.ion-color-light-blue400 {
  --ion-color-base: var(--ion-color-light-blue400);
  --ion-color-base-rgb: var(--ion-color-light-blue400-rgb);
  --ion-color-contrast: var(--ion-color-light-blue400-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue400-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue400-shade);
  --ion-color-tint: var(--ion-color-light-blue400-tint);
}

.ion-color-light-blue500 {
  --ion-color-base: var(--ion-color-light-blue500);
  --ion-color-base-rgb: var(--ion-color-light-blue500-rgb);
  --ion-color-contrast: var(--ion-color-light-blue500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue500-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue500-shade);
  --ion-color-tint: var(--ion-color-light-blue500-tint);
}

.ion-color-light-blue600 {
  --ion-color-base: var(--ion-color-light-blue600);
  --ion-color-base-rgb: var(--ion-color-light-blue600-rgb);
  --ion-color-contrast: var(--ion-color-light-blue600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue600-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue600-shade);
  --ion-color-tint: var(--ion-color-light-blue600-tint);
}

.ion-color-light-blue700 {
  --ion-color-base: var(--ion-color-light-blue700);
  --ion-color-base-rgb: var(--ion-color-light-blue700-rgb);
  --ion-color-contrast: var(--ion-color-light-blue700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue700-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue700-shade);
  --ion-color-tint: var(--ion-color-light-blue700-tint);
}

.ion-color-light-blue800 {
  --ion-color-base: var(--ion-color-light-blue800);
  --ion-color-base-rgb: var(--ion-color-light-blue800-rgb);
  --ion-color-contrast: var(--ion-color-light-blue800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue800-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue800-shade);
  --ion-color-tint: var(--ion-color-light-blue800-tint);
}

.ion-color-light-blue900 {
  --ion-color-base: var(--ion-color-light-blue900);
  --ion-color-base-rgb: var(--ion-color-light-blue900-rgb);
  --ion-color-contrast: var(--ion-color-light-blue900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-blue900-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-blue900-shade);
  --ion-color-tint: var(--ion-color-light-blue900-tint);
}

.ion-color-green50 {
  --ion-color-base: var(--ion-color-green50);
  --ion-color-base-rgb: var(--ion-color-green50-rgb);
  --ion-color-contrast: var(--ion-color-green50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green50-contrast-rgb);
  --ion-color-shade: var(--ion-color-green50-shade);
  --ion-color-tint: var(--ion-color-green50-tint);
}

.ion-color-green100 {
  --ion-color-base: var(--ion-color-green100);
  --ion-color-base-rgb: var(--ion-color-green100-rgb);
  --ion-color-contrast: var(--ion-color-green100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green100-contrast-rgb);
  --ion-color-shade: var(--ion-color-green100-shade);
  --ion-color-tint: var(--ion-color-green100-tint);
}

.ion-color-green200 {
  --ion-color-base: var(--ion-color-green200);
  --ion-color-base-rgb: var(--ion-color-green200-rgb);
  --ion-color-contrast: var(--ion-color-green200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green200-contrast-rgb);
  --ion-color-shade: var(--ion-color-green200-shade);
  --ion-color-tint: var(--ion-color-green200-tint);
}

.ion-color-green300 {
  --ion-color-base: var(--ion-color-green300);
  --ion-color-base-rgb: var(--ion-color-green300-rgb);
  --ion-color-contrast: var(--ion-color-green300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green300-contrast-rgb);
  --ion-color-shade: var(--ion-color-green300-shade);
  --ion-color-tint: var(--ion-color-green300-tint);
}

.ion-color-green400 {
  --ion-color-base: var(--ion-color-green400);
  --ion-color-base-rgb: var(--ion-color-green400-rgb);
  --ion-color-contrast: var(--ion-color-green400-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green400-contrast-rgb);
  --ion-color-shade: var(--ion-color-green400-shade);
  --ion-color-tint: var(--ion-color-green400-tint);
}

.ion-color-green500 {
  --ion-color-base: var(--ion-color-green500);
  --ion-color-base-rgb: var(--ion-color-green500-rgb);
  --ion-color-contrast: var(--ion-color-green500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green500-contrast-rgb);
  --ion-color-shade: var(--ion-color-green500-shade);
  --ion-color-tint: var(--ion-color-green500-tint);
}

.ion-color-green600 {
  --ion-color-base: var(--ion-color-green600);
  --ion-color-base-rgb: var(--ion-color-green600-rgb);
  --ion-color-contrast: var(--ion-color-green600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green600-contrast-rgb);
  --ion-color-shade: var(--ion-color-green600-shade);
  --ion-color-tint: var(--ion-color-green600-tint);
}

.ion-color-green700 {
  --ion-color-base: var(--ion-color-green700);
  --ion-color-base-rgb: var(--ion-color-green700-rgb);
  --ion-color-contrast: var(--ion-color-green700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green700-contrast-rgb);
  --ion-color-shade: var(--ion-color-green700-shade);
  --ion-color-tint: var(--ion-color-green700-tint);
}

.ion-color-green800 {
  --ion-color-base: var(--ion-color-green800);
  --ion-color-base-rgb: var(--ion-color-green800-rgb);
  --ion-color-contrast: var(--ion-color-green800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green800-contrast-rgb);
  --ion-color-shade: var(--ion-color-green800-shade);
  --ion-color-tint: var(--ion-color-green800-tint);
}

.ion-color-green900 {
  --ion-color-base: var(--ion-color-green900);
  --ion-color-base-rgb: var(--ion-color-green900-rgb);
  --ion-color-contrast: var(--ion-color-green900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green900-contrast-rgb);
  --ion-color-shade: var(--ion-color-green900-shade);
  --ion-color-tint: var(--ion-color-green900-tint);
}

.ion-color-yellow50 {
  --ion-color-base: var(--ion-color-yellow50);
  --ion-color-base-rgb: var(--ion-color-yellow50-rgb);
  --ion-color-contrast: var(--ion-color-yellow50-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow50-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow50-shade);
  --ion-color-tint: var(--ion-color-yellow50-tint);
}

.ion-color-yellow100 {
  --ion-color-base: var(--ion-color-yellow100);
  --ion-color-base-rgb: var(--ion-color-yellow100-rgb);
  --ion-color-contrast: var(--ion-color-yellow100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow100-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow100-shade);
  --ion-color-tint: var(--ion-color-yellow100-tint);
}

.ion-color-yellow200 {
  --ion-color-base: var(--ion-color-yellow200);
  --ion-color-base-rgb: var(--ion-color-yellow200-rgb);
  --ion-color-contrast: var(--ion-color-yellow200-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow200-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow200-shade);
  --ion-color-tint: var(--ion-color-yellow200-tint);
}

.ion-color-yellow300 {
  --ion-color-base: var(--ion-color-yellow300);
  --ion-color-base-rgb: var(--ion-color-yellow300-rgb);
  --ion-color-contrast: var(--ion-color-yellow300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow300-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow300-shade);
  --ion-color-tint: var(--ion-color-yellow300-tint);
}

.ion-color-yellow400 {
  --ion-color-base: var(--ion-color-yellow400);
  --ion-color-base-rgb: var(--ion-color-yellow400-rgb);
  --ion-color-contrast: var(--ion-color-yellow400-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow400-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow400-shade);
  --ion-color-tint: var(--ion-color-yellow400-tint);
}

.ion-color-yellow500 {
  --ion-color-base: var(--ion-color-yellow500);
  --ion-color-base-rgb: var(--ion-color-yellow500-rgb);
  --ion-color-contrast: var(--ion-color-yellow500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow500-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow500-shade);
  --ion-color-tint: var(--ion-color-yellow500-tint);
}

.ion-color-yellow600 {
  --ion-color-base: var(--ion-color-yellow600);
  --ion-color-base-rgb: var(--ion-color-yellow600-rgb);
  --ion-color-contrast: var(--ion-color-yellow600-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow600-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow600-shade);
  --ion-color-tint: var(--ion-color-yellow600-tint);
}

.ion-color-yellow700 {
  --ion-color-base: var(--ion-color-yellow700);
  --ion-color-base-rgb: var(--ion-color-yellow700-rgb);
  --ion-color-contrast: var(--ion-color-yellow700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow700-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow700-shade);
  --ion-color-tint: var(--ion-color-yellow700-tint);
}

.ion-color-yellow800 {
  --ion-color-base: var(--ion-color-yellow800);
  --ion-color-base-rgb: var(--ion-color-yellow800-rgb);
  --ion-color-contrast: var(--ion-color-yellow800-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow800-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow800-shade);
  --ion-color-tint: var(--ion-color-yellow800-tint);
}

.ion-color-yellow900 {
  --ion-color-base: var(--ion-color-yellow900);
  --ion-color-base-rgb: var(--ion-color-yellow900-rgb);
  --ion-color-contrast: var(--ion-color-yellow900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow900-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow900-shade);
  --ion-color-tint: var(--ion-color-yellow900-tint);
}

.ion-color-error100 {
  --ion-color-base: var(--ion-color-error100);
  --ion-color-base-rgb: var(--ion-color-error100-rgb);
  --ion-color-contrast: var(--ion-color-error100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-error100-contrast-rgb);
  --ion-color-shade: var(--ion-color-error100-shade);
  --ion-color-tint: var(--ion-color-error100-tint);
}

.ion-color-error300 {
  --ion-color-base: var(--ion-color-error300);
  --ion-color-base-rgb: var(--ion-color-error300-rgb);
  --ion-color-contrast: var(--ion-color-error300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-error300-contrast-rgb);
  --ion-color-shade: var(--ion-color-error300-shade);
  --ion-color-tint: var(--ion-color-error300-tint);
}

.ion-color-error500 {
  --ion-color-base: var(--ion-color-error500);
  --ion-color-base-rgb: var(--ion-color-error500-rgb);
  --ion-color-contrast: var(--ion-color-error500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-error500-contrast-rgb);
  --ion-color-shade: var(--ion-color-error500-shade);
  --ion-color-tint: var(--ion-color-error500-tint);
}

.ion-color-error700 {
  --ion-color-base: var(--ion-color-error700);
  --ion-color-base-rgb: var(--ion-color-error700-rgb);
  --ion-color-contrast: var(--ion-color-error700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-error700-contrast-rgb);
  --ion-color-shade: var(--ion-color-error700-shade);
  --ion-color-tint: var(--ion-color-error700-tint);
}

.ion-color-error900 {
  --ion-color-base: var(--ion-color-error900);
  --ion-color-base-rgb: var(--ion-color-error900-rgb);
  --ion-color-contrast: var(--ion-color-error900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-error900-contrast-rgb);
  --ion-color-shade: var(--ion-color-error900-shade);
  --ion-color-tint: var(--ion-color-error900-tint);
}

.ion-color-warning300 {
  --ion-color-base: var(--ion-color-warning300);
  --ion-color-base-rgb: var(--ion-color-warning300-rgb);
  --ion-color-contrast: var(--ion-color-warning300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning300-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning300-shade);
  --ion-color-tint: var(--ion-color-warning300-tint);
}

.ion-color-warning500 {
  --ion-color-base: var(--ion-color-warning500);
  --ion-color-base-rgb: var(--ion-color-warning500-rgb);
  --ion-color-contrast: var(--ion-color-warning500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning500-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning500-shade);
  --ion-color-tint: var(--ion-color-warning500-tint);
}

.ion-color-warning700 {
  --ion-color-base: var(--ion-color-warning700);
  --ion-color-base-rgb: var(--ion-color-warning700-rgb);
  --ion-color-contrast: var(--ion-color-warning700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning700-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning700-shade);
  --ion-color-tint: var(--ion-color-warning700-tint);
}

.ion-color-warning900 {
  --ion-color-base: var(--ion-color-warning900);
  --ion-color-base-rgb: var(--ion-color-warning900-rgb);
  --ion-color-contrast: var(--ion-color-warning900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning900-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning900-shade);
  --ion-color-tint: var(--ion-color-warning900-tint);
}

.ion-color-success100 {
  --ion-color-base: var(--ion-color-success100);
  --ion-color-base-rgb: var(--ion-color-success100-rgb);
  --ion-color-contrast: var(--ion-color-success100-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success100-contrast-rgb);
  --ion-color-shade: var(--ion-color-success100-shade);
  --ion-color-tint: var(--ion-color-success100-tint);
}

.ion-color-success300 {
  --ion-color-base: var(--ion-color-success300);
  --ion-color-base-rgb: var(--ion-color-success300-rgb);
  --ion-color-contrast: var(--ion-color-success300-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success300-contrast-rgb);
  --ion-color-shade: var(--ion-color-success300-shade);
  --ion-color-tint: var(--ion-color-success300-tint);
}
.ion-color-success500 {
  --ion-color-base: var(--ion-color-success500);
  --ion-color-base-rgb: var(--ion-color-success500-rgb);
  --ion-color-contrast: var(--ion-color-success500-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success500-contrast-rgb);
  --ion-color-shade: var(--ion-color-success500-shade);
  --ion-color-tint: var(--ion-color-success500-tint);
}

.ion-color-success700 {
  --ion-color-base: var(--ion-color-success700);
  --ion-color-base-rgb: var(--ion-color-success700-rgb);
  --ion-color-contrast: var(--ion-color-success700-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success700-contrast-rgb);
  --ion-color-shade: var(--ion-color-success700-shade);
  --ion-color-tint: var(--ion-color-success700-tint);
}

.ion-color-success900 {
  --ion-color-base: var(--ion-color-success900);
  --ion-color-base-rgb: var(--ion-color-success900-rgb);
  --ion-color-contrast: var(--ion-color-success900-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success900-contrast-rgb);
  --ion-color-shade: var(--ion-color-success900-shade);
  --ion-color-tint: var(--ion-color-success900-tint);
}

/** ============================================================================================================================================================================================================================================================================================================================================================================================================================================================================================= */
/* Old Colors */
.ion-color-ORYX-primary900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary900-tint);
}
.ion-color-ORYX-primary800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary800-tint);
}
.ion-color-ORYX-primary700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary700-tint);
}
.ion-color-ORYX-primary600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary600-tint);
}
.ion-color-ORYX-primary400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary400-tint);
}
.ion-color-ORYX-primary300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary300-tint);
}
.ion-color-ORYX-primary200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary200-tint);
}
.ion-color-ORYX-primary100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary100-tint);
}

.ion-color-ORYX-secondary900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary900-tint);
}
.ion-color-ORYX-secondary800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary800-tint);
}
.ion-color-ORYX-secondary700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary700-tint);
}
.ion-color-ORYX-secondary600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary600-tint);
}
.ion-color-ORYX-secondary400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary400-tint);
}
.ion-color-ORYX-secondary300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary300-tint);
}
.ion-color-ORYX-secondary200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary200-tint);
}
.ion-color-ORYX-secondary100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-secondary100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-secondary100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-secondary100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-secondary100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-secondary100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-secondary100-tint);
}

.ion-color-ORYX-tertiary900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary900-tint);
}
.ion-color-ORYX-tertiary800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary800-tint);
}
.ion-color-ORYX-tertiary700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary700-tint);
}
.ion-color-ORYX-tertiary600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary600-tint);
}
.ion-color-ORYX-tertiary400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary400-tint);
}
.ion-color-ORYX-tertiary300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary300-tint);
}
.ion-color-ORYX-tertiary200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary200-tint);
}
.ion-color-ORYX-tertiary100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-tertiary100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-tertiary100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-tertiary100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-tertiary100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-tertiary100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-tertiary100-tint);
}

.ion-color-ORYX-quaternary900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary900-tint);
}
.ion-color-ORYX-quaternary800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary800-tint);
}
.ion-color-ORYX-quaternary700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary700-tint);
}
.ion-color-ORYX-quaternary600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary600-tint);
}
.ion-color-ORYX-quaternary500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary500-tint);
}
.ion-color-ORYX-quaternary400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary400-tint);
}
.ion-color-ORYX-quaternary300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary300-tint);
}
.ion-color-ORYX-quaternary200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary200-tint);
}
.ion-color-ORYX-quaternary100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-quaternary100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-quaternary100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-quaternary100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-quaternary100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-quaternary100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-quaternary100-tint);
}

.ion-color-ORYX-primary-grey900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary-grey900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary-grey900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary-grey900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary-grey900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary-grey900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary-grey900-tint);
}
.ion-color-ORYX-primary-grey800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary-grey800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary-grey800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary-grey800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary-grey800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary-grey800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary-grey800-tint);
}
.ion-color-ORYX-primary-grey700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary-grey700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary-grey700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary-grey700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary-grey700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary-grey700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary-grey700-tint);
}
.ion-color-ORYX-primary-grey600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary-grey600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary-grey600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-primary-grey600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-primary-grey600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-primary-grey600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-primary-grey600-tint);
}
.ion-color-ORYX-primary-grey500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-primary-grey500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-primary-grey500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-rimary-grey500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-rimary-grey500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-rimary-grey500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-rimary-grey500-tint);
}
.ion-color-ORYX-rimary-grey400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-rimary-grey400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-rimary-grey400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-rimary-grey400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-rimary-grey400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-rimary-grey400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-rimary-grey400-tint);
}
.ion-color-ORYX-rimary-grey300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-rimary-grey300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-rimary-grey300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-rimary-grey300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-rimary-grey300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-rimary-grey300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-rimary-grey300-tint);
}
.ion-color-ORYX-rimary-grey200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-rimary-grey200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-rimary-grey200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-rimary-grey200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-rimary-grey200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-rimary-grey200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-rimary-grey200-tint);
}
.ion-color-ORYX-rimary-grey100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-rimary-grey100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-rimary-grey100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-rimary-grey100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-rimary-grey100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-rimary-grey100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-rimary-grey100-tint);
}

.ion-color-ORYX-succes950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes950-tint);
}
.ion-color-ORYX-succes900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes900-tint);
}
.ion-color-ORYX-succes800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes800-tint);
}
.ion-color-ORYX-succes700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes700-tint);
}
.ion-color-ORYX-succes600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes600-tint);
}
.ion-color-ORYX-succes500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes500-tint);
}
.ion-color-ORYX-succes400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes400-tint);
}
.ion-color-ORYX-succes300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes300-tint);
}
.ion-color-ORYX-succes200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes200-tint);
}
.ion-color-ORYX-succes100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-succes100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-succes100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-succes100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-succes100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-succes100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-succes100-tint);
}

.ion-color-ORYX-warning950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning950-tint);
}
.ion-color-ORYX-warning900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning900-tint);
}
.ion-color-ORYX-warning800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning800-tint);
}
.ion-color-ORYX-warning700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning700-tint);
}
.ion-color-ORYX-warning600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning600-tint);
}
.ion-color-ORYX-warning500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning500-tint);
}
.ion-color-ORYX-warning400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning400-tint);
}
.ion-color-ORYX-warning300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning300-tint);
}
.ion-color-ORYX-warning200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning200-tint);
}
.ion-color-ORYX-warning100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-warning100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-warning100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-warning100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-warning100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-warning100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-warning100-tint);
}

.ion-color-ORYX-error950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error950-tint);
}
.ion-color-ORYX-error900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error900-tint);
}
.ion-color-ORYX-error800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error800-tint);
}
.ion-color-ORYX-error700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error700-tint);
}
.ion-color-ORYX-error600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error600-tint);
}
.ion-color-ORYX-error500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error500-tint);
}
.ion-color-ORYX-error400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error400-tint);
}
.ion-color-ORYX-error300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error300-tint);
}
.ion-color-ORYX-error200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error200-tint);
}
.ion-color-ORYX-error100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-error100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-error100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-error100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-error100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-error100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-error100-tint);
}

.ion-color-ORYX-teal950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal950-tint);
}
.ion-color-ORYX-teal900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal900-tint);
}
.ion-color-ORYX-teal800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal800-tint);
}
.ion-color-ORYX-teal700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal700-tint);
}
.ion-color-ORYX-teal600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal600-tint);
}
.ion-color-ORYX-teal500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal500-tint);
}
.ion-color-ORYX-teal400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal400-tint);
}
.ion-color-ORYX-teal300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal300-tint);
}
.ion-color-ORYX-teal200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal200-tint);
}
.ion-color-ORYX-teal100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-teal100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-teal100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-teal100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-teal100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-teal100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-teal100-tint);
}

.ion-color-ORYX-lime950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime950-tint);
}
.ion-color-ORYX-lime900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime900-tint);
}
.ion-color-ORYX-lime800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime800-tint);
}
.ion-color-ORYX-lime700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime700-tint);
}
.ion-color-ORYX-lime600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime600-tint);
}
.ion-color-ORYX-lime500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime500-tint);
}
.ion-color-ORYX-lime400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime400-tint);
}
.ion-color-ORYX-lime300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime300-tint);
}
.ion-color-ORYX-lime200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime200-tint);
}
.ion-color-ORYX-lime100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-lime100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-lime100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-lime100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-lime100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-lime100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-lime100-tint);
}

.ion-color-ORYX-pink950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink950-tint);
}
.ion-color-ORYX-pink900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink900-tint);
}
.ion-color-ORYX-pink800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink800-tint);
}
.ion-color-ORYX-pink700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink700-tint);
}
.ion-color-ORYX-pink600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink600-tint);
}
.ion-color-ORYX-pink500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink500-tint);
}
.ion-color-ORYX-pink400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink400-tint);
}
.ion-color-ORYX-pink300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink300-tint);
}
.ion-color-ORYX-pink200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink200-tint);
}
.ion-color-ORYX-pink100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-pink100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-pink100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-pink100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-pink100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-pink100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-pink100-tint);
}

.ion-color-ORYX-fuchsia950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia950-tint);
}
.ion-color-ORYX-fuchsia900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia900-tint);
}
.ion-color-ORYX-fuchsia800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia800-tint);
}
.ion-color-ORYX-fuchsia700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia700-tint);
}
.ion-color-ORYX-fuchsia600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia600-tint);
}
.ion-color-ORYX-fuchsia500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia500-tint);
}
.ion-color-ORYX-fuchsia400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia400-tint);
}
.ion-color-ORYX-fuchsia300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia300-tint);
}
.ion-color-ORYX-fuchsia200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia200-tint);
}
.ion-color-ORYX-fuchsia100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-fuchsia100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-fuchsia100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-fuchsia100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-fuchsia100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-fuchsia100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-fuchsia100-tint);
}

.ion-color-ORYX-purple950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple950-tint);
}
.ion-color-ORYX-purple900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple900-tint);
}
.ion-color-ORYX-purple800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple800-tint);
}
.ion-color-ORYX-purple700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple700-tint);
}
.ion-color-ORYX-purple600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple600-tint);
}
.ion-color-ORYX-purple500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple500-tint);
}
.ion-color-ORYX-purple400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple400-tint);
}
.ion-color-ORYX-purple300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple300-tint);
}
.ion-color-ORYX-purple200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple200-tint);
}
.ion-color-ORYX-purple100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-purple100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-purple100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-purple100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-purple100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-purple100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-purple100-tint);
}

.ion-color-ORYX-violet950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet950-tint);
}
.ion-color-ORYX-violet900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet900-tint);
}
.ion-color-ORYX-violet800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet800-tint);
}
.ion-color-ORYX-violet700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet700-tint);
}
.ion-color-ORYX-violet600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet600-tint);
}
.ion-color-ORYX-violet500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet500-tint);
}
.ion-color-ORYX-violet400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet400-tint);
}
.ion-color-ORYX-violet300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet300-tint);
}
.ion-color-ORYX-violet200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet200-tint);
}
.ion-color-ORYX-violet100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-violet100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-violet100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-violet100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-violet100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-violet100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-violet100-tint);
}

.ion-color-ORYX-light-blue950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue950-tint);
}
.ion-color-ORYX-light-blue900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue900-tint);
}
.ion-color-ORYX-light-blue800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue800-tint);
}
.ion-color-ORYX-light-blue700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue700-tint);
}
.ion-color-ORYX-light-blue600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue600-tint);
}
.ion-color-ORYX-light-blue500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue500-tint);
}
.ion-color-ORYX-light-blue400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue400-tint);
}
.ion-color-ORYX-light-blue300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue300-tint);
}
.ion-color-ORYX-light-blue200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue200-tint);
}
.ion-color-ORYX-light-blue100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-light-blue100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-light-blue100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-light-blue100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-light-blue100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-light-blue100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-light-blue100-tint);
}

.ion-color-ORYX-emerald950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald950-tint);
}
.ion-color-ORYX-emerald900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald900-tint);
}
.ion-color-ORYX-emerald800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald800-tint);
}
.ion-color-ORYX-emerald700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald700-tint);
}
.ion-color-ORYX-emerald600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald600-tint);
}
.ion-color-ORYX-emerald500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald500-tint);
}
.ion-color-ORYX-emerald400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald400-tint);
}
.ion-color-ORYX-emerald300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald300-tint);
}
.ion-color-ORYX-emerald200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald200-tint);
}
.ion-color-ORYX-emerald100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-emerald100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-emerald100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-emerald100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-emerald100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-emerald100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-emerald100-tint);
}

.ion-color-ORYX-yellow950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow950-tint);
}
.ion-color-ORYX-yellow900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow900-tint);
}
.ion-color-ORYX-yellow800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow800-tint);
}
.ion-color-ORYX-yellow700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow700-tint);
}
.ion-color-ORYX-yellow600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow600-tint);
}
.ion-color-ORYX-yellow500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow500-tint);
}
.ion-color-ORYX-yellow400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow400-tint);
}
.ion-color-ORYX-yellow300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow300-tint);
}
.ion-color-ORYX-yellow200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow200-tint);
}
.ion-color-ORYX-yellow100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-yellow100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-yellow100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-yellow100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-yellow100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-yellow100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-yellow100-tint);
}

.ion-color-ORYX-amber950 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber950);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber950-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber950-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber950-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber950-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber950-tint);
}
.ion-color-ORYX-amber900 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber900);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber900-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber900-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber900-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber900-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber900-tint);
}
.ion-color-ORYX-amber800 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber800);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber800-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber800-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber800-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber800-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber800-tint);
}
.ion-color-ORYX-amber700 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber700);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber700-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber700-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber700-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber700-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber700-tint);
}
.ion-color-ORYX-amber600 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber600);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber600-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber600-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber600-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber600-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber600-tint);
}
.ion-color-ORYX-amber500 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber500);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber500-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber500-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber500-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber500-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber500-tint);
}
.ion-color-ORYX-amber400 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber400);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber400-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber400-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber400-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber400-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber400-tint);
}
.ion-color-ORYX-amber300 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber300);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber300-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber300-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber300-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber300-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber300-tint);
}
.ion-color-ORYX-amber200 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber200);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber200-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber200-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber200-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber200-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber200-tint);
}
.ion-color-ORYX-amber100 {
  --ion-color-ORYX-base: var(--ion-color-ORYX-amber100);
  --ion-color-ORYX-base-rgb: var(--ion-color-ORYX-amber100-rgb);
  --ion-color-ORYX-contrast: var(--ion-color-ORYX-amber100-contrast);
  --ion-color-ORYX-contrast-rgb: var(--ion-color-ORYX-amber100-contrast-rgb);
  --ion-color-ORYX-shade: var(--ion-color-ORYX-amber100-shade);
  --ion-color-ORYX-tint: var(--ion-color-ORYX-amber100-tint);
}
/* ============================================ Radio Buttons / Checkboxes ============================================ */
ion-radio::part(container) {
  border: 2px solid #ddd;

  border-radius: 8px;
  height: 30px;
  width: 30px;
}

ion-radio::part(mark) {
  background: none;
  border-radius: 0;
  transform: none;
  transition: none;
}

ion-radio.radio-checked::part(container) {
  background: var(--ion-color-primary);
  border-color: transparent;
}

ion-radio.radio-checked::part(mark) {
  border-color: #fff;
  border-style: solid;

  border-width: 0px 2px 2px 0px;
  height: 10px;

  transform: rotate(45deg);
  width: 6px;
}

.disabled {
  opacity: 0.2;
}

/* ============================================ Grid & Rows & Columns ============================================ */

.fullWidth {
  width: 100% !important;
}

.fullHeight {
  height: 100% !important;
}

/* ============================================ Table ============================================ */
.ORYX_Table_Indent {
  font-style: italic;
  font-weight: normal !important;
  padding-left: 10px !important;
}

.ORYX_Table {
  border-collapse: collapse;
  font-size: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 100%;
  /* margin-left: 5px; */
}
.ORYX_Table_noMargin {
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

.ORYX_Table td,
.ORYX_Table th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_Table_noMargin td,
.ORYX_Table_noMargin th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_Table td:first-child {
  font-weight: 900;
  text-align: left !important;
}
.ORYX_Table_noMargin td:first-child {
  font-weight: 900;
  padding-left: 5px;
  text-align: left !important;
}

.ORYX_Table_Head {
  background-color: #f2f2f2;
}

.ORYX_Table tr:hover {
  background-color: #ddd;
}

.ORYX_Table_noMargin tr:hover {
  background-color: #ddd;
}
.ORYX_Table th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}
.ORYX_Table_noMargin th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}
/* !! Table Large */
.ORYX_Table_Large {
  border-collapse: collapse;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 5px;
  width: 98%;
}

.ORYX_Table_Large_Indent {
  font-style: italic;
  font-weight: normal !important;
  padding-left: 20px !important;
}

.ORYX_Table_Large td,
.ORYX_Table_Large th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_Table_Large td:first-child {
  font-weight: 900;
  padding-left: 10px;
  text-align: left !important;
}

.ORYX_Table_Large_NewFirstChild {
  font-weight: normal !important;
  padding-left: 10px;
  text-align: center !important;
}

.ORYX_Table_Large td:last-child {
  text-align: left !important;
  width: 100px;
}

.ORYX_Table_Large tr:hover {
  background-color: #ddd;
}

.ORYX_Table_Large th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}

/* !! Table Small */
.ORYX_Table_Small {
  border-collapse: collapse;
  font-size: 10px;
  margin-left: 5px;
  margin-top: 5px;
  width: 98%;
}

.ORYX_Table_Small_Indent {
  font-style: italic;
  font-weight: normal !important;
  padding-left: 20px !important;
}

.ORYX_Table_Small td,
.ORYX_Table_Small th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_Table_Small td:first-child {
  font-weight: 900;
  padding-left: 10px;
  text-align: left !important;
}

.ORYX_Table_Small_NewFirstChild {
  font-weight: normal !important;
  padding-left: 10px;
  text-align: center !important;
}

.ORYX_Table_Small td:last-child {
  text-align: left !important;
  width: 100px;
}

.ORYX_Table_Small tr:hover {
  background-color: #ddd;
}

.ORYX_Table_Small th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}

/* !! ROM Table Large */
.ORYX_ROMTable_Large {
  border-collapse: collapse;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 5px;
  width: 98%;
}

.ORYX_ROMTable_Large_Indent {
  font-style: italic;
  font-weight: normal !important;
  padding-left: 20px !important;
}

.ORYX_ROMTable_Large td,
.ORYX_ROMTable_Large th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_ROMTable_Large td:first-child {
  font-weight: 900;
  padding-left: 10px;
  text-align: left !important;
}

.ORYX_ROMTable_Large tr:hover {
  background-color: #ddd;
}

.ORYX_ROMTable_Large th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}

.No_Border_Bottom {
  border-bottom: none !important;
}
.No_Border_Top {
  border-top: none !important;
}

.ORYX_List {
  border-collapse: collapse;
  font-size: 10px;
  margin-top: 5px;
  width: 100%;
  /* margin-left: 5px; */
}
.ORYX_List td:first-child {
  font-weight: 900;
  text-align: left !important;
  width: 45% !important;
}

.ORYX_List td,
.ORYX_List th {
  border: 1px solid #ddd;
  padding: 2px;
}

.Label {
  color: var(--primary, #2066fa) !important;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px !important;
}

.backgroundGreen {
  background-color: var(--ion-color-ORYX-success600) !important;
  color: var(--ion-color-ORYX-primary-grey800);
}

.backgroundOrange {
  background-color: var(--ion-color-ORYX-amber400) !important;
  color: var(--ion-color-ORYX-primary-grey800);
}

.backgroundRed {
  background-color: var(--ion-color-ORYX-error700) !important;
  color: #ffffff;
}

/* !! ============================================ Table ============================================ !! */
/* .tableWrapper {
  width: 100%;
  height: 100%;
  max-height: 99% !important;
  overflow: auto;
  border: 1px solid purple;
} */

.ORYX_Table_Scroll {
  border-collapse: collapse;
  box-sizing: border-box;
  font-size: 10px;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}
.ORYX_Table_Scroll thead th {
  position: sticky;
  top: 0;
}
.ORYX_Table_Scroll td,
.ORYX_Table_Scroll th {
  border: 1px solid #ddd;
  padding: 2px;
  text-align: center !important;
}

.ORYX_Table_Scroll_SectionHeader {
  font-weight: 900 !important;
  text-align: left !important;
}

.ORYX_Table_Scroll td:first-child {
  font-weight: normal;
  text-align: left !important;
}

.ORYX_Table_Scroll tr:hover {
  background-color: #ddd;
}

.ORYX_Table_Scroll th {
  background-color: white;
  color: var(--ion-color-ORYX-primary);
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
}
/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/
:root {
  /** Primary (Teal / Attractor Teal 800) **/
  --ion-color-primary: #0a2e2c;
  --ion-color-primary-rgb: 10, 46, 44;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #092827;
  --ion-color-primary-tint: #234341;

  --ion-color-ORYX-primary: #2066fa;
  --ion-color-ORYX-primary-rgb: 32, 102, 250;
  --ion-color-ORYX-primary-contrast: #ffffff;
  --ion-color-ORYX-primary-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-primary-shade: #0546d1;
  --ion-color-ORYX-primary-tint: #6394fb;

  /** Secondary (Light Blue / Motion Mint 400) **/
  --ion-color-secondary: #60e8e6;
  --ion-color-secondary-rgb: 96, 232, 230;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #54ccca;
  --ion-color-secondary-tint: #70eae9;

  --ion-color-ORYX-secondary: #baff6b;
  --ion-color-ORYX-secondary-rgb: 186, 255, 107;
  --ion-color-ORYX-secondary-contrast: #707070;
  --ion-color-ORYX-secondary-contrast-rgb: 112, 112, 112;
  --ion-color-ORYX-secondary-shade: #9aff27;
  --ion-color-ORYX-secondary-tint: #daffaf;

  /** Tertiary (Green / Sensing Sage 500) **/
  --ion-color-tertiary: #aae860;
  --ion-color-tertiary-rgb: 170, 232, 96;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #96cc54;
  --ion-color-tertiary-tint: #b3ea70;

  --ion-color-ORYX-tertiary: #e050a0;
  --ion-color-ORYX-tertiary-rgb: 224, 80, 160;
  --ion-color-ORYX-tertiary-contrast: #ffffff;
  --ion-color-ORYX-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-ORYX-tertiary-shade: #c8247f;
  --ion-color-ORYX-tertiary-tint: #ea8abf;

  /** success **/
  --ion-color-success: #90c953;
  --ion-color-success-rgb: 170, 232, 96;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #7fb149;
  --ion-color-success-tint: #9bce64;

  /** warning **/
  --ion-color-warning: #ffa229;
  --ion-color-warning-rgb: 255, 162, 41;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e08f24;
  --ion-color-warning-tint: #ffab3e;

  /** danger **/
  --ion-color-danger: #e7364b;
  --ion-color-danger-rgb: 231, 54, 75;
  --ion-color-danger-contrast: #000000;
  --ion-color-danger-contrast-rgb: 0, 0, 0;
  --ion-color-danger-shade: #cb3042;
  --ion-color-danger-tint: #e94a5d;

  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;

  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;

  /** light **/
  --ion-color-light: #fbfaf9;
  --ion-color-light-rgb: 249, 251, 251;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #dbdddd;
  --ion-color-light-tint: #fbfaf9;

  /** Background color **/
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;

  --ion-text-color: #0f1a1a;
  --ion-color-text: #0f1a1a;
  --ion-text-color-rgb: 112, 112, 112;

  --ion-color-ORYX-step-50: #eaeaf0;
  --ion-color-ORYX-step-100: #e3e3ea;
  --ion-color-ORYX-step-150: #dddde3;
  --ion-color-ORYX-step-200: #d6d6dc;
  --ion-color-ORYX-step-250: #d0d0d5;
  --ion-color-ORYX-step-300: #cacace;
  --ion-color-ORYX-step-350: #c3c3c8;
  --ion-color-ORYX-step-400: #bdbdc1;
  --ion-color-ORYX-step-450: #b6b6ba;
  --ion-color-ORYX-step-500: #b0b0b4;
  --ion-color-ORYX-step-550: #aaaaad;
  --ion-color-ORYX-step-600: #a3a3a6;
  --ion-color-ORYX-step-650: #9d9d9f;
  --ion-color-ORYX-step-700: #969699;
  --ion-color-ORYX-step-750: #909092;
  --ion-color-ORYX-step-800: #8a8a8b;
  --ion-color-ORYX-step-850: #838384;
  --ion-color-ORYX-step-900: #7d7d7e;
  --ion-color-ORYX-step-950: #767677;

  --ion-toolbar-background: #ffffff;
  --ion-color-ORYX-scheme: light;
}

@media (prefers-color-scheme: dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */

  body {
    --ion-color-primary: #0a2e2c;
    --ion-color-primary-rgb: 10, 46, 44;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #092827;
    --ion-color-primary-tint: #234341;

    --ion-color-ORYX-primary: #2066fa;
    --ion-color-ORYX-primary-rgb: 32, 102, 250;
    --ion-color-ORYX-primary-contrast: #ffffff;
    --ion-color-ORYX-primary-contrast-rgb: 255, 255, 255;
    --ion-color-ORYX-primary-shade: #0546d1;
    --ion-color-ORYX-primary-tint: #6394fb;

    /** secondary **/
    --ion-color-secondary: #60e8e6;
    --ion-color-secondary-rgb: 96, 232, 230;
    --ion-color-secondary-contrast: #000000;
    --ion-color-secondary-contrast-rgb: 0, 0, 0;
    --ion-color-secondary-shade: #54ccca;
    --ion-color-secondary-tint: #70eae9;

    --ion-color-ORYX-secondary: #baff6b;
    --ion-color-ORYX-secondary-rgb: 186, 255, 107;
    --ion-color-ORYX-secondary-contrast: #707070;
    --ion-color-ORYX-secondary-contrast-rgb: 112, 112, 112;
    --ion-color-ORYX-secondary-shade: #9aff27;
    --ion-color-ORYX-secondary-tint: #daffaf;

    /** tertiary **/
    --ion-color-tertiary: #aae860;
    --ion-color-tertiary-rgb: 170, 232, 96;
    --ion-color-tertiary-contrast: #000000;
    --ion-color-tertiary-contrast-rgb: 0, 0, 0;
    --ion-color-tertiary-shade: #96cc54;
    --ion-color-tertiary-tint: #b3ea70;

    --ion-color-ORYX-tertiary: #e050a0;
    --ion-color-ORYX-tertiary-rgb: 224, 80, 160;
    --ion-color-ORYX-tertiary-contrast: #ffffff;
    --ion-color-ORYX-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-ORYX-tertiary-shade: #c8247f;
    --ion-color-ORYX-tertiary-tint: #ea8abf;

    /** success **/
    --ion-color-success: #90c953;
    --ion-color-success-rgb: 144, 201, 83;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #7fb149;
    --ion-color-success-tint: #9bce64;

    /** warning **/
    --ion-color-warning: #ffa229;
    --ion-color-warning-rgb: 255, 162, 41;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #e08f24;
    --ion-color-warning-tint: #ffab3e;

    /** danger **/
    --ion-color-danger: #e7364b;
    --ion-color-danger-rgb: 231, 54, 75;
    --ion-color-danger-contrast: #000000;
    --ion-color-danger-contrast-rgb: 0, 0, 0;
    --ion-color-danger-shade: #cb3042;
    --ion-color-danger-tint: #e94a5d;

    /** dark **/
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34, 36, 40;
    --ion-color-dark-contrast: #ffffff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;

    /** medium **/
    --ion-color-medium: #92949c;
    --ion-color-medium-rgb: 146, 148, 156;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #808289;
    --ion-color-medium-tint: #9d9fa6;

    /** light **/
    --ion-color-light: #fbfaf9;
    --ion-color-light-rgb: 249, 251, 251;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #dbdddd;
    --ion-color-light-tint: #fbfaf9;
  }

  /*
   * iOS Dark Theme
   * -------------------------------------------
   */

  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0, 0, 0;

    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255, 255, 255;

    --ion-color-ORYX-step-50: #0d0d0d;
    --ion-color-ORYX-step-100: #1a1a1a;
    --ion-color-ORYX-step-150: #262626;
    --ion-color-ORYX-step-200: #333333;
    --ion-color-ORYX-step-250: #404040;
    --ion-color-ORYX-step-300: #4d4d4d;
    --ion-color-ORYX-step-350: #595959;
    --ion-color-ORYX-step-400: #666666;
    --ion-color-ORYX-step-450: #737373;
    --ion-color-ORYX-step-500: #808080;
    --ion-color-ORYX-step-550: #8c8c8c;
    --ion-color-ORYX-step-600: #999999;
    --ion-color-ORYX-step-650: #a6a6a6;
    --ion-color-ORYX-step-700: #b3b3b3;
    --ion-color-ORYX-step-750: #bfbfbf;
    --ion-color-ORYX-step-800: #cccccc;
    --ion-color-ORYX-step-850: #d9d9d9;
    --ion-color-ORYX-step-900: #e6e6e6;
    --ion-color-ORYX-step-950: #f2f2f2;

    --ion-item-background: #000000;

    --ion-card-background: #1c1c1d;
  }

  .ios ion-modal {
    --ion-background-color: var(--ion-color-ORYX-step-100);
    --ion-toolbar-background: var(--ion-color-ORYX-step-150);
    --ion-toolbar-border-color: var(--ion-color-ORYX-step-250);
  }

  /*
   * Material Design Dark Theme
   * -------------------------------------------
   */

  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb: 18, 18, 18;

    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255, 255, 255;

    --ion-border-color: #222222;

    --ion-color-ORYX-step-50: #1e1e1e;
    --ion-color-ORYX-step-100: #2a2a2a;
    --ion-color-ORYX-step-150: #363636;
    --ion-color-ORYX-step-200: #414141;
    --ion-color-ORYX-step-250: #4d4d4d;
    --ion-color-ORYX-step-300: #595959;
    --ion-color-ORYX-step-350: #656565;
    --ion-color-ORYX-step-400: #717171;
    --ion-color-ORYX-step-450: #7d7d7d;
    --ion-color-ORYX-step-500: #898989;
    --ion-color-ORYX-step-550: #949494;
    --ion-color-ORYX-step-600: #a0a0a0;
    --ion-color-ORYX-step-650: #acacac;
    --ion-color-ORYX-step-700: #b8b8b8;
    --ion-color-ORYX-step-750: #c4c4c4;
    --ion-color-ORYX-step-800: #d0d0d0;
    --ion-color-ORYX-step-850: #dbdbdb;
    --ion-color-ORYX-step-900: #e7e7e7;
    --ion-color-ORYX-step-950: #f3f3f3;

    --ion-item-background: #1e1e1e;

    --ion-toolbar-background: #1f1f1f;

    --ion-tab-bar-background: #1f1f1f;

    --ion-card-background: #1e1e1e;
  }
}

/** MARK: Design system tokens **/
:root {
  /* Color tokens */
  --color-text-body-1: var(--ion-color-grey700);
  --color-text-body-2: var(--ion-color-grey600);

  --color-text-title-1: var(--ion-color-grey900);
  --color-text-title-2: var(--ion-color-grey700);

  /* body/M/loose */
  font-family: var(--font-family-body, Manrope);
  font-size: var(--font-size-m, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;

  /* Font sizing tokens */
  --font-size-xxs: 8px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-size-4xl: 40px;
  --font-size-5xl: 48px;

  /* Font family tokens */
  --ion-font-family: 'Manrope', sans-serif;
  --ion-monospace-font-family: 'Geist Mono', monospace;

  /* Height tokens */
  --height-sm: 28px;
  --height-md: 36px;
  --height-lg: 44px;

  /* Radius tokens */
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;
  --radius-4xl: 40px;
  --radius-5xl: 64px;
  --radius-full: 100%;

  /* Spacing tokens */
  --spacing-none: 0;
  --spacing-3xs: 2px;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 64px;
  --spacing-5xl: 80px;
  --spacing-6xl: 120px;
  --spacing-7xl: 160px;
  --spacing-8xl: 240px;
  --spacing-9xl: 360px;

  /* Button variables */
  /* MARK: Primary button */
  --ui-button-primary-background--default: linear-gradient(180deg, var(--ion-color-teal650) 0%, #0c3b38 100%);
  --ui-button-primary-background--hover: #0c3b38;
  --ui-button-primary-background--active: var(--ion-color-teal800);
  --ui-button-primary-background--disabled: rgba(10, 46, 44, 0.06);

  /* MARK: Secondary button */
  --ui-button-secondary-background--default: var(--ion-color-teal800-contrast);
  --ui-button-secondary-background--hover: linear-gradient(0deg, rgba(10, 46, 44, 0.03) 0%, rgba(10, 46, 44, 0.03) 100%),
    var(--ion-color-teal800-contrast);
  --ui-button-secondary-background--active: var(--ion-color-teal800-contrast);
  --ui-button-secondary-background--disabled: var(--ion-color-teal800-contrast);

  /* MARK: Danger button */
  --ui-button-danger-background--default: linear-gradient(180deg, #ef5567 0%, #d12e41 100%);
  --ui-button-danger-background--hover: #d12e41;
  --ui-button-danger-background--active: #b9273a;
  --ui-button-danger-background--disabled: #ffd4de;

  /* dark mode */
  @media (prefers-color-scheme: dark) {
  }
}
/* ORYX Training Builder Tool 1.0
 *
 * Created by ORYX Movement Solutions © 2022
 * ==================================================================
 *
 * ORYX Custom typography. For more information see:
 * https://xd.adobe.com/view/df617fb9-9076-4eeb-a2d2-54a5a3a05da7-8a32/.
 */

/** font-face imports: **/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/Montserrat-Regular-ZgHWWV9l.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/MontserratMedium-Ds2UJjsS.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/MontserratBold-CPpXCxkU.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/MontserratExtraBold-DFPFK26H.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/Montserrat-Black-BPqVfB2A.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/Montserrat-Italic-DXdZkXc1.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/assets/MontserratMediumItalic-CJYXGEuV.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/Montserrat-SemiBoldItalic-Bu6Eua4v.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/Montserrat-BoldItalic-CduIw7Iu.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('/assets/Montserrat-ExtraBoldItalic-7RIsLh4c.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('/assets/Montserrat-BlackItalic-CFdF4Vj_.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/Montserrat-Thin-CMwnQk2P.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/Montserrat-ExtraLight-DE0XoDgx.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('/assets/Montserrat-ThinItalic-DKoYQEtQ.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('/assets/Montserrat-ExtraLightItalic-BO3MJJxm.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/Montserrat-Light-TB_LzVyX.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/Montserrat-LightItalic-BDBdUwXs.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/Manrope-ExtraLight-CZwPcVBo.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/Manrope-Light-Cx-P5V5h.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/Manrope-Regular-BjNcpSXg.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/Manrope-Medium-Cgspblp2.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/Manrope-SemiBold-Diovf81e.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/Manrope-Bold-BNmhpqUF.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/Manrope-ExtraBold-BXh4xW2d.ttf') format('truetype');
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  src:
    url('/assets/geist-mono-latin-400-normal-LC9RFr9I.woff2') format('woff2'),
    url('/assets/geist-mono-latin-400-normal-B6KKXg2K.woff') format('woff');
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  src:
    url('../assets/fonts/geist-mono-latin-600-normal.woff2') format('woff2'),
    url('../assets/fonts/geist-mono-latin-600-normal.woff') format('woff');
}

/** end font-face imports **/

html {
  font-family: 'Manrope', sans-serif;
  font-variant-ligatures: no-common-ligatures;
}

body {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  background-color: transparent;
  color: var(--ion-color-ORYX-primary, #2066fa);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 16px;
}
h1 {
  color: var(--ion-color-text, #0f1a1a);
  font-size: 52px;
  font-weight: 700;
  margin-top: 20px;
}
h2 {
  color: var(--ion-color-text, #0f1a1a);
  font-size: 42px;
  font-weight: 700;
  margin-top: 18px;
}
h3 {
  color: var(--ion-color-text, #0f1a1a);
  font-size: 38px;
  font-weight: 700;
}

h4 {
  color: var(--ion-color-text, #0f1a1a);
  font-size: 24px;
  font-weight: 700;
}

h5 {
  color: var(--ion-color-text, #0f1a1a);
  font-size: 20px;
  font-weight: 700;
}

h6 {
  color: var(--ion-text-color, #707070);
  font-size: 18px;
  font-weight: 700;
}

small {
  font-family: 'Manrope', sans-serif;
  font-size: 65%;
}

smallError {
  color: red;
  font-family: 'Manrope', sans-serif;
  font-size: 75%;
}

p {
  color: var(--ion-text-color, #707070);
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
}
.subtitle {
  color: var(--ion-text-color, #707070);
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.label {
  color: var(--ion-color-text, #0f1a1a) !important;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px !important;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

strong {
  color: var(--color-text-title-1);
  font-family: var(--font-family-body);
  /* font-size: var(--font-size-md); */
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
:root {
  --swiper-theme-color: var(--ion-color-primary);
}
.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translate3d(0, 0, 0);
  transition: 0.3s opacity;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: #4d4f5c40 !important;
  border: 1px solid #dee2e7;
  border-radius: 50%;
  color: var(--ion-text-color);
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  right: 20px;
  text-align: center;
  width: 20px;
  /* opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); */
}
button.swiper-pagination-bullet {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--ui-button-primary-background--default) !important;
  color: #fff;
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s transform,
    0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
}
.swiper-pagination-lock {
  display: none;
}
ion-fab-button[title] {
  position: relative;
}

ion-fab-button[title]::after {
  background-color: #f3f7f7;
  border-radius: 9px;
  bottom: 4px;
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  color: var(--ion-text-color, #707070);
  content: attr(title);
  /* color: #0F1A1A; */
  font-family: var(--ion-font-family);
  font-size: var(--font-size-sm);
  padding: 9px;
  position: absolute;
  right: 55px;
  z-index: 1;
}

ion-fab-button::part(native) {
  background-color: var(--ion-color-primary);
  border-radius: 20%;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  color: white;
}

ion-fab-button::part(native):hover::after {
  background-color: #60e8e6;
}

ion-fab-button::part(native):active::after {
  background-color: #60e8e6;
}

ion-fab {
  right: 16px;
}

@media (min-width: 1280px) {
  ion-fab {
    right: calc((100vw - 1280px) / 2 + 16px); /* Adjust this to align with content */
  }
}