ion-radio.gecko-radio[data-v-65a478c6]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-65a478c6]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-65a478c6]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-65a478c6]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-65a478c6]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-65a478c6] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-65a478c6],
body.fb-has-unread #fb-messenger-root[data-v-65a478c6] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-65a478c6] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-65a478c6] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-65a478c6]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-65a478c6]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-65a478c6] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-65a478c6] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-65a478c6]::part(scroll) {
  overscroll-behavior: none;
}
.appUpdateRequired[data-v-65a478c6] {
  color: var(--ion-text-color-step-200);
  padding: 5%;
  --background: linear-gradient(var(--ion-background-color), var(--ion-background-color-step-100));
  text-align: center;
  margin-top: var(--ion-safe-area-top);
}
.appUpdateRequired h1[data-v-65a478c6] {
  margin-bottom: 30px;
}
.appUpdateRequired ion-button[data-v-65a478c6] {
  margin-top: 30px;
}
.appUpdateRequired .logo[data-v-65a478c6] {
  max-width: 200px;
  margin: 0 auto;
}
.debug[data-v-65a478c6] {
  text-align: center;
  margin-top: 80px;
}ion-radio.gecko-radio[data-v-abf96b40]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-abf96b40]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-abf96b40]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-abf96b40]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-abf96b40]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-abf96b40] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-abf96b40],
body.fb-has-unread #fb-messenger-root[data-v-abf96b40] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-abf96b40] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-abf96b40] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-abf96b40]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-abf96b40]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-abf96b40] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-abf96b40] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-abf96b40]::part(scroll) {
  overscroll-behavior: none;
}
.maintenanceMode[data-v-abf96b40] {
  color: var(--ion-text-color-step-200);
  padding: 5%;
  --background: linear-gradient(var(--ion-background-color), var(--ion-background-color-step-100));
  text-align: center;
  margin-top: var(--ion-safe-area-top);
}
.maintenanceMode h1[data-v-abf96b40] {
  margin-bottom: 30px;
}
.maintenanceMode ion-button[data-v-abf96b40] {
  margin-top: 30px;
}
.maintenanceMode .logo[data-v-abf96b40] {
  max-width: 200px;
  margin: 0 auto;
}
.debug[data-v-abf96b40] {
  text-align: center;
  margin-top: 80px;
}ion-radio.gecko-radio[data-v-6b6dc45a]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-6b6dc45a]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-6b6dc45a]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-6b6dc45a]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-6b6dc45a]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-6b6dc45a] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-6b6dc45a],
body.fb-has-unread #fb-messenger-root[data-v-6b6dc45a] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-6b6dc45a] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-6b6dc45a] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-6b6dc45a]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-6b6dc45a]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-6b6dc45a] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-6b6dc45a] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-6b6dc45a]::part(scroll) {
  overscroll-behavior: none;
}
.stack[data-v-6b6dc45a] {
  text-align: left;
  background-color: #ccc;
  color: #444;
  border-radius: 10px;
  margin: 20px 10px 10px 10px;
  padding: 10px;
  font-size: 12px;
  max-width: 96vw;
}ion-radio.gecko-radio[data-v-50a30ff1]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-50a30ff1]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-50a30ff1]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-50a30ff1]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-50a30ff1]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-50a30ff1] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-50a30ff1],
body.fb-has-unread #fb-messenger-root[data-v-50a30ff1] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-50a30ff1] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-50a30ff1] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-50a30ff1]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-50a30ff1]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-50a30ff1] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-50a30ff1] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-50a30ff1]::part(scroll) {
  overscroll-behavior: none;
}
.ticket-container[data-v-50a30ff1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 24px 20px;
  padding-bottom: calc(20px + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)));
  min-height: 100%;
}
.hero-section[data-v-50a30ff1] {
  text-align: center;
  margin-bottom: 40px;
}
.emoji-hero[data-v-50a30ff1] {
  font-size: 56px;
  margin-bottom: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  will-change: transform;
}
.title[data-v-50a30ff1] {
  font-size: 26px;
  font-weight: var(--font-weight-bold);
  margin: 0 0 12px;
}
.message[data-v-50a30ff1] {
  font-size: 16px;
  line-height: 1.5;
  color: var(--ion-text-color-step-200);
  margin: 0;
  max-width: 300px;
}
.action-section[data-v-50a30ff1] {
  width: 100%;
  margin-top: auto;
  padding: 0 16px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}ion-radio.gecko-radio::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root,
body.fb-has-unread #fb-messenger-root {
  visibility: visible !important;
}
#fb-messenger-root iframe {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content::part(scroll) {
  overscroll-behavior: none;
}
.ion-page:has(.ticket-container) {
  --background: transparent;
}ion-radio.gecko-radio[data-v-c3927fcc]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-c3927fcc]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-c3927fcc]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-c3927fcc]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-c3927fcc]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-c3927fcc] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-c3927fcc],
body.fb-has-unread #fb-messenger-root[data-v-c3927fcc] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-c3927fcc] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-c3927fcc] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-c3927fcc]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-c3927fcc]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-c3927fcc] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-c3927fcc] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-c3927fcc]::part(scroll) {
  overscroll-behavior: none;
}
.review-container[data-v-c3927fcc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 24px 20px;
  padding-top: calc(40px + var(--ion-safe-area-top, env(safe-area-inset-top, 0px)));
  padding-bottom: calc(20px + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)));
  min-height: 100%;
}
.hero-section[data-v-c3927fcc] {
  text-align: center;
  margin-bottom: 32px;
}
.celebration-emoji[data-v-c3927fcc] {
  font-size: 64px;
  margin-bottom: 16px;
  animation: float-c3927fcc 3s ease-in-out infinite;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  will-change: transform;
}
.title[data-v-c3927fcc] {
  font-size: 26px;
  font-weight: var(--font-weight-bold);
  margin: 0 0 12px;
}
.subtitle[data-v-c3927fcc] {
  font-size: 16px;
  line-height: 1.5;
  color: var(--ion-text-color-step-200);
  margin: 0;
  max-width: 300px;
}
.clipboard-section[data-v-c3927fcc] {
  width: 100%;
  margin-bottom: 32px;
}
.clipboard-hint[data-v-c3927fcc] {
  font-size: 13px;
  color: var(--ion-text-color-step-300);
  margin: 0 0 8px;
  text-align: center;
}
.feedback-card[data-v-c3927fcc] {
  background: var(--ion-background-color);
  border: 1px solid var(--ion-border-color, var(--ion-color-step-200));
  border-radius: 16px;
  padding: 16px 20px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feedback-card[data-v-c3927fcc]:active {
  transform: scale(0.98);
}
.feedback-quote[data-v-c3927fcc] {
  font-size: 15px;
  font-style: italic;
  line-height: 1.5;
  color: var(--ion-text-color);
  margin: 0 0 12px;
  text-align: center;
  overflow-wrap: anywhere;
}
.copy-badge[data-v-c3927fcc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.copy-icon[data-v-c3927fcc] {
  font-size: 14px;
  color: var(--ion-color-primary);
}
.copy-label[data-v-c3927fcc] {
  font-size: 12px;
  font-weight: var(--font-weight-semi-bold);
  color: var(--ion-color-primary);
}
.action-section[data-v-c3927fcc] {
  width: 100%;
  margin-top: auto;
  padding: 0 16px 20px;
  text-align: center;
}
@keyframes float-c3927fcc {
0%, 100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-6px);
}
}ion-radio.gecko-radio::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root,
body.fb-has-unread #fb-messenger-root {
  visibility: visible !important;
}
#fb-messenger-root iframe {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content::part(scroll) {
  overscroll-behavior: none;
}
.ion-page:has(.review-container) {
  --background: transparent;
}ion-radio.gecko-radio[data-v-5da86784]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-5da86784]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-5da86784]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-5da86784]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-5da86784]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-5da86784] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-5da86784],
body.fb-has-unread #fb-messenger-root[data-v-5da86784] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-5da86784] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-5da86784] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-5da86784]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-5da86784]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-5da86784] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-5da86784] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-5da86784]::part(scroll) {
  overscroll-behavior: none;
}
.feedback-container[data-v-5da86784] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 24px;
  padding-bottom: calc(20px + var(--ion-safe-area-bottom, env(safe-area-inset-bottom, 0px)));
  min-height: 100%;
}
.hero-section[data-v-5da86784] {
  text-align: center;
  margin-bottom: 32px;
}
.emoji-hero[data-v-5da86784] {
  font-size: 56px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  will-change: transform;
}
.title[data-v-5da86784] {
  font-size: 26px;
  font-weight: var(--font-weight-bold);
  margin: 0 0 8px;
}
.subtitle[data-v-5da86784] {
  color: var(--ion-text-color-step-200);
  font-size: 16px;
  margin: 0;
}
.rating-section[data-v-5da86784] {
  margin-bottom: 24px;
  text-align: center;
}
.stars-container[data-v-5da86784] {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.star-button[data-v-5da86784] {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.star-button[data-v-5da86784]:active {
  transform: scale(1.3);
}
.star-button.active .star[data-v-5da86784] {
  animation: pop-5da86784 0.3s ease;
}
.star[data-v-5da86784] {
  font-size: 44px;
  color: #e0e0e0;
  transition: color 0.2s ease, transform 0.2s ease;
}
.star-button.active .star[data-v-5da86784] {
  color: #ffc107;
}
.rating-label[data-v-5da86784] {
  margin-top: 12px;
  font-size: 15px;
  font-weight: var(--font-weight-semi-bold);
  color: var(--ion-color-primary);
  animation: fadeIn-5da86784 0.3s ease;
}
.feedback-text-section[data-v-5da86784] {
  width: 100%;
  margin-bottom: 24px;
}
.textarea-item[data-v-5da86784] {
  --background: var(--ion-background-color);
  --border-radius: 12px;
  border-radius: 12px;
  border: 1px solid var(--ion-border-color, var(--ion-color-step-200));
  overflow: hidden;
}
.action-section[data-v-5da86784] {
  width: 100%;
  margin-top: auto;
  padding: 0 16px 20px;
  text-align: center;
}
.fade-enter-active[data-v-5da86784],
.fade-leave-active[data-v-5da86784] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-enter-from[data-v-5da86784],
.fade-leave-to[data-v-5da86784] {
  opacity: 0;
  transform: translateY(-10px);
}
@keyframes pop-5da86784 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.3);
}
100% {
    transform: scale(1);
}
}
@keyframes fadeIn-5da86784 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}ion-radio.gecko-radio::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root,
body.fb-has-unread #fb-messenger-root {
  visibility: visible !important;
}
#fb-messenger-root iframe {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content::part(scroll) {
  overscroll-behavior: none;
}
.ion-page:has(.feedback-container) {
  --background: transparent;
}ion-radio.gecko-radio::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root,
body.fb-has-unread #fb-messenger-root {
  visibility: visible !important;
}
#fb-messenger-root iframe {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content::part(scroll) {
  overscroll-behavior: none;
}

/* .vesselTitle::part(detail-icon) {
  color: red !important;
  opacity: 1;
} */ion-radio.gecko-radio[data-v-cad69c28]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-cad69c28]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-cad69c28]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-cad69c28]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-cad69c28]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-cad69c28] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-cad69c28],
body.fb-has-unread #fb-messenger-root[data-v-cad69c28] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-cad69c28] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-cad69c28] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-cad69c28]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-cad69c28]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-cad69c28] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-cad69c28] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-cad69c28]::part(scroll) {
  overscroll-behavior: none;
}
.content[data-v-cad69c28] {
  position: relative;
}
.menuContent[data-v-cad69c28] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menuFooter[data-v-cad69c28] {
  text-align: center;
}
.footerLinks ion-item[data-v-cad69c28] {
  --min-height: 44px;
  font-size: 0.9375rem;
  color: var(--ion-text-color-step-400);
}
.debugItem[data-v-cad69c28] {
  --color: var(--ion-text-color-step-400);
}
.debugLabel[data-v-cad69c28] {
  font-size: 0.8125rem !important;
  color: var(--ion-text-color-step-600) !important;
}
.version[data-v-cad69c28] {
  color: var(--ion-text-color-step-400);
}
.title[data-v-cad69c28] {
  padding-left: 10px;
  margin-top: calc(20px + var(--ion-safe-area-top));
  margin-bottom: 20px;
  max-width: 180px;
  color: var(--ion-color-primary);
}
.logoDiv[data-v-cad69c28] {
  display: flex;
  justify-content: center;
  align-items: center;
}
ion-label.focusedVessel[data-v-cad69c28] {
  font-weight: var(--font-weight-medium);
  color: var(--ion-color-primary);
  font-size: 1.375rem;
}
.repeatButton[data-v-cad69c28] {
  font-size: 1.375rem;
}
.vesselTitle[data-v-cad69c28] {
  font-size: 1.375rem;
}
.vesselTitle[data-v-cad69c28]::part(detail-icon) {
  color: var(--ion-color-primary);
  opacity: 1;
}
.subMenuItem[data-v-cad69c28] {
  padding-left: 10px;
}
.subMenuItem ion-icon[data-v-cad69c28] {
  margin-left: -10px;
}
.rateMenuItem[data-v-cad69c28] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 12px 0;
}
.rateLabel[data-v-cad69c28] {
  font-size: 0.875rem;
  color: var(--ion-text-color);
}
.rateStars[data-v-cad69c28] {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
}
.rateStarWrapper[data-v-cad69c28] {
  display: inline-flex;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.rateStarWrapper.animating[data-v-cad69c28] {
  animation: starSparkle-cad69c28 2s ease-in-out infinite;
}
.rateStarIcon[data-v-cad69c28] {
  color: var(--ion-color-primary);
  font-size: 16px;
}
@keyframes starSparkle-cad69c28 {
0%, 100% {
    opacity: 1;
    transform: translateZ(0) scale(1);
}
50% {
    opacity: 0.3;
    transform: translateZ(0) scale(0.8);
}
}ion-radio.gecko-radio[data-v-a680658c]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-a680658c]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-a680658c]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-a680658c]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-a680658c]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-a680658c] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-a680658c],
body.fb-has-unread #fb-messenger-root[data-v-a680658c] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-a680658c] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-a680658c] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-a680658c]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-a680658c]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-a680658c] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-a680658c] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-a680658c]::part(scroll) {
  overscroll-behavior: none;
}
.splash-overlay[data-v-a680658c] {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--ion-color-primary-shade, #182852);
}
.splash-overlay__image[data-v-a680658c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}ion-radio.gecko-radio::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root,
body.fb-has-unread #fb-messenger-root {
  visibility: visible !important;
}
#fb-messenger-root iframe {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content::part(scroll) {
  overscroll-behavior: none;
}
ion-content::part(scroll)::-webkit-scrollbar {
  display: none;
}
ion-content {
  --padding-bottom: var(--ion-safe-area-bottom);
}
ion-content.ion-padding {
  --padding-bottom: calc(var(--ion-padding, 16px) + var(--ion-safe-area-bottom));
}
.white.refresher-native ion-spinner {
  color: white !important;
}
.white.refresher-native .arrow-container ion-icon {
  color: white !important;
}
ion-refresher.refresher-ios .white-spinner ion-spinner {
  color: white !important;
  z-index: 1000;
}
ion-refresher.refresher-ios .gray-spinner ion-spinner {
  color: #666 !important;
  z-index: 1000;
}
.testStripVideoPreview {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
ion-modal.fullscreen {
  --width: 100%;
  --height: 100%;
  --border-radius: 0;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.confirmRemoveAlert .alert-wrapper .removeButton {
  color: var(--ion-color-danger, red) !important;
}
ion-chip[size=small] {
  height: 20px;
  font-size: 0.8em;
}
.negate-ion-margins {
  margin-left: calc(var(--ion-margin, 16px) * -1) !important;
  margin-right: calc(var(--ion-margin, 16px) * -1) !important;
}
.component-fade-enter-active, .component-fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}
.component-fade-enter, .component-fade-leave-to {
  opacity: 0;
}ion-radio.gecko-radio[data-v-284dce74]::part(container) {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #92949C;
}
ion-radio.gecko-radio[data-v-284dce74]::part(mark) {
  background: none;
  transition: none;
  transform: none;
  border-radius: 50%;
}
ion-radio.gecko-radio.radio-checked[data-v-284dce74]::part(container) {
  background: transparent;
  border-color: var(--ion-color-primary);
}
ion-radio.gecko-radio.radio-checked[data-v-284dce74]::part(mark) {
  transition-duration: 0.05s;
  transition-property: border;
  border-width: 5.25px;
  border-style: solid;
  border-color: var(--ion-color-primary);
}
[data-v-284dce74]:root {
  --activity-state-saving-energy-color: #1DAD7D;
  --activity-state-saving-energy-bg: #1DAD7D1A;
  --activity-state-preparing-color: #F55947;
  --activity-state-preparing-bg: #F559471A;
  --activity-state-preparing-cooling-color: #478FF5;
  --activity-state-preparing-cooling-bg: #478FF51A;
  --activity-state-in-progress-color: #269AEF;
  --activity-state-in-progress-bg: #2691DF1A;
  --activity-state-in-grace-period-color: #356CD8;
  --activity-state-in-grace-period-bg: #356CD81A;
}
#fb-messenger-root[data-v-284dce74] {
  transform: translateY(var(--ion-safe-area-top)) !important;
  height: calc(100dvh - var(--ion-safe-area-top)) !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.fb-launcher-visible #fb-messenger-root[data-v-284dce74],
body.fb-has-unread #fb-messenger-root[data-v-284dce74] {
  visibility: visible !important;
}
#fb-messenger-root iframe[data-v-284dce74] {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.22)) !important;
}
ion-modal.live-update-modal[data-v-284dce74] {
  --background: transparent;
  --box-shadow: none;
  --backdrop-opacity: 0.4;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
}
ion-modal.live-update-modal[data-v-284dce74]::part(content) {
  background: transparent;
  border: none;
  box-shadow: none;
}
ion-modal.live-update-modal[data-v-284dce74]::part(handle) {
  display: none;
}
ion-modal.flow-engine-modal[data-v-284dce74] {
  --background: #e8f5e9;
}
ion-modal.flow-engine-modal ion-content[data-v-284dce74] {
  overscroll-behavior: none;
}
ion-modal.flow-engine-modal ion-content[data-v-284dce74]::part(scroll) {
  overscroll-behavior: none;
}
.app[data-v-284dce74] {
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  top: var(--ion-safe-area-top);
  bottom: var(--ion-safe-area-bottom);
}: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,html.ios ion-footer.modal-footer-moving 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,html.ios .modal-footer-moving 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.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-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 */
.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-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-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-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 */
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.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;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  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-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.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 {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -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 {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms 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: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/
:root {
  /**
  * Override Ionic's --ion-safe-area-* variables to use Capacitor 8's SystemBars-injected
  * --safe-area-inset-* CSS variables. These are injected with correct values on all Android
  * WebView versions, including those where env(safe-area-inset-*) incorrectly returns 0px.
  * :root has higher specificity than Ionic's html {} block so this always wins.
  */
  --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
  --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
  --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));

  /** typography **/
  --ion-font-family: 'Greycliff_CF', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Roboto', sans-serif;

  /** primary **/
  --ion-color-primary: rgb(65, 102, 162);
  --ion-color-primary-rgb: 56, 102, 162;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3a5886;
  --ion-color-primary-tint: #3576a9;

  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;

  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;

  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;

  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;

  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;

  /** 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: #545454;
  --ion-color-medium-rgb: 84, 84, 84;
  --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: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;

  /** geckomedium **/
  --ion-color-geckomedium: rgb(65, 102, 162);
  --ion-color-geckomedium-rgb: 56, 102, 162;
  --ion-color-geckomedium-contrast: #ffffff;
  --ion-color-geckomedium-contrast-rgb: 255, 255, 255;
  --ion-color-geckomedium-shade: #3a5886;
  --ion-color-geckomedium-tint: #3576a9;

  /** geckodark **/
  --ion-color-geckodark: #363636;
	--ion-color-geckodark-rgb: 54,54,54;
	--ion-color-geckodark-contrast: #ffffff;
	--ion-color-geckodark-contrast-rgb: 255,255,255;
	--ion-color-geckodark-shade: #303030;
	--ion-color-geckodark-tint: #4a4a4a;

  --crystal-disc-blue: $discBlue;
  --crystal-disc-orange: $discOrange;
  --crystal-disc-red: $discRed;
  --crystal-disc-gray: $discGray;

  /* --ion-color-button-primary: #be38f3;
	--ion-color-button-primary-rgb: 190,56,243;
	--ion-color-button-primary-contrast: #ffffff;
	--ion-color-button-primary-contrast-rgb: 0,0,0;
	--ion-color-button-primary-shade: #a731d6;
	--ion-color-button-primary-tint: #c54cf4; */

  --ion-color-water-status: #ffffff;
	--ion-color-water-status-rgb: 255,255,255;
	/* --ion-color-water-status-contrast: #8AADCA; */
  --ion-color-water-status-contrast: #000;
	--ion-color-water-status-contrast-rgb: 0,0,0;
	--ion-color-water-status-shade: #8AADCA;
	--ion-color-water-status-tint: #ffffff;

}

.ion-color-button-primary {
	--ion-color-base: var(--ion-color-button-primary);
	--ion-color-base-rgb: var(--ion-color-button-primary-rgb);
	--ion-color-contrast: var(--ion-color-button-primary-contrast);
	--ion-color-contrast-rgb: var(--ion-color-button-primary-contrast-rgb);
	--ion-color-shade: var(--ion-color-button-primary-shade);
	--ion-color-tint: var(--ion-color-button-primary-tint);
}

.ion-color-water-status {
	--ion-color-base: var(--ion-color-water-status);
	--ion-color-base-rgb: var(--ion-color-water-status-rgb);
	--ion-color-contrast: var(--ion-color-water-status-contrast);
	--ion-color-contrast-rgb: var(--ion-color-water-status-contrast-rgb);
	--ion-color-shade: var(--ion-color-water-status-shade);
	--ion-color-tint: var(--ion-color-water-status-tint);
}


.flowTitle {
  font-weight: var(--font-weight-normal);
  color: #333;
  margin-bottom: 30px;
}

.ion-color-geckomedium {
	--ion-color-base: var(--ion-color-geckomedium);
	--ion-color-base-rgb: var(--ion-color-geckomedium-rgb);
	--ion-color-contrast: var(--ion-color-geckomedium-contrast);
	--ion-color-contrast-rgb: var(--ion-color-geckomedium-contrast-rgb);
	--ion-color-shade: var(--ion-color-geckomedium-shade);
	--ion-color-tint: var(--ion-color-geckomedium-tint);
}

.ion-color-geckodark {
	--ion-color-base: var(--ion-color-geckodark);
	--ion-color-base-rgb: var(--ion-color-geckodark-rgb);
	--ion-color-contrast: var(--ion-color-geckodark-contrast);
	--ion-color-contrast-rgb: var(--ion-color-geckodark-contrast-rgb);
	--ion-color-shade: var(--ion-color-geckodark-shade);
	--ion-color-tint: var(--ion-color-geckodark-tint);
}

/** Swiper variables **/
/* see https://swiperjs.com/swiper-api#css-styles for more info */
:root {
	--swiper-theme-color: #4f6386;

	/* pagination */
	--swiper-pagination-bullet-inactive-color: #626262;
  }/*
  WARNING: only edit these files in the theme-bundle project or your changes may be overwritten
*/

.base-dark {
    --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-primary-background-tint: #081829;

    --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-warning-background-tint: #3d310b;

    --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;

    /* water-ok */
    --ion-color-water-ok: #2166aa;
    --ion-color-water-ok-rgb: 33, 102, 170;
    --ion-color-water-ok-contrast: #fff;
    --ion-color-water-ok-contrast-rgb: 255, 255, 255;
    --ion-color-water-ok-shade: #1d5a96;
    --ion-color-water-ok-tint: #3775b3;
    --ion-color-water-ok-background-tint: #e5ecf5;
    /* water-warning */
    --ion-color-water-warning: #f67d00;
    --ion-color-water-warning-rgb: 246, 125, 0;
    --ion-color-water-warning-contrast: #fff;
    --ion-color-water-warning-contrast-rgb: 255, 255, 255;
    --ion-color-water-warning-shade: #d86e00;
    --ion-color-water-warning-tint: #f78a1a;
    --ion-color-water-warning-background-tint: #f6eee8;
    /* water-danger */
    --ion-color-water-danger: #da1f1f;
    --ion-color-water-danger-rgb: 218, 31, 31;
    --ion-color-water-danger-contrast: #fff;
    --ion-color-water-danger-contrast-rgb: 255, 255, 255;
    --ion-color-water-danger-shade: #c01b1b;
    --ion-color-water-danger-tint: #de3535;
    --ion-color-water-danger-background-tint: #f4e7ea;
    /* water-unknown */
    --ion-color-water-unknown: #757575;
    --ion-color-water-unknown-rgb: 117, 117, 117;
    --ion-color-water-unknown-contrast: #fff;
    --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
    --ion-color-water-unknown-shade: #676767;
    --ion-color-water-unknown-tint: #838383;
    --ion-color-water-unknown-background-tint: #eceef1;
}

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

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

.base-dark.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

}

.base-dark {
    /* manual additions */
}

.base-dark .ion-color-water-ok {
    --ion-color-base: var(--ion-color-water-ok);
    --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
    --ion-color-contrast: var(--ion-color-water-ok-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-ok-shade);
    --ion-color-tint: var(--ion-color-water-ok-tint);
}
.base-dark .ion-color-water-warning {
    --ion-color-base: var(--ion-color-water-warning);
    --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
    --ion-color-contrast: var(--ion-color-water-warning-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-warning-shade);
    --ion-color-tint: var(--ion-color-water-warning-tint);
}
.base-dark .ion-color-water-danger {
    --ion-color-base: var(--ion-color-water-danger);
    --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
    --ion-color-contrast: var(--ion-color-water-danger-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-danger-shade);
    --ion-color-tint: var(--ion-color-water-danger-tint);
}
.base-dark .ion-color-water-unknown {
    --ion-color-base: var(--ion-color-water-unknown);
    --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
    --ion-color-contrast: var(--ion-color-water-unknown-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-unknown-shade);
    --ion-color-tint: var(--ion-color-water-unknown-tint);
}
/*
This needs to have the Sass output in it with all of the colors plus any additional ones

need to think about how these get generated so we don't accidentally wipe out customizations

*/

/* This is empty because it really shouldn't be loaded (and seeing missing styles will be easier to detect.  Could even go red or something if desired */
.base-light {
    /* Background and Text */
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #000000;
  --ion-text-color-rgb: 0, 0, 0;

}
.bullfrog {
    /* primary */
    --ion-color-primary: #3961A0;
    --ion-color-primary-rgb: 57, 97, 160;
    --ion-color-primary-contrast: #fff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #32558d;
    --ion-color-primary-tint: #4d71aa;
    --ion-color-primary-background-tint: #e7ecf5;
    /* secondary */
    --ion-color-secondary: #9DC5E5;
    --ion-color-secondary-rgb: 157, 197, 229;
    --ion-color-secondary-contrast: #fff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #8aadca;
    --ion-color-secondary-tint: #a7cbe8;
    --ion-color-secondary-background-tint: #eff4fa;
    /* tertiary */
    --ion-color-tertiary: #2B3C5E;
    --ion-color-tertiary-rgb: 43, 60, 94;
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #263553;
    --ion-color-tertiary-tint: #40506e;
    --ion-color-tertiary-background-tint: #e6e9ef;
    /* success */
    --ion-color-success: #9DC5E5;
    --ion-color-success-rgb: 157, 197, 229;
    --ion-color-success-contrast: #fff;
    --ion-color-success-contrast-rgb: 255, 255, 255;
    --ion-color-success-shade: #8aadca;
    --ion-color-success-tint: #a7cbe8;
    --ion-color-success-background-tint: #eff4fa;
    /* warning */
    --ion-color-warning: #FDC40C;
    --ion-color-warning-rgb: 253, 196, 12;
    --ion-color-warning-contrast: #fff;
    --ion-color-warning-contrast-rgb: 255, 255, 255;
    --ion-color-warning-shade: #dfac0b;
    --ion-color-warning-tint: #fdca24;
    --ion-color-warning-background-tint: #f7f4e9;
    /* danger */
    --ion-color-danger: #DA3832;
    --ion-color-danger-rgb: 218, 56, 50;
    --ion-color-danger-contrast: #fff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #c0312c;
    --ion-color-danger-tint: #de4c47;
    --ion-color-danger-background-tint: #f4e9ec;
    /* light */
    --ion-color-light: #EFF9FF;
    --ion-color-light-rgb: 239, 249, 255;
    --ion-color-light-contrast: #000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d2dbe0;
    --ion-color-light-tint: #f1faff;
    --ion-color-light-background-tint: #f5f8fc;
    /* medium */
    --ion-color-medium: #92949C;
    --ion-color-medium-rgb: 146, 148, 156;
    --ion-color-medium-contrast: #fff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #808289;
    --ion-color-medium-tint: #9d9fa6;
    --ion-color-medium-background-tint: #eef0f4;
    /* dark */
    --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;
    --ion-color-dark-background-tint: #e5e7eb;
    /* water-ok */
    --ion-color-water-ok: #9DC5E5;
    --ion-color-water-ok-rgb: 157, 197, 229;
    --ion-color-water-ok-contrast: #fff;
    --ion-color-water-ok-contrast-rgb: 255, 255, 255;
    --ion-color-water-ok-background-tint: #eff4fa;
    --ion-color-water-ok-wave1: #9DC5E5C0;
    /* water-warning */
    --ion-color-water-warning: #FF8D07;
    --ion-color-water-warning-rgb: 255, 141, 7;
    --ion-color-water-warning-contrast: #fff;
    --ion-color-water-warning-contrast-rgb: 255, 255, 255;
    --ion-color-water-warning-background-tint: #f7efe8;
    --ion-color-water-warning-wave1: #FF8D07C0;
    /* water-danger */
    --ion-color-water-danger: #DA3832;
    --ion-color-water-danger-rgb: 218, 56, 50;
    --ion-color-water-danger-contrast: #fff;
    --ion-color-water-danger-contrast-rgb: 255, 255, 255;
    --ion-color-water-danger-background-tint: #f4e9ec;
    --ion-color-water-danger-wave1: #DA3832C0;
    /* water-unknown */
    --ion-color-water-unknown: #B3B5B8;
    --ion-color-water-unknown-rgb: 179, 181, 184;
    --ion-color-water-unknown-contrast: #fff;
    --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
    --ion-color-water-unknown-background-tint: #f1f3f7;
    --ion-color-water-unknown-wave1: #B3B5B8C0;
    /* nav-button */
    --ion-color-nav-button: #fff;
    --ion-color-nav-button-rgb: 255, 255, 255;
    --ion-color-nav-button-contrast: #666;
    --ion-color-nav-button-contrast-rgb: 102, 102, 102;
    --ion-color-nav-button-shade: #ccc;
    --ion-color-nav-button-tint: #fff;
    --ion-color-nav-button-background-tint: #fff;
    /* Background and Text */
    --ion-background-color: #ffffff;
    --ion-background-color-rgb: 255, 255, 255;
    --ion-background-under-wave: #e6e7e8;
    --ion-text-color: #000000;
    --ion-text-color-rgb: 0, 0, 0;
    --ion-background-color-step-50: #f2f2f2;
    --ion-background-color-step-100: #e6e6e6;
    --ion-background-color-step-150: #d9d9d9;
    --ion-background-color-step-200: #cccccc;
    --ion-background-color-step-250: #bfbfbf;
    --ion-background-color-step-300: #b3b3b3;
    --ion-background-color-step-350: #a6a6a6;
    --ion-background-color-step-400: #999999;
    --ion-background-color-step-450: #8c8c8c;
    --ion-background-color-step-500: gray;
    --ion-background-color-step-550: #737373;
    --ion-background-color-step-600: #666666;
    --ion-background-color-step-650: #595959;
    --ion-background-color-step-700: #4d4d4d;
    --ion-background-color-step-750: #404040;
    --ion-background-color-step-800: #333333;
    --ion-background-color-step-850: #262626;
    --ion-background-color-step-900: #1a1a1a;
    --ion-background-color-step-950: #0d0d0d;
    --ion-text-color-step-50: #0d0d0d;
    --ion-text-color-step-100: #1a1a1a;
    --ion-text-color-step-150: #262626;
    --ion-text-color-step-200: #333333;
    --ion-text-color-step-250: #404040;
    --ion-text-color-step-300: #4d4d4d;
    --ion-text-color-step-350: #595959;
    --ion-text-color-step-400: #666666;
    --ion-text-color-step-450: #737373;
    --ion-text-color-step-500: gray;
    --ion-text-color-step-550: #8c8c8c;
    --ion-text-color-step-600: #999999;
    --ion-text-color-step-650: #a6a6a6;
    --ion-text-color-step-700: #b3b3b3;
    --ion-text-color-step-750: #bfbfbf;
    --ion-text-color-step-800: #cccccc;
    --ion-text-color-step-850: #d9d9d9;
    --ion-text-color-step-900: #e6e6e6;
    --ion-text-color-step-950: #f2f2f2;
    /* App specific color variables */
  }
  .bullfrog .ion-color-primary {
    --ion-color-base: var(--ion-color-primary);
    --ion-color-base-rgb: var(--ion-color-primary-rgb);
    --ion-color-contrast: var(--ion-color-primary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
    --ion-color-shade: var(--ion-color-primary-shade);
    --ion-color-tint: var(--ion-color-primary-tint);
  }
  .bullfrog .ion-color-secondary {
    --ion-color-base: var(--ion-color-secondary);
    --ion-color-base-rgb: var(--ion-color-secondary-rgb);
    --ion-color-contrast: var(--ion-color-secondary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
    --ion-color-shade: var(--ion-color-secondary-shade);
    --ion-color-tint: var(--ion-color-secondary-tint);
  }
  .bullfrog .ion-color-tertiary {
    --ion-color-base: var(--ion-color-tertiary);
    --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
    --ion-color-contrast: var(--ion-color-tertiary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
    --ion-color-shade: var(--ion-color-tertiary-shade);
    --ion-color-tint: var(--ion-color-tertiary-tint);
  }
  .bullfrog .ion-color-success {
    --ion-color-base: var(--ion-color-success);
    --ion-color-base-rgb: var(--ion-color-success-rgb);
    --ion-color-contrast: var(--ion-color-success-contrast);
    --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
    --ion-color-shade: var(--ion-color-success-shade);
    --ion-color-tint: var(--ion-color-success-tint);
  }
  .bullfrog .ion-color-warning {
    --ion-color-base: var(--ion-color-warning);
    --ion-color-base-rgb: var(--ion-color-warning-rgb);
    --ion-color-contrast: var(--ion-color-warning-contrast);
    --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
    --ion-color-shade: var(--ion-color-warning-shade);
    --ion-color-tint: var(--ion-color-warning-tint);
  }
  .bullfrog .ion-color-danger {
    --ion-color-base: var(--ion-color-danger);
    --ion-color-base-rgb: var(--ion-color-danger-rgb);
    --ion-color-contrast: var(--ion-color-danger-contrast);
    --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
    --ion-color-shade: var(--ion-color-danger-shade);
    --ion-color-tint: var(--ion-color-danger-tint);
  }
  .bullfrog .ion-color-light {
    --ion-color-base: var(--ion-color-light);
    --ion-color-base-rgb: var(--ion-color-light-rgb);
    --ion-color-contrast: var(--ion-color-light-contrast);
    --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
    --ion-color-shade: var(--ion-color-light-shade);
    --ion-color-tint: var(--ion-color-light-tint);
  }
  .bullfrog .ion-color-medium {
    --ion-color-base: var(--ion-color-medium);
    --ion-color-base-rgb: var(--ion-color-medium-rgb);
    --ion-color-contrast: var(--ion-color-medium-contrast);
    --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
    --ion-color-shade: var(--ion-color-medium-shade);
    --ion-color-tint: var(--ion-color-medium-tint);
  }
  .bullfrog .ion-color-dark {
    --ion-color-base: var(--ion-color-dark);
    --ion-color-base-rgb: var(--ion-color-dark-rgb);
    --ion-color-contrast: var(--ion-color-dark-contrast);
    --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
    --ion-color-shade: var(--ion-color-dark-shade);
    --ion-color-tint: var(--ion-color-dark-tint);
  }
  .bullfrog .ion-color-water-ok {
    --ion-color-base: var(--ion-color-water-ok);
    --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
    --ion-color-contrast: var(--ion-color-water-ok-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-ok-shade);
    --ion-color-tint: var(--ion-color-water-ok-tint);
  }
  .bullfrog .ion-color-water-warning {
    --ion-color-base: var(--ion-color-water-warning);
    --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
    --ion-color-contrast: var(--ion-color-water-warning-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-warning-shade);
    --ion-color-tint: var(--ion-color-water-warning-tint);
  }
  .bullfrog .ion-color-water-danger {
    --ion-color-base: var(--ion-color-water-danger);
    --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
    --ion-color-contrast: var(--ion-color-water-danger-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-danger-shade);
    --ion-color-tint: var(--ion-color-water-danger-tint);
  }
  .bullfrog .ion-color-water-unknown {
    --ion-color-base: var(--ion-color-water-unknown);
    --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
    --ion-color-contrast: var(--ion-color-water-unknown-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-unknown-shade);
    --ion-color-tint: var(--ion-color-water-unknown-tint);
  }
  .bullfrog .ion-color-nav-button {
    --ion-color-base: var(--ion-color-nav-button);
    --ion-color-base-rgb: var(--ion-color-nav-button-rgb);
    --ion-color-contrast: var(--ion-color-nav-button-contrast);
    --ion-color-contrast-rgb: var(--ion-color-nav-button-contrast-rgb);
    --ion-color-shade: var(--ion-color-nav-button-shade);
    --ion-color-tint: var(--ion-color-nav-button-tint);
  }
/*
  WARNING: only edit these files in the theme-bundle project or your changes may be overwritten
*/

.crystal {
  /* primary */
  --ion-color-primary: #4166a2;
  --ion-color-primary-rgb: 65, 102, 162;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #395a8f;
  --ion-color-primary-tint: #5475ab;
  --ion-color-primary-background-tint: #e6f7ff;
  --ion-color-primary-background-contrast: #0f2549;
  --ion-color-primary-border: #BADAEA;

  /* secondary */
  --ion-color-secondary: #46b1ff;
  --ion-color-secondary-rgb: 70, 177, 255;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #3e9ce0;
  --ion-color-secondary-tint: #59b9ff;
  --ion-color-secondary-background-tint: #e8f2fc;
  --ion-color-secondary-background-contrast: #125281;
  /* tertiary */
  --ion-color-tertiary: #0eadc9;
  --ion-color-tertiary-rgb: 14, 173, 201;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #0c98b1;
  --ion-color-tertiary-tint: #26b5ce;
  --ion-color-tertiary-background-tint: #e3f2f8;
  --ion-color-tertiary-background-contrast: #005061;
  /* success */
  --ion-color-success: #399A6E;
  --ion-color-success-rgb: 57, 154, 110;
  --ion-color-success-contrast: #fff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #328861;
  --ion-color-success-tint: #4da47d;
  --ion-color-success-background-tint: #e7f0f1;
  --ion-color-success-background-contrast: #0a442a;
  /* warning */
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-warning-background-tint: #FEF4D0;
  --ion-color-warning-background-contrast: #Af7317;
  --ion-color-warning-border: #FCEAA3;

  /* danger */
  --ion-color-danger: #da1f1f;
  --ion-color-danger-rgb: 218, 31, 31;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #c01b1b;
  --ion-color-danger-tint: #de3535;
  --ion-color-danger-background-tint: #f4e7ea;
  --ion-color-danger-background-contrast: #6b0000;
  /* light */
  --ion-color-light: #f6f8fc;
  --ion-color-light-rgb: 246, 248, 252;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d8dade;
  --ion-color-light-tint: #f7f9fc;
  --ion-color-light-background-tint: #f6f8fc;
  --ion-color-light-background-contrast: #7c7d7f;
  /* medium */
  --ion-color-medium: #5f5f5f;
  --ion-color-medium-rgb: 95, 95, 95;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #545454;
  --ion-color-medium-tint: #6f6f6f;
  --ion-color-medium-background-tint: #eaecef;
  --ion-color-medium-background-contrast: #212121;
  /* dark */
  --ion-color-dark: #2f2f2f;
  --ion-color-dark-rgb: 47, 47, 47;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #292929;
  --ion-color-dark-tint: #444444;
  --ion-color-dark-background-tint: #e6e8ec;
  --ion-color-dark-background-contrast: #040404;
  /* water-ok */
  --ion-color-water-ok: #2166aa;
  --ion-color-water-ok-rgb: 33, 102, 170;
  --ion-color-water-ok-contrast: #fff;
  --ion-color-water-ok-contrast-rgb: 255, 255, 255;
  --ion-color-water-ok-shade: #1d5a96;
  --ion-color-water-ok-tint: #3775b3;
  --ion-color-water-ok-background-tint: #e5ecf5;
  --ion-color-water-ok-background-contrast: #00254e;
  /* water-warning */
  --ion-color-water-warning: #f67d00;
  --ion-color-water-warning-rgb: 246, 125, 0;
  --ion-color-water-warning-contrast: #fff;
  --ion-color-water-warning-contrast-rgb: 255, 255, 255;
  --ion-color-water-warning-shade: #d86e00;
  --ion-color-water-warning-tint: #f78a1a;
  --ion-color-water-warning-background-tint: #f6eee8;
  --ion-color-water-warning-background-contrast: #7c3300;
  /* water-danger */
  --ion-color-water-danger: #da1f1f;
  --ion-color-water-danger-rgb: 218, 31, 31;
  --ion-color-water-danger-contrast: #fff;
  --ion-color-water-danger-contrast-rgb: 255, 255, 255;
  --ion-color-water-danger-shade: #c01b1b;
  --ion-color-water-danger-tint: #de3535;
  --ion-color-water-danger-background-tint: #f4e7ea;
  --ion-color-water-danger-background-contrast: #6b0000;
  /* water-unknown */
  --ion-color-water-unknown: #757575;
  --ion-color-water-unknown-rgb: 117, 117, 117;
  --ion-color-water-unknown-contrast: #fff;
  --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
  --ion-color-water-unknown-shade: #676767;
  --ion-color-water-unknown-tint: #838383;
  --ion-color-water-unknown-background-tint: #eceef1;
  --ion-color-water-unknown-background-contrast: #2e2e2e;
  /* required-report */
  --ion-color-required-report: #30718A;
  --ion-color-required-report-rgb: 48, 113, 138;
  --ion-color-required-report-contrast: #fff;
  --ion-color-required-report-contrast-rgb: 255, 255, 255;
  --ion-color-required-report-shade: #2a6379;
  --ion-color-required-report-tint: #457f96;
  --ion-color-required-report-background-tint: #e6edf3;
  --ion-color-required-report-background-contrast: #052c3b;
  /* recommended-report */
  --ion-color-recommended-report: #525E9E;
  --ion-color-recommended-report-rgb: 82, 94, 158;
  --ion-color-recommended-report-contrast: #fff;
  --ion-color-recommended-report-contrast-rgb: 255, 255, 255;
  --ion-color-recommended-report-shade: #48538b;
  --ion-color-recommended-report-tint: #636ea8;
  --ion-color-recommended-report-background-tint: #e9ecf4;
  --ion-color-recommended-report-background-contrast: #192047;
  /* Background and Text */
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #000000;
  --ion-text-color-rgb: 0, 0, 0;
  --ion-background-color-step-50: #f2f2f2;
  --ion-background-color-step-100: #e6e6e6;
  --ion-background-color-step-150: #d9d9d9;
  --ion-background-color-step-200: #cccccc;
  --ion-background-color-step-250: #bfbfbf;
  --ion-background-color-step-300: #b3b3b3;
  --ion-background-color-step-350: #a6a6a6;
  --ion-background-color-step-400: #999999;
  --ion-background-color-step-450: #8c8c8c;
  --ion-background-color-step-500: gray;
  --ion-background-color-step-550: #737373;
  --ion-background-color-step-600: #666666;
  --ion-background-color-step-650: #595959;
  --ion-background-color-step-700: #4d4d4d;
  --ion-background-color-step-750: #404040;
  --ion-background-color-step-800: #333333;
  --ion-background-color-step-850: #262626;
  --ion-background-color-step-900: #1a1a1a;
  --ion-background-color-step-950: #0d0d0d;
  --ion-text-color-step-50: #0d0d0d;
  --ion-text-color-step-100: #1a1a1a;
  --ion-text-color-step-150: #262626;
  --ion-text-color-step-200: #333333;
  --ion-text-color-step-250: #404040;
  --ion-text-color-step-300: #4d4d4d;
  --ion-text-color-step-350: #595959;
  --ion-text-color-step-400: #666666;
  --ion-text-color-step-450: #737373;
  --ion-text-color-step-500: gray;
  --ion-text-color-step-550: #8c8c8c;
  --ion-text-color-step-600: #999999;
  --ion-text-color-step-650: #a6a6a6;
  --ion-text-color-step-700: #b3b3b3;
  --ion-text-color-step-750: #bfbfbf;
  --ion-text-color-step-800: #cccccc;
  --ion-text-color-step-850: #d9d9d9;
  --ion-text-color-step-900: #e6e6e6;
  --ion-text-color-step-950: #f2f2f2;
  /* App specific color variables */
}
.crystal .ion-color-primary {
  --ion-color-base: var(--ion-color-primary);
  --ion-color-base-rgb: var(--ion-color-primary-rgb);
  --ion-color-contrast: var(--ion-color-primary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
  --ion-color-shade: var(--ion-color-primary-shade);
  --ion-color-tint: var(--ion-color-primary-tint);
}
.crystal .ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary);
  --ion-color-base-rgb: var(--ion-color-secondary-rgb);
  --ion-color-contrast: var(--ion-color-secondary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
  --ion-color-shade: var(--ion-color-secondary-shade);
  --ion-color-tint: var(--ion-color-secondary-tint);
}
.crystal .ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary);
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
  --ion-color-contrast: var(--ion-color-tertiary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
  --ion-color-shade: var(--ion-color-tertiary-shade);
  --ion-color-tint: var(--ion-color-tertiary-tint);
}
.crystal .ion-color-success {
  --ion-color-base: var(--ion-color-success);
  --ion-color-base-rgb: var(--ion-color-success-rgb);
  --ion-color-contrast: var(--ion-color-success-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
  --ion-color-shade: var(--ion-color-success-shade);
  --ion-color-tint: var(--ion-color-success-tint);
}
.crystal .ion-color-warning {
  --ion-color-base: var(--ion-color-warning);
  --ion-color-base-rgb: var(--ion-color-warning-rgb);
  --ion-color-contrast: var(--ion-color-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning-shade);
  --ion-color-tint: var(--ion-color-warning-tint);
}
.crystal .ion-color-danger {
  --ion-color-base: var(--ion-color-danger);
  --ion-color-base-rgb: var(--ion-color-danger-rgb);
  --ion-color-contrast: var(--ion-color-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-danger-shade);
  --ion-color-tint: var(--ion-color-danger-tint);
}
.crystal .ion-color-light {
  --ion-color-base: var(--ion-color-light);
  --ion-color-base-rgb: var(--ion-color-light-rgb);
  --ion-color-contrast: var(--ion-color-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-shade);
  --ion-color-tint: var(--ion-color-light-tint);
}
.crystal .ion-color-medium {
  --ion-color-base: var(--ion-color-medium);
  --ion-color-base-rgb: var(--ion-color-medium-rgb);
  --ion-color-contrast: var(--ion-color-medium-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-shade);
  --ion-color-tint: var(--ion-color-medium-tint);
}
.crystal .ion-color-dark {
  --ion-color-base: var(--ion-color-dark);
  --ion-color-base-rgb: var(--ion-color-dark-rgb);
  --ion-color-contrast: var(--ion-color-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-shade);
  --ion-color-tint: var(--ion-color-dark-tint);
}
.crystal .ion-color-water-ok {
  --ion-color-base: var(--ion-color-water-ok);
  --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
  --ion-color-contrast: var(--ion-color-water-ok-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-ok-shade);
  --ion-color-tint: var(--ion-color-water-ok-tint);
}
.crystal .ion-color-water-warning {
  --ion-color-base: var(--ion-color-water-warning);
  --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
  --ion-color-contrast: var(--ion-color-water-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-warning-shade);
  --ion-color-tint: var(--ion-color-water-warning-tint);
}
.crystal .ion-color-water-danger {
  --ion-color-base: var(--ion-color-water-danger);
  --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
  --ion-color-contrast: var(--ion-color-water-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-danger-shade);
  --ion-color-tint: var(--ion-color-water-danger-tint);
}
.crystal .ion-color-water-unknown {
  --ion-color-base: var(--ion-color-water-unknown);
  --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
  --ion-color-contrast: var(--ion-color-water-unknown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-unknown-shade);
  --ion-color-tint: var(--ion-color-water-unknown-tint);
}
.crystal .ion-color-required-report {
  --ion-color-base: var(--ion-color-required-report);
  --ion-color-base-rgb: var(--ion-color-required-report-rgb);
  --ion-color-contrast: var(--ion-color-required-report-contrast);
  --ion-color-contrast-rgb: var(--ion-color-required-report-contrast-rgb);
  --ion-color-shade: var(--ion-color-required-report-shade);
  --ion-color-tint: var(--ion-color-required-report-tint);
}
.crystal .ion-color-recommended-report {
  --ion-color-base: var(--ion-color-recommended-report);
  --ion-color-base-rgb: var(--ion-color-recommended-report-rgb);
  --ion-color-contrast: var(--ion-color-recommended-report-contrast);
  --ion-color-contrast-rgb: var(--ion-color-recommended-report-contrast-rgb);
  --ion-color-shade: var(--ion-color-recommended-report-shade);
  --ion-color-tint: var(--ion-color-recommended-report-tint);
}
.gecko {
  /* primary */
  --ion-color-primary: #235E96;
  --ion-color-primary-rgb: 35, 94, 150;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #1f5384;
  --ion-color-primary-tint: #396ea1;
  --ion-color-primary-background-tint: #e5ecf4;
  /* secondary */
  --ion-color-secondary: #2691DF;
  --ion-color-secondary-rgb: 38, 145, 223;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #2180c4;
  --ion-color-secondary-tint: #3c9ce2;
  --ion-color-secondary-background-tint: #e5f0fa;
  /* tertiary */
  --ion-color-tertiary: #2B3C5E;
  --ion-color-tertiary-rgb: 43, 60, 94;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #263553;
  --ion-color-tertiary-tint: #40506e;
  --ion-color-tertiary-background-tint: #e6e9ef;
  /* success */
  --ion-color-success: #2FD36F;
  --ion-color-success-rgb: 47, 211, 111;
  --ion-color-success-contrast: #fff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #29ba62;
  --ion-color-success-tint: #44d77d;
  --ion-color-success-background-tint: #e6f5f1;
  /* warning */
  --ion-color-warning: #FF8D07;
  --ion-color-warning-rgb: 255, 141, 7;
  --ion-color-warning-contrast: #fff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e07c06;
  --ion-color-warning-tint: #ff9820;
  --ion-color-warning-background-tint: #f7efe8;
  /* danger */
  --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-danger-background-tint: #f2e4e9;
  /* light */
  --ion-color-light: #EFF9FF;
  --ion-color-light-rgb: 239, 249, 255;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d2dbe0;
  --ion-color-light-tint: #f1faff;
  --ion-color-light-background-tint: #f5f8fc;
  /* medium */
  --ion-color-medium: #92949C;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-medium-background-tint: #eef0f4;
  /* dark */
  --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;
  --ion-color-dark-background-tint: #e5e7eb;
  /* water-ok */
  --ion-color-water-ok: #2691DF;
  --ion-color-water-ok-rgb: 38, 145, 223;
  --ion-color-water-ok-contrast: #fff;
  --ion-color-water-ok-contrast-rgb: 255, 255, 255;
  --ion-color-water-ok-background-tint: #e0e4e8;
  --ion-color-water-ok-wave1: #2691DFC0;
  /* water-warning */
  --ion-color-water-warning: #FF8D07;
  --ion-color-water-warning-rgb: 255, 141, 7;
  --ion-color-water-warning-contrast: #fff;
  --ion-color-water-warning-contrast-rgb: 255, 255, 255;
  --ion-color-water-warning-background-tint: #f1e8dd;
  --ion-color-water-warning-wave1: #FF8D07C0;
  /* water-danger */
  --ion-color-water-danger: #FF0000;
  --ion-color-water-danger-rgb: 255, 0, 0;
  --ion-color-water-danger-contrast: #fff;
  --ion-color-water-danger-contrast-rgb: 255, 255, 255;
  --ion-color-water-danger-background-tint: #edddde;
  --ion-color-water-danger-wave1: #FF0000C0;
  /* water-unknown */
  --ion-color-water-unknown: #92949C;
  --ion-color-water-unknown-rgb: 146, 148, 156;
  --ion-color-water-unknown-contrast: #fff;
  --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
  --ion-color-water-unknown-background-tint: #eef0f4;
  --ion-color-water-unknown-wave1: #92949CC0;
  /* nav-button */
  --ion-color-nav-button: #fff;
  --ion-color-nav-button-rgb: 255, 255, 255;
  --ion-color-nav-button-contrast: #666;
  --ion-color-nav-button-contrast-rgb: 102, 102, 102;
  --ion-color-nav-button-shade: #ccc;
  --ion-color-nav-button-tint: #fff;
  --ion-color-nav-button-background-tint: #fff;
  /* Background and Text */
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-text-color: #000000;
  --ion-text-color-rgb: 0, 0, 0;
  --ion-background-color-step-50: #f2f2f2;
  --ion-background-color-step-100: #e6e6e6;
  --ion-background-color-step-150: #d9d9d9;
  --ion-background-color-step-200: #cccccc;
  --ion-background-color-step-250: #bfbfbf;
  --ion-background-color-step-300: #b3b3b3;
  --ion-background-color-step-350: #a6a6a6;
  --ion-background-color-step-400: #999999;
  --ion-background-color-step-450: #8c8c8c;
  --ion-background-color-step-500: gray;
  --ion-background-color-step-550: #737373;
  --ion-background-color-step-600: #666666;
  --ion-background-color-step-650: #595959;
  --ion-background-color-step-700: #4d4d4d;
  --ion-background-color-step-750: #404040;
  --ion-background-color-step-800: #333333;
  --ion-background-color-step-850: #262626;
  --ion-background-color-step-900: #1a1a1a;
  --ion-background-color-step-950: #0d0d0d;
  --ion-text-color-step-50: #0d0d0d;
  --ion-text-color-step-100: #1a1a1a;
  --ion-text-color-step-150: #262626;
  --ion-text-color-step-200: #333333;
  --ion-text-color-step-250: #404040;
  --ion-text-color-step-300: #4d4d4d;
  --ion-text-color-step-350: #595959;
  --ion-text-color-step-400: #666666;
  --ion-text-color-step-450: #737373;
  --ion-text-color-step-500: gray;
  --ion-text-color-step-550: #8c8c8c;
  --ion-text-color-step-600: #999999;
  --ion-text-color-step-650: #a6a6a6;
  --ion-text-color-step-700: #b3b3b3;
  --ion-text-color-step-750: #bfbfbf;
  --ion-text-color-step-800: #cccccc;
  --ion-text-color-step-850: #d9d9d9;
  --ion-text-color-step-900: #e6e6e6;
  --ion-text-color-step-950: #f2f2f2;
  /* App specific color variables */
}
.gecko .ion-color-primary {
  --ion-color-base: var(--ion-color-primary);
  --ion-color-base-rgb: var(--ion-color-primary-rgb);
  --ion-color-contrast: var(--ion-color-primary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
  --ion-color-shade: var(--ion-color-primary-shade);
  --ion-color-tint: var(--ion-color-primary-tint);
}
.gecko .ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary);
  --ion-color-base-rgb: var(--ion-color-secondary-rgb);
  --ion-color-contrast: var(--ion-color-secondary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
  --ion-color-shade: var(--ion-color-secondary-shade);
  --ion-color-tint: var(--ion-color-secondary-tint);
}
.gecko .ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary);
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
  --ion-color-contrast: var(--ion-color-tertiary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
  --ion-color-shade: var(--ion-color-tertiary-shade);
  --ion-color-tint: var(--ion-color-tertiary-tint);
}
.gecko .ion-color-success {
  --ion-color-base: var(--ion-color-success);
  --ion-color-base-rgb: var(--ion-color-success-rgb);
  --ion-color-contrast: var(--ion-color-success-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
  --ion-color-shade: var(--ion-color-success-shade);
  --ion-color-tint: var(--ion-color-success-tint);
}
.gecko .ion-color-warning {
  --ion-color-base: var(--ion-color-warning);
  --ion-color-base-rgb: var(--ion-color-warning-rgb);
  --ion-color-contrast: var(--ion-color-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning-shade);
  --ion-color-tint: var(--ion-color-warning-tint);
}
.gecko .ion-color-danger {
  --ion-color-base: var(--ion-color-danger);
  --ion-color-base-rgb: var(--ion-color-danger-rgb);
  --ion-color-contrast: var(--ion-color-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-danger-shade);
  --ion-color-tint: var(--ion-color-danger-tint);
}
.gecko .ion-color-light {
  --ion-color-base: var(--ion-color-light);
  --ion-color-base-rgb: var(--ion-color-light-rgb);
  --ion-color-contrast: var(--ion-color-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-shade);
  --ion-color-tint: var(--ion-color-light-tint);
}
.gecko .ion-color-medium {
  --ion-color-base: var(--ion-color-medium);
  --ion-color-base-rgb: var(--ion-color-medium-rgb);
  --ion-color-contrast: var(--ion-color-medium-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-shade);
  --ion-color-tint: var(--ion-color-medium-tint);
}
.gecko .ion-color-dark {
  --ion-color-base: var(--ion-color-dark);
  --ion-color-base-rgb: var(--ion-color-dark-rgb);
  --ion-color-contrast: var(--ion-color-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-shade);
  --ion-color-tint: var(--ion-color-dark-tint);
}
.gecko .ion-color-water-ok {
  --ion-color-base: var(--ion-color-water-ok);
  --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
  --ion-color-contrast: var(--ion-color-water-ok-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-ok-shade);
  --ion-color-tint: var(--ion-color-water-ok-tint);
}
.gecko .ion-color-water-warning {
  --ion-color-base: var(--ion-color-water-warning);
  --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
  --ion-color-contrast: var(--ion-color-water-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-warning-shade);
  --ion-color-tint: var(--ion-color-water-warning-tint);
}
.gecko .ion-color-water-danger {
  --ion-color-base: var(--ion-color-water-danger);
  --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
  --ion-color-contrast: var(--ion-color-water-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-danger-shade);
  --ion-color-tint: var(--ion-color-water-danger-tint);
}
.gecko .ion-color-water-unknown {
  --ion-color-base: var(--ion-color-water-unknown);
  --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
  --ion-color-contrast: var(--ion-color-water-unknown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-unknown-shade);
  --ion-color-tint: var(--ion-color-water-unknown-tint);
}
.gecko .ion-color-nav-button {
  --ion-color-base: var(--ion-color-nav-button);
  --ion-color-base-rgb: var(--ion-color-nav-button-rgb);
  --ion-color-contrast: var(--ion-color-nav-button-contrast);
  --ion-color-contrast-rgb: var(--ion-color-nav-button-contrast-rgb);
  --ion-color-shade: var(--ion-color-nav-button-shade);
  --ion-color-tint: var(--ion-color-nav-button-tint);
}

.gecko .border-radius-12 {
  --border-radius: 12px !important;
}.hydropool {
  /* primary */
  --ion-color-primary: #5c96ac;
  --ion-color-primary-rgb: 92, 150, 172;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #518497;
  --ion-color-primary-tint: #6ca0b4;
  --ion-color-primary-background-tint: rgba(92, 150, 172, 0.18);
  /* secondary */
  --ion-color-secondary: #89d0ed;
  --ion-color-secondary-rgb: 137, 208, 237;
  --ion-color-secondary-contrast: #10242e;
  --ion-color-secondary-contrast-rgb: 16, 36, 46;
  --ion-color-secondary-shade: #79b7d1;
  --ion-color-secondary-tint: #95d5ef;
  --ion-color-secondary-background-tint: rgba(137, 208, 237, 0.16);
  /* tertiary*/
  --ion-color-tertiary: #767676;
  --ion-color-tertiary-rgb: 118, 118, 118;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #686868;
  --ion-color-tertiary-tint: #848484;
  --ion-color-tertiary-background-tint: #eff4fa;
  /* success */
  --ion-color-success: #2fd36f;
  --ion-color-success-rgb: 47, 211, 111;
  --ion-color-success-contrast: #fff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #29ba62;
  --ion-color-success-tint: #44d77d;
  --ion-color-success-background-tint: #e9f9f0;
  /* warning */
  --ion-color-warning: #ff8d07;
  --ion-color-warning-rgb: 255, 141, 7;
  --ion-color-warning-contrast: #fff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e07c06;
  --ion-color-warning-tint: #ff9820;
  --ion-color-warning-background-tint: #f7f0e6;
  /* danger */
  --ion-color-danger: #dc3545;
  --ion-color-danger-rgb: 220, 53, 69;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #c22f3d;
  --ion-color-danger-tint: #e04958;
  --ion-color-danger-background-tint: #f4e9ec;
  /* light */
  --ion-color-light: #f2f2f2;
  --ion-color-light-rgb: 242, 242, 242;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #e9e9e9;
  --ion-color-light-tint: #f8f8f8;
  --ion-color-light-background-tint: #f5f8fc;
  /* medium */
  --ion-color-medium: #767676;
  --ion-color-medium-rgb: 118, 118, 118;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #686868;
  --ion-color-medium-tint: #848484;
  --ion-color-medium-background-tint: #eef0f4;
  /* dark */
  --ion-color-dark: #1b2122;
  --ion-color-dark-rgb: 27, 33, 34;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #181d1e;
  --ion-color-dark-tint: #323738;
  --ion-color-dark-background-tint: #e4e6e6;
  /* water-ok */
  --ion-color-water-ok: #2691df;
  --ion-color-water-ok-rgb: 38, 145, 223;
  --ion-color-water-ok-contrast: #fff;
  --ion-color-water-ok-contrast-rgb: 255, 255, 255;
  --ion-color-water-ok-shade: #2180c4;
  --ion-color-water-ok-tint: #3c9ce5;
  --ion-color-water-ok-background-tint: rgba(38, 145, 223, 0.22);
  --ion-color-water-ok-wave1: #2691dfff;
  /* water-warning */
  --ion-color-water-warning: #ff8d07;
  --ion-color-water-warning-rgb: 255, 141, 7;
  --ion-color-water-warning-contrast: #fff;
  --ion-color-water-warning-contrast-rgb: 255, 255, 255;
  --ion-color-water-warning-shade: #e07c06;
  --ion-color-water-warning-tint: #ff9820;
  --ion-color-water-warning-background-tint: rgba(255, 141, 7, 0.22);
  --ion-color-water-warning-wave1: #ff8d07ff;
  /* water-danger */
  --ion-color-water-danger: #ff0000;
  --ion-color-water-danger-rgb: 255, 0, 0;
  --ion-color-water-danger-contrast: #fff;
  --ion-color-water-danger-contrast-rgb: 255, 255, 255;
  --ion-color-water-danger-shade: #e00000;
  --ion-color-water-danger-tint: #ff1a1a;
  --ion-color-water-danger-background-tint: rgba(255, 0, 0, 0.22);
  --ion-color-water-danger-wave1: #ff0000ff;
  /* water-unknown */
  --ion-color-water-unknown: #92949c;
  --ion-color-water-unknown-rgb: 146, 148, 156;
  --ion-color-water-unknown-contrast: #fff;
  --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
  --ion-color-water-unknown-shade: #808289;
  --ion-color-water-unknown-tint: #9d9fa6;
  --ion-color-water-unknown-background-tint: rgba(146, 148, 156, 0.22);
  --ion-color-water-unknown-wave1: #92949cff;
  /* nav-button (Water/Energy) — shares the translucent surface-container with cards so the
     branded background shows through, with light text (matches Figma). */
  --ion-color-nav-button: var(--theme-surface-container);
  --ion-color-nav-button-rgb: 27, 33, 34;
  --ion-color-nav-button-contrast: #ffffff;
  --ion-color-nav-button-contrast-rgb: 255, 255, 255;
  --ion-color-nav-button-shade: rgba(24, 29, 30, 0.8);
  --ion-color-nav-button-tint: rgba(43, 49, 51, 0.8);
  --ion-color-nav-button-background-tint: var(--theme-surface-container);
  /* Background and Text (dark theme) */
  --ion-background-color: #1b2122;
  --ion-background-color-rgb: 27, 33, 34;
  --ion-background-under-wave: #12181a;
  --ion-text-color: #dee3e5;
  --ion-text-color-rgb: 222, 227, 229;
  /* Generic translucent surface tokens (theme features, reusable by any variant that
     places its UI over a full-bleed / branded background). Values here match the
     Hydropool Figma "Schemes":
     - surface-container: primary card/panel/button fill (Schemes/Surface Container)
     - surface-variant:   pills and the classic "Start a session" button (Schemes/Surface Variant)
     - surface-outline:   dividers/borders on those surfaces (Schemes/Outline Variant) */
  --theme-surface-container: rgba(27, 33, 34, 0.8);
  --theme-surface-variant: rgba(63, 72, 75, 0.6);
  --theme-surface-outline: #3f484b;
  /* Dark translucent surfaces so the branded background shows through cards */
  --ion-card-background: var(--theme-surface-container);
  --ion-item-background: var(--theme-surface-container);
  --ion-toolbar-background: transparent;
  /* background steps go dark -> light as the number increases (inverted for dark mode) */
  --ion-background-color-step-50: #262b2c;
  --ion-background-color-step-100: #303536;
  --ion-background-color-step-150: #3a4041;
  --ion-background-color-step-200: #454a4b;
  --ion-background-color-step-250: #4f5455;
  --ion-background-color-step-300: #595e5f;
  --ion-background-color-step-350: #646869;
  --ion-background-color-step-400: #6e7273;
  --ion-background-color-step-450: #787c7d;
  --ion-background-color-step-500: #838787;
  --ion-background-color-step-550: #8d9091;
  --ion-background-color-step-600: #979a9b;
  --ion-background-color-step-650: #a2a4a5;
  --ion-background-color-step-700: #acaeaf;
  --ion-background-color-step-750: #b6b8b9;
  --ion-background-color-step-800: #c1c2c3;
  --ion-background-color-step-850: #cbcccc;
  --ion-background-color-step-900: #d5d6d6;
  --ion-background-color-step-950: #dfe0e0;
  /* text steps go light -> dark as the number increases (inverted for dark mode) */
  --ion-text-color-step-50: #dfe0e0;
  --ion-text-color-step-100: #d5d6d6;
  --ion-text-color-step-150: #cbcccc;
  --ion-text-color-step-200: #c1c2c3;
  --ion-text-color-step-250: #b6b8b9;
  --ion-text-color-step-300: #acaeaf;
  --ion-text-color-step-350: #a2a4a5;
  --ion-text-color-step-400: #979a9b;
  --ion-text-color-step-450: #8d9091;
  --ion-text-color-step-500: #838787;
  --ion-text-color-step-550: #787c7d;
  --ion-text-color-step-600: #6e7273;
  --ion-text-color-step-650: #646869;
  --ion-text-color-step-700: #595e5f;
  --ion-text-color-step-750: #4f5455;
  --ion-text-color-step-800: #454a4b;
  --ion-text-color-step-850: #3a4041;
  --ion-text-color-step-900: #303536;
  --ion-text-color-step-950: #262b2c;
  /* App specific color variables */
}
.hydropool .ion-color-primary {
  --ion-color-base: var(--ion-color-primary);
  --ion-color-base-rgb: var(--ion-color-primary-rgb);
  --ion-color-contrast: var(--ion-color-primary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
  --ion-color-shade: var(--ion-color-primary-shade);
  --ion-color-tint: var(--ion-color-primary-tint);
}
.hydropool .ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary);
  --ion-color-base-rgb: var(--ion-color-secondary-rgb);
  --ion-color-contrast: var(--ion-color-secondary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
  --ion-color-shade: var(--ion-color-secondary-shade);
  --ion-color-tint: var(--ion-color-secondary-tint);
}
.hydropool .ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary);
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
  --ion-color-contrast: var(--ion-color-tertiary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
  --ion-color-shade: var(--ion-color-tertiary-shade);
  --ion-color-tint: var(--ion-color-tertiary-tint);
}
.hydropool .ion-color-success {
  --ion-color-base: var(--ion-color-success);
  --ion-color-base-rgb: var(--ion-color-success-rgb);
  --ion-color-contrast: var(--ion-color-success-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
  --ion-color-shade: var(--ion-color-success-shade);
  --ion-color-tint: var(--ion-color-success-tint);
}
.hydropool .ion-color-warning {
  --ion-color-base: var(--ion-color-warning);
  --ion-color-base-rgb: var(--ion-color-warning-rgb);
  --ion-color-contrast: var(--ion-color-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning-shade);
  --ion-color-tint: var(--ion-color-warning-tint);
}
.hydropool .ion-color-danger {
  --ion-color-base: var(--ion-color-danger);
  --ion-color-base-rgb: var(--ion-color-danger-rgb);
  --ion-color-contrast: var(--ion-color-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-danger-shade);
  --ion-color-tint: var(--ion-color-danger-tint);
}
.hydropool .ion-color-light {
  --ion-color-base: var(--ion-color-light);
  --ion-color-base-rgb: var(--ion-color-light-rgb);
  --ion-color-contrast: var(--ion-color-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-shade);
  --ion-color-tint: var(--ion-color-light-tint);
}
.hydropool .ion-color-medium {
  --ion-color-base: var(--ion-color-medium);
  --ion-color-base-rgb: var(--ion-color-medium-rgb);
  --ion-color-contrast: var(--ion-color-medium-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-shade);
  --ion-color-tint: var(--ion-color-medium-tint);
}
.hydropool .ion-color-dark {
  --ion-color-base: var(--ion-color-dark);
  --ion-color-base-rgb: var(--ion-color-dark-rgb);
  --ion-color-contrast: var(--ion-color-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-shade);
  --ion-color-tint: var(--ion-color-dark-tint);
}
.hydropool .ion-color-water-ok {
  --ion-color-base: var(--ion-color-water-ok);
  --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
  --ion-color-contrast: var(--ion-color-water-ok-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-ok-shade);
  --ion-color-tint: var(--ion-color-water-ok-tint);
}
.hydropool .ion-color-water-warning {
  --ion-color-base: var(--ion-color-water-warning);
  --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
  --ion-color-contrast: var(--ion-color-water-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-warning-shade);
  --ion-color-tint: var(--ion-color-water-warning-tint);
}
.hydropool .ion-color-water-danger {
  --ion-color-base: var(--ion-color-water-danger);
  --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
  --ion-color-contrast: var(--ion-color-water-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-danger-shade);
  --ion-color-tint: var(--ion-color-water-danger-tint);
}
.hydropool .ion-color-water-unknown {
  --ion-color-base: var(--ion-color-water-unknown);
  --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
  --ion-color-contrast: var(--ion-color-water-unknown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-unknown-shade);
  --ion-color-tint: var(--ion-color-water-unknown-tint);
}

.hydropool .ion-color-nav-button {
  --ion-color-base: var(--ion-color-nav-button);
  --ion-color-base-rgb: var(--ion-color-nav-button-rgb);
  --ion-color-contrast: var(--ion-color-nav-button-contrast);
  --ion-color-contrast-rgb: var(--ion-color-nav-button-contrast-rgb);
  --ion-color-shade: var(--ion-color-nav-button-shade);
  --ion-color-tint: var(--ion-color-nav-button-tint);
}

.hydropool .energy-button, .hydropool .history-button {
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}

/* Branded dark side menu (matches Hydropool design) */
.hydropool ion-menu {
  --hydropool-menu-surface: #1b2122;
  --hydropool-menu-on-surface: #dee3e5;
  --hydropool-menu-on-surface-variant: #bfc8cb;
  --hydropool-menu-outline: #3f484b;

  --ion-background-color: var(--hydropool-menu-surface);
  --ion-background-color-rgb: 27, 33, 34;
  --ion-item-background: var(--hydropool-menu-surface);
  --ion-text-color: var(--hydropool-menu-on-surface);
  --ion-text-color-rgb: 222, 227, 229;
}

.hydropool ion-menu ion-content {
  --background: var(--hydropool-menu-surface);
}

.hydropool ion-menu .title {
  color: var(--hydropool-menu-on-surface);
}

.hydropool ion-menu ion-label,
.hydropool ion-menu ion-label.focusedVessel,
.hydropool ion-menu .rateLabel {
  color: var(--hydropool-menu-on-surface);
}

.hydropool ion-menu .footerLinks ion-item,
.hydropool ion-menu .debugLabel,
.hydropool ion-menu .version {
  color: var(--hydropool-menu-on-surface-variant);
}

.hydropool ion-menu ion-item {
  --border-color: var(--hydropool-menu-outline);
  --detail-icon-color: var(--hydropool-menu-on-surface-variant);
}

.hydropool ion-menu ion-icon {
  color: var(--hydropool-menu-on-surface);
}

.hydropool ion-menu .vesselTitle::part(detail-icon) {
  color: var(--hydropool-menu-on-surface-variant);
}

/* ------------------------------------------------------------------ */
/* Dashboard translucent surfaces (match Figma "1100 - Premium" frame) */
/* ------------------------------------------------------------------ */

/* CONTROL bar: translucent surface-container with rounded top corners so the
   branded background shows through (GeckoControls reads --controls-background). */
.hydropool .controls {
  --controls-background: var(--theme-surface-container);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* ACTIONS card divider: match Figma outline-variant on the translucent surface. */
.hydropool ion-card.sectionCard ion-item {
  --border-color: var(--theme-surface-outline);
}

/* Session status panel: over the branded dark background the light-theme primary/blue accents are
   low-contrast. Drive the generic session-panel theme features (defined in GeckoSpaStatusPanel) so
   the session copy renders in the on-surface colour and every status pill collapses to a single
   neutral translucent chip (matches Figma). No component knows the variant — it only reads these. */
.hydropool {
  --session-text-color: var(--ion-text-color);
  --session-subtitle-color: rgba(var(--ion-text-color-rgb), 0.7);
  --activity-pill-background: var(--theme-surface-variant);
  --activity-pill-color: var(--ion-text-color);
  /* Temperature block: over the branded dark background the light-theme primary/medium accents are
     low-contrast. Drive the generic temperature theme features (defined in GeckoSpaStatusPanel) so the
     big temperature reads in a clean neutral white, and the +/- glyphs and the heating status line read
     in the softer translucent white (matches Figma). A neutral white is used rather than the slightly
     cool --ion-text-color (#dee3e5), which reads with a faint blue tint over the warm background. */
  --temp-text-color: #ffffff;
  --temp-control-icon-color: rgba(255, 255, 255, 0.7);
  --heater-status-color: rgba(255, 255, 255, 0.7);
}

/* "Start a session" button (non-active): translucent surface-variant over the branded background
   (matches Figma). Drives the generic --start-session-* features defined on the button. */
.hydropool .startSessionButton:not(.startSessionButton--active) {
  --start-session-background: var(--theme-surface-variant);
  --start-session-background-activated: var(--theme-surface-variant);
  --start-session-background-hover: var(--theme-surface-variant);
  --start-session-color: var(--ion-text-color);
}

/* ------------------------------------------------------------------ */
/* Shared translucent card surfaces across the app                     */
/* ------------------------------------------------------------------ */
/* Many card/panel containers across views hardcode an opaque fill
   (var(--ion-color-light) or var(--ion-background-color)). Over the
   branded background those read as solid cards, inconsistent with the
   themed SectionCard (which already uses --theme-surface-container).
   Remap those specific card/panel surfaces to the shared translucent
   token so every card has the same faded background. Scoped to known
   card class names so genuinely-opaque chrome (toolbars, headers, chart
   backdrops, setup lists) is left untouched. */
.hydropool .prompt-choices,
.hydropool .empty-chemical-card,
.hydropool .skeleton-question,
.hydropool .question-card,
.hydropool .causes-card,
.hydropool .refill-options,
.hydropool .feedback-card,
.hydropool .segment-container,
.hydropool .energy-iq-score-section,
.hydropool .weekday-header,
.hydropool .session-dialog-content,
.hydropool .session-prompt-content {
  background: var(--theme-surface-container);
  background-color: var(--theme-surface-container);
}
/* This was generated by SASS */
.test {
    /* primary */
    --ion-color-primary: #4166a2;
    --ion-color-primary-rgb: 65, 102, 162;
    --ion-color-primary-contrast: #fff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #395a8f;
    --ion-color-primary-tint: #5475ab;
    --ion-color-primary-background-tint: #e8ecf5;
    /* secondary */
    --ion-color-secondary: #46b1ff;
    --ion-color-secondary-rgb: 70, 177, 255;
    --ion-color-secondary-contrast: #fff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #3e9ce0;
    --ion-color-secondary-tint: #59b9ff;
    --ion-color-secondary-background-tint: #e8f2fc;
    /* tertiary */
    --ion-color-tertiary: #0eadc9;
    --ion-color-tertiary-rgb: 14, 173, 201;
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #0c98b1;
    --ion-color-tertiary-tint: #26b5ce;
    --ion-color-tertiary-background-tint: #e3f2f8;
    /* success */
    --ion-color-success: #2dd36f;
    --ion-color-success-rgb: 45, 211, 111;
    --ion-color-success-contrast: #000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #28ba62;
    --ion-color-success-tint: #42d77d;
    --ion-color-success-background-tint: #e6f5f1;
    /* warning */
    --ion-color-warning: #f67d00;
    --ion-color-warning-rgb: 246, 125, 0;
    --ion-color-warning-contrast: #fff;
    --ion-color-warning-contrast-rgb: 255, 255, 255;
    --ion-color-warning-shade: #d86e00;
    --ion-color-warning-tint: #f78a1a;
    --ion-color-warning-background-tint: #f6eee8;
    /* danger */
    --ion-color-danger: #da1f1f;
    --ion-color-danger-rgb: 218, 31, 31;
    --ion-color-danger-contrast: #fff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #c01b1b;
    --ion-color-danger-tint: #de3535;
    --ion-color-danger-background-tint: #f4e7ea;
    /* light */
    --ion-color-light: #f6f8fc;
    --ion-color-light-rgb: 246, 248, 252;
    --ion-color-light-contrast: #000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d8dade;
    --ion-color-light-tint: #f7f9fc;
    --ion-color-light-background-tint: #f6f8fc;
    /* medium */
    --ion-color-medium: #5f5f5f;
    --ion-color-medium-rgb: 95, 95, 95;
    --ion-color-medium-contrast: #fff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #545454;
    --ion-color-medium-tint: #6f6f6f;
    --ion-color-medium-background-tint: #eaecef;
    /* dark */
    --ion-color-dark: #2f2f2f;
    --ion-color-dark-rgb: 47, 47, 47;
    --ion-color-dark-contrast: #fff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #292929;
    --ion-color-dark-tint: #444444;
    --ion-color-dark-background-tint: #e6e8ec;
    /* water-ok */
    --ion-color-water-ok: #2166aa;
    --ion-color-water-ok-rgb: 33, 102, 170;
    --ion-color-water-ok-contrast: #fff;
    --ion-color-water-ok-contrast-rgb: 255, 255, 255;
    --ion-color-water-ok-shade: #1d5a96;
    --ion-color-water-ok-tint: #3775b3;
    --ion-color-water-ok-background-tint: #e5ecf5;
    /* water-warning */
    --ion-color-water-warning: #f67d00;
    --ion-color-water-warning-rgb: 246, 125, 0;
    --ion-color-water-warning-contrast: #fff;
    --ion-color-water-warning-contrast-rgb: 255, 255, 255;
    --ion-color-water-warning-shade: #d86e00;
    --ion-color-water-warning-tint: #f78a1a;
    --ion-color-water-warning-background-tint: #f6eee8;
    /* water-danger */
    --ion-color-water-danger: #da1f1f;
    --ion-color-water-danger-rgb: 218, 31, 31;
    --ion-color-water-danger-contrast: #fff;
    --ion-color-water-danger-contrast-rgb: 255, 255, 255;
    --ion-color-water-danger-shade: #c01b1b;
    --ion-color-water-danger-tint: #de3535;
    --ion-color-water-danger-background-tint: #f4e7ea;
    /* water-unknown */
    --ion-color-water-unknown: #757575;
    --ion-color-water-unknown-rgb: 117, 117, 117;
    --ion-color-water-unknown-contrast: #fff;
    --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
    --ion-color-water-unknown-shade: #676767;
    --ion-color-water-unknown-tint: #838383;
    --ion-color-water-unknown-background-tint: #eceef1;
    /* Background and Text */
    --ion-background-color: #ffffff;
    --ion-background-color-rgb: 255, 255, 255;
    --ion-text-color: #000000;
    --ion-text-color-rgb: 0, 0, 0;
    --ion-background-color-step-50: #f2f2f2;
    --ion-background-color-step-100: #e6e6e6;
    --ion-background-color-step-150: #d9d9d9;
    --ion-background-color-step-200: #cccccc;
    --ion-background-color-step-250: #bfbfbf;
    --ion-background-color-step-300: #b3b3b3;
    --ion-background-color-step-350: #a6a6a6;
    --ion-background-color-step-400: #999999;
    --ion-background-color-step-450: #8c8c8c;
    --ion-background-color-step-500: gray;
    --ion-background-color-step-550: #737373;
    --ion-background-color-step-600: #666666;
    --ion-background-color-step-650: #595959;
    --ion-background-color-step-700: #4d4d4d;
    --ion-background-color-step-750: #404040;
    --ion-background-color-step-800: #333333;
    --ion-background-color-step-850: #262626;
    --ion-background-color-step-900: #1a1a1a;
    --ion-background-color-step-950: #0d0d0d;
    --ion-text-color-step-50: #0d0d0d;
    --ion-text-color-step-100: #1a1a1a;
    --ion-text-color-step-150: #262626;
    --ion-text-color-step-200: #333333;
    --ion-text-color-step-250: #404040;
    --ion-text-color-step-300: #4d4d4d;
    --ion-text-color-step-350: #595959;
    --ion-text-color-step-400: #666666;
    --ion-text-color-step-450: #737373;
    --ion-text-color-step-500: gray;
    --ion-text-color-step-550: #8c8c8c;
    --ion-text-color-step-600: #999999;
    --ion-text-color-step-650: #a6a6a6;
    --ion-text-color-step-700: #b3b3b3;
    --ion-text-color-step-750: #bfbfbf;
    --ion-text-color-step-800: #cccccc;
    --ion-text-color-step-850: #d9d9d9;
    --ion-text-color-step-900: #e6e6e6;
    --ion-text-color-step-950: #f2f2f2;
    /* App specific color variables */
    --water-ok: #2166aa;
    --water-warning: #f67d00;
    --water-danger: #da1f1f;
    --water-unknown: #757575;
  }
  .test .ion-color-primary {
    --ion-color-base: var(--ion-color-primary);
    --ion-color-base-rgb: var(--ion-color-primary-rgb);
    --ion-color-contrast: var(--ion-color-primary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
    --ion-color-shade: var(--ion-color-primary-shade);
    --ion-color-tint: var(--ion-color-primary-tint);
  }
  .test .ion-color-secondary {
    --ion-color-base: var(--ion-color-secondary);
    --ion-color-base-rgb: var(--ion-color-secondary-rgb);
    --ion-color-contrast: var(--ion-color-secondary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
    --ion-color-shade: var(--ion-color-secondary-shade);
    --ion-color-tint: var(--ion-color-secondary-tint);
  }
  .test .ion-color-tertiary {
    --ion-color-base: var(--ion-color-tertiary);
    --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
    --ion-color-contrast: var(--ion-color-tertiary-contrast);
    --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
    --ion-color-shade: var(--ion-color-tertiary-shade);
    --ion-color-tint: var(--ion-color-tertiary-tint);
  }
  .test .ion-color-success {
    --ion-color-base: var(--ion-color-success);
    --ion-color-base-rgb: var(--ion-color-success-rgb);
    --ion-color-contrast: var(--ion-color-success-contrast);
    --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
    --ion-color-shade: var(--ion-color-success-shade);
    --ion-color-tint: var(--ion-color-success-tint);
  }
  .test .ion-color-warning {
    --ion-color-base: var(--ion-color-warning);
    --ion-color-base-rgb: var(--ion-color-warning-rgb);
    --ion-color-contrast: var(--ion-color-warning-contrast);
    --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
    --ion-color-shade: var(--ion-color-warning-shade);
    --ion-color-tint: var(--ion-color-warning-tint);
  }
  .test .ion-color-danger {
    --ion-color-base: var(--ion-color-danger);
    --ion-color-base-rgb: var(--ion-color-danger-rgb);
    --ion-color-contrast: var(--ion-color-danger-contrast);
    --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
    --ion-color-shade: var(--ion-color-danger-shade);
    --ion-color-tint: var(--ion-color-danger-tint);
  }
  .test .ion-color-light {
    --ion-color-base: var(--ion-color-light);
    --ion-color-base-rgb: var(--ion-color-light-rgb);
    --ion-color-contrast: var(--ion-color-light-contrast);
    --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
    --ion-color-shade: var(--ion-color-light-shade);
    --ion-color-tint: var(--ion-color-light-tint);
  }
  .test .ion-color-medium {
    --ion-color-base: var(--ion-color-medium);
    --ion-color-base-rgb: var(--ion-color-medium-rgb);
    --ion-color-contrast: var(--ion-color-medium-contrast);
    --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
    --ion-color-shade: var(--ion-color-medium-shade);
    --ion-color-tint: var(--ion-color-medium-tint);
  }
  .test .ion-color-dark {
    --ion-color-base: var(--ion-color-dark);
    --ion-color-base-rgb: var(--ion-color-dark-rgb);
    --ion-color-contrast: var(--ion-color-dark-contrast);
    --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
    --ion-color-shade: var(--ion-color-dark-shade);
    --ion-color-tint: var(--ion-color-dark-tint);
  }
  .test .ion-color-water-ok {
    --ion-color-base: var(--ion-color-water-ok);
    --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
    --ion-color-contrast: var(--ion-color-water-ok-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-ok-shade);
    --ion-color-tint: var(--ion-color-water-ok-tint);
  }
  .test .ion-color-water-warning {
    --ion-color-base: var(--ion-color-water-warning);
    --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
    --ion-color-contrast: var(--ion-color-water-warning-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-warning-shade);
    --ion-color-tint: var(--ion-color-water-warning-tint);
  }
  .test .ion-color-water-danger {
    --ion-color-base: var(--ion-color-water-danger);
    --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
    --ion-color-contrast: var(--ion-color-water-danger-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-danger-shade);
    --ion-color-tint: var(--ion-color-water-danger-tint);
  }
  .test .ion-color-water-unknown {
    --ion-color-base: var(--ion-color-water-unknown);
    --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
    --ion-color-contrast: var(--ion-color-water-unknown-contrast);
    --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
    --ion-color-shade: var(--ion-color-water-unknown-shade);
    --ion-color-tint: var(--ion-color-water-unknown-tint);
  }
.wellis {
  /* primary */
  --ion-color-primary: #b89452;
  --ion-color-primary-rgb: 184, 148, 82;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #a28248;
  --ion-color-primary-tint: #bf9f63;
  --ion-color-primary-background-tint: #e7ecf5;
  /* secondary */
  --ion-color-secondary: #b89452;
  --ion-color-secondary-rgb: 184, 148, 82;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #a98441;
  --ion-color-secondary-tint: #cfaf75;
  --ion-color-secondary-background-tint: #e6e9ef;
  /* tertiary*/
  --ion-color-tertiary: #767676;
  --ion-color-tertiary-rgb: 118, 118, 118;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #686868;
  --ion-color-tertiary-tint: #848484;
  --ion-color-tertiary-background-tint: #eff4fa;
  /* success */
  --ion-color-success: #198754;
  --ion-color-success-rgb: 25, 135, 84;
  --ion-color-success-contrast: #222428;
  --ion-color-success-contrast-rgb: 34, 36, 40;
  --ion-color-success-shade: #16774a;
  --ion-color-success-tint: #309365;
  --ion-color-success-background-tint: #eff4fa;
  /* warning */
  --ion-color-warning: #fd7e14;
  --ion-color-warning-rgb: 253, 126, 20;
  --ion-color-warning-contrast: #fff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #df6f12;
  --ion-color-warning-tint: #fd8b2c;
  --ion-color-warning-background-tint: #f7f4e9;
  /* danger */
  --ion-color-danger: #dc3545;
  --ion-color-danger-rgb: 220, 53, 69;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #c22f3d;
  --ion-color-danger-tint: #e04958;
  --ion-color-danger-background-tint: #f4e9ec;
  /* light */
  --ion-color-light: #f2f2f2;
  --ion-color-light-rgb: 242, 242, 242;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #e9e9e9;
  --ion-color-light-tint: #f8f8f8;
  --ion-color-light-background-tint: #f5f8fc;
  /* medium */
  --ion-color-medium: #767676;
  --ion-color-medium-rgb: 18, 118, 118;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #686868;
  --ion-color-medium-tint: #848484;
  --ion-color-medium-background-tint: #eef0f4;
  /* dark */
  --ion-color-dark: #222222;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e1e1e;
  --ion-color-dark-tint: #383838;
  --ion-color-dark-background-tint: #e5e7eb;
  /* water-ok */
  --ion-color-water-ok: #54b8da;
  --ion-color-water-ok-rgb: 84, 184, 218;
  --ion-color-success-contrast: #fff;
  --ion-color-water-ok-contrast-rgb: 255, 255, 255;
  --ion-color-water-ok-background-tint: #e9f5f9;
  --ion-color-water-ok-wave1: #54b8daff;
  /* water-warning */
  --ion-color-water-warning: #ff8d07;
  --ion-color-water-warning-rgb: 255, 141, 7;
  --ion-color-warning-contrast: #fff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-water-warning-background-tint: #f6e7d4;
  --ion-color-water-warning-wave1: #ff8d07ff;
  /* water-danger */
  --ion-color-water-danger: #ff0000;
  --ion-color-water-danger-rgb: 255, 0, 0;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-water-danger-background-tint: #fddddd;
  --ion-color-water-danger-wave1: #ff0000ff;
  /* water-unknown */
  --ion-color-water-unknown: #92949c;
  --ion-color-water-unknown-rgb: 146, 148, 156;
  --ion-color-water-unknown-contrast: #fff;
  --ion-color-water-unknown-contrast-rgb: 255, 255, 255;
  --ion-color-water-unknown-background-tint: #edeff6;
  --ion-color-water-unknown-wave1: #92949cff;
  /* nav-button */
  --ion-color-nav-button: #fff;
  --ion-color-nav-button-rgb: 255, 255, 255;
  --ion-color-nav-button-contrast: #000;
  --ion-color-nav-button-contrast-rgb: 102, 102, 102;
  --ion-color-nav-button-shade: #ccc;
  --ion-color-nav-button-tint: #fff;
  --ion-color-nav-button-background-tint: #fff;
  /* Background and Text */
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-background-under-wave: #e6e7e8;
  --ion-text-color: #000000;
  --ion-text-color-rgb: 0, 0, 0;
  --ion-background-color-step-50: #f2f2f2;
  --ion-background-color-step-100: #e6e6e6;
  --ion-background-color-step-150: #d9d9d9;
  --ion-background-color-step-200: #cccccc;
  --ion-background-color-step-250: #bfbfbf;
  --ion-background-color-step-300: #b3b3b3;
  --ion-background-color-step-350: #a6a6a6;
  --ion-background-color-step-400: #999999;
  --ion-background-color-step-450: #8c8c8c;
  --ion-background-color-step-500: gray;
  --ion-background-color-step-550: #737373;
  --ion-background-color-step-600: #666666;
  --ion-background-color-step-650: #595959;
  --ion-background-color-step-700: #4d4d4d;
  --ion-background-color-step-750: #404040;
  --ion-background-color-step-800: #333333;
  --ion-background-color-step-850: #262626;
  --ion-background-color-step-900: #1a1a1a;
  --ion-background-color-step-950: #0d0d0d;
  --ion-text-color-step-50: #0d0d0d;
  --ion-text-color-step-100: #1a1a1a;
  --ion-text-color-step-150: #262626;
  --ion-text-color-step-200: #333333;
  --ion-text-color-step-250: #404040;
  --ion-text-color-step-300: #4d4d4d;
  --ion-text-color-step-350: #595959;
  --ion-text-color-step-400: #666666;
  --ion-text-color-step-450: #737373;
  --ion-text-color-step-500: gray;
  --ion-text-color-step-550: #8c8c8c;
  --ion-text-color-step-600: #999999;
  --ion-text-color-step-650: #a6a6a6;
  --ion-text-color-step-700: #b3b3b3;
  --ion-text-color-step-750: #bfbfbf;
  --ion-text-color-step-800: #cccccc;
  --ion-text-color-step-850: #d9d9d9;
  --ion-text-color-step-900: #e6e6e6;
  --ion-text-color-step-950: #f2f2f2;
  /* App specific color variables */
}
.wellis .ion-color-primary {
  --ion-color-base: var(--ion-color-primary);
  --ion-color-base-rgb: var(--ion-color-primary-rgb);
  --ion-color-contrast: var(--ion-color-primary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb);
  --ion-color-shade: var(--ion-color-primary-shade);
  --ion-color-tint: var(--ion-color-primary-tint);
}
.wellis .ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary);
  --ion-color-base-rgb: var(--ion-color-secondary-rgb);
  --ion-color-contrast: var(--ion-color-secondary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb);
  --ion-color-shade: var(--ion-color-secondary-shade);
  --ion-color-tint: var(--ion-color-secondary-tint);
}
.wellis .ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary);
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb);
  --ion-color-contrast: var(--ion-color-tertiary-contrast);
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb);
  --ion-color-shade: var(--ion-color-tertiary-shade);
  --ion-color-tint: var(--ion-color-tertiary-tint);
}
.wellis .ion-color-success {
  --ion-color-base: var(--ion-color-success);
  --ion-color-base-rgb: var(--ion-color-success-rgb);
  --ion-color-contrast: var(--ion-color-success-contrast);
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb);
  --ion-color-shade: var(--ion-color-success-shade);
  --ion-color-tint: var(--ion-color-success-tint);
}
.wellis .ion-color-warning {
  --ion-color-base: var(--ion-color-warning);
  --ion-color-base-rgb: var(--ion-color-warning-rgb);
  --ion-color-contrast: var(--ion-color-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-warning-shade);
  --ion-color-tint: var(--ion-color-warning-tint);
}
.wellis .ion-color-danger {
  --ion-color-base: var(--ion-color-danger);
  --ion-color-base-rgb: var(--ion-color-danger-rgb);
  --ion-color-contrast: var(--ion-color-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-danger-shade);
  --ion-color-tint: var(--ion-color-danger-tint);
}
.wellis .ion-color-light {
  --ion-color-base: var(--ion-color-light);
  --ion-color-base-rgb: var(--ion-color-light-rgb);
  --ion-color-contrast: var(--ion-color-light-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-shade);
  --ion-color-tint: var(--ion-color-light-tint);
}
.wellis .ion-color-medium {
  --ion-color-base: var(--ion-color-medium);
  --ion-color-base-rgb: var(--ion-color-medium-rgb);
  --ion-color-contrast: var(--ion-color-medium-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-shade);
  --ion-color-tint: var(--ion-color-medium-tint);
}
.wellis .ion-color-dark {
  --ion-color-base: var(--ion-color-dark);
  --ion-color-base-rgb: var(--ion-color-dark-rgb);
  --ion-color-contrast: var(--ion-color-dark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-shade);
  --ion-color-tint: var(--ion-color-dark-tint);
}
.wellis .ion-color-water-ok {
  --ion-color-base: var(--ion-color-water-ok);
  --ion-color-base-rgb: var(--ion-color-water-ok-rgb);
  --ion-color-contrast: var(--ion-color-water-ok-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-ok-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-ok-shade);
  --ion-color-tint: var(--ion-color-water-ok-tint);
}
.wellis .ion-color-water-warning {
  --ion-color-base: var(--ion-color-water-warning);
  --ion-color-base-rgb: var(--ion-color-water-warning-rgb);
  --ion-color-contrast: var(--ion-color-water-warning-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-warning-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-warning-shade);
  --ion-color-tint: var(--ion-color-water-warning-tint);
}
.wellis .ion-color-water-danger {
  --ion-color-base: var(--ion-color-water-danger);
  --ion-color-base-rgb: var(--ion-color-water-danger-rgb);
  --ion-color-contrast: var(--ion-color-water-danger-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-danger-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-danger-shade);
  --ion-color-tint: var(--ion-color-water-danger-tint);
}
.wellis .ion-color-water-unknown {
  --ion-color-base: var(--ion-color-water-unknown);
  --ion-color-base-rgb: var(--ion-color-water-unknown-rgb);
  --ion-color-contrast: var(--ion-color-water-unknown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-water-unknown-contrast-rgb);
  --ion-color-shade: var(--ion-color-water-unknown-shade);
  --ion-color-tint: var(--ion-color-water-unknown-tint);
}

.wellis .ion-color-nav-button {
  --ion-color-base: var(--ion-color-nav-button);
  --ion-color-base-rgb: var(--ion-color-nav-button-rgb);
  --ion-color-contrast: var(--ion-color-nav-button-contrast);
  --ion-color-contrast-rgb: var(--ion-color-nav-button-contrast-rgb);
  --ion-color-shade: var(--ion-color-nav-button-shade);
  --ion-color-tint: var(--ion-color-nav-button-tint);
}

.wellis .energy-button, .wellis .history-button {
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}
:root {
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf');
}

@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    src: url('OpenSans-Italic-VariableFont_wdth,wght.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    src: url('/fonts/Roboto-VariableFont_wdth,wght.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    src: url('/fonts/Roboto-VariableFont_wdth,wght.ttf');
}