/* apps/portfolio-universal-app/src/styles.scss */
@media (min-width: 768px) {
  .show-tiny {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hide-tiny {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .hide-small {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .show-small {
    display: none;
  }
}
@media (max-width: 1499px) {
  .hide-medium {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .full-width-tiny {
    min-width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .full-width-small {
    min-width: 100% !important;
  }
}
@media (max-width: 1499px) {
  .full-width-medium {
    min-width: 100% !important;
  }
}
:root {
  --legacy-blue-d1: #173eab;
  --legacy-blue: #1d4ed8;
  --legacy-blue-l1: #b8e5ff;
  --legacy-blue-l2: #e5f6ff;
  --legacy-blue-l3: #fafdff;
  --legacy-blue-l4: #eef4f8;
  --legacy-black-l1: #2d2d2a;
  --legacy-black-l2: #4a4a4a;
  --legacy-gray: #5d6c7f;
  --legacy-regular-gray: #dbdbdb;
  --legacy-regular-gray-l1: #e8e9eb;
  --legacy-regular-gray-l2: #fafbfb;
  --legacy-regular-gray-l3: #fcfdfd;
  --legacy-green-d1: #007c58;
  --legacy-green: #00a676;
  --legacy-green-l1: #c9eee4;
  --legacy-green-l2: #ecf9f5;
  --legacy-purple: #54288b;
  --legacy-purple-l1: #d9c8ef;
  --legacy-purple-l2: #f1ebf9;
  --legacy-red-d1: #ad3b1f;
  --legacy-red: #f06543;
  --legacy-red-l1: #f9c9bd;
  --legacy-red-l2: #fdece8;
  --legacy-sky-blue: #27baff;
  --legacy-sky-blue-l1: #b8e8ff;
  --legacy-sky-blue-l2: #e5f7ff;
  --legacy-yellow-d1: #a07500;
  --legacy-yellow: #fcba04;
  --legacy-yellow-l1: #feecb8;
  --legacy-yellow-l2: #fff8e6;
  --legacy-orange-d1: #c2732a;
  --legacy-orange: #f09943;
  --legacy-orange-l1: #fad3af;
  --legacy-orange-l2: #f2e1d2;
  --legacy-purple: #54288b;
  --legacy-gaia: #00bcbd;
  --gray-200: #e2e8f0;
  --blue-0: #05003f;
  --legacy-col-bg-main: #f7fafc;
  --legacy-col-primary: var(--legacy-blue);
  --legacy-col-active: var(--legacy-blue);
  --legacy-col-positive: var(--legacy-green);
  --legacy-col-progress: var(--legacy-yellow);
  --legacy-col-negative: var(--legacy-red);
  --legacy-col-bg-darkest: var(--legacy-black-l1);
  --legacy-col-lines: var(--gray-200);
  --legacy-col-bg-info-box: var(--gray-200);
  --legacy-col-bg: var(--legacy-regular-gray-l2);
  --col-primary-dark: var(--legacy-blue-d1);
  --col-primary: var(--legacy-blue);
  --col-primary-bg: var(--legacy-blue-l1);
  --col-active-dark: var(--legacy-blue-d1);
  --col-active: var(--legacy-blue);
  --col-active-bg: var(--legacy-blue-l2);
  --col-accent: var(--legacy-sky-blue);
  --col-accent-bg: var(--legacy-sky-blue-l1);
  --col-accent-regular-bg: var(--legacy-sky-blue-l2);
  --col-positive-dark: var(--legacy-green-d1);
  --col-positive: var(--legacy-green);
  --col-positive-bg: var(--legacy-green-l1);
  --col-alert-dark: var(--legacy-yellow-d1);
  --col-alert: var(--legacy-yellow);
  --col-alert-bg: var(--legacy-yellow-l1);
  --col-progress: var(--legacy-yellow);
  --col-negative-dark: var(--legacy-red-d1);
  --col-negative: var(--legacy-red);
  --col-negative-bg: var(--legacy-red-l1);
  --col-neutral: var(--legacy-gray);
  --col-bg-darkest: var(--legacy-black-l1);
  --col-bg-darker: var(--legacy-black-l2);
  --col-bg: var(--legacy-regular-gray-l2);
  --col-bg-lightest: var(--legacy-regular-gray-l3);
  --col-tooltip-bg: var(--col-bg-darkest);
  --col-item-icons: var(--legacy-regular-gray-l1);
  --col-inactive: var(--legacy-regular-gray-l1);
  --col-text-titles: var(--legacy-black-l1);
  --col-text-headers: var(--blue-0);
  --col-text-primary: var(--blue-0);
  --col-text-secondary: rgba(from var(--col-text-primary) r g b / 0.75);
  --col-text-tertiary: rgba(from var(--col-text-primary) r g b / 0.5);
  --col-text-muted: rgba(from black r g b / 0.4);
  --legacy-col-lines: var(--gray-200);
  --black-l1: #121416;
  --black-l1-0-for-gradient: #12141600;
  --black-l2: #1b1d21;
  --black-l3: #2b2e34;
  --gray: #5d6c7f;
  --gray-l0: #bccadc;
  --gray-l1: #e2e8f0;
  --gray-l2: #e8e9eb;
  --gray-l3: #f0f6f9;
  --gray-l3-0-for-gradient: #f0f6f900;
  --gray-hard-d2: #353535;
  --gray-hard-d3: #5d5d5d;
  --gray-hard: #bcbcbc;
  --gray-hard-l1: #f4f4f4;
  --white: #fff;
  --white-a10: #ffffff1a;
  --white-a50: #ffffff80;
  --white-a70: #ffffffb2;
  --white-a90: #ffffffe5;
  --blue: #1d4ed8;
  --blue-2: #173eab;
  --blue-d1: #05003f;
  --blue-d1-a70: #05003fb2;
  --blue-d1-a50: #05003f80;
  --blue-d1-a40: #05003f66;
  --blue-l0: #a5b9f3;
  --blue-l1: #e5f6ff;
  --green: #00a676;
  --green-2: #008f65;
  --green-d1: #007c58;
  --green-l0: #8bdac5;
  --green-l1: #c9eee4;
  --orange: #f09943;
  --orange-d1: #bd660f;
  --orange-l0: #f7b87d;
  --orange-l1: #fad3af;
  --red: #f06543;
  --red-2: #ee512a;
  --red-d1: #ad3b1f;
  --red-l0: #f5a38f;
  --red-l1: #f9c9bd;
  --yellow: #fcba04;
  --yellow-2: #e3a703;
  --yellow-d1: #a07500;
  --yellow-l0: #fdd04f;
  --yellow-l1: #feecb8;
  --purple: #8c33ff;
  --purple-2: #7d1aff;
  --purple-l0: #ba85ff;
  --purple-l1: #e2ccff;
  --purple-d1: #5900cc;
  --col-bg-base: var(--white);
  --col-bg-main: var(--gray-l3);
  --col-bg-main-0-for-gradient: var(--gray-l3-0-for-gradient);
  --col-lines: var(--gray-l1);
  --col-lines-input: var(--gray-l0);
  --col-list-item-active: var(--gray-l3);
  --col-neutral-bg: var(--gray-l1);
  --col-tooltip-bg: var(--blue);
  --col-tooltip-text: var(--white);
  --col-main-nav-bg-base: var(--black-l2);
  --col-main-nav-bg-main: var(--black-l1);
  --col-main-nav-hover: var(--white-a10);
  --col-main-nav-lines: var(--black-l3);
  --col-main-nav-item-bg: rgba(from var(--col-text-guaranteed-on-dark) r g b / 0.1);
  --col-main-nav-item-text: rgba(from var(--col-text-guaranteed-on-dark) r g b / 0.7);
  --col-text-main-nav: var(--white-a70);
  --col-text-main-nav-hover: var(--white);
  --col-text-main-nav-icon: var(--white-a70);
  --col-alert: var(--yellow);
  --col-alert-hover: var(--yellow-2);
  --col-alert-lines: var(--yellow-l0);
  --col-alert-bg: var(--yellow-l1);
  --col-alert-dark: var(--yellow-d1);
  --col-disabled-base: var(--gray-hard-l1);
  --col-disabled-contrast: var(--gray-hard);
  --col-negative: var(--red);
  --col-negative-hover: var(--red-2);
  --col-negative-lines: var(--red-l0);
  --col-negative-bg: var(--red-l1);
  --col-negative-dark: var(--red-d1);
  --col-severe: var(--orange);
  --col-severe-dark: var(--orange-d1);
  --col-severe-lines: var(--orange-l0);
  --col-severe-bg: var(--orange-l1);
  --col-positive: var(--green);
  --col-positive-hover: var(--green-2);
  --col-positive-lines: var(--green-l0);
  --col-positive-bg: var(--green-l1);
  --col-positive-dark: var(--green-d1);
  --col-active: var(--blue);
  --col-active-text: var(--blue);
  --col-active-focus-text: var(--blue-2);
  --col-active-bg: var(--blue-l1);
  --col-active-focus: var(--blue-2);
  --col-active-lines: var(--blue-l0);
  --col-primary: var(--blue);
  --col-primary-bg: var(--blue-l1);
  --col-primary-hover: var(--blue-2);
  --col-primary-dark: var(--blue-d1);
  --col-text-guaranteed-on-dark: var(--white);
  --col-text-secondary-guaranteed-on-dark: var(--white-a70);
  --col-text-guaranteed-on-light: var(--blue-d1);
  --col-text-secondary-guaranteed-on-light: var(--blue-d1-a70);
  --col-text-headers: var(--blue-d1);
  --col-text-primary: var(--blue-d1);
  --col-text-secondary: var(--blue-d1-a70);
  --col-text-tertiary: var(--blue-d1-a50);
  --col-progress: var(--yellow);
  --col-progress-hover: var(--yellow-2);
  --col-progress-lines: var(--yellow-l0);
  --col-progress-bg: var(--yellow-l1);
  --col-progress-dark: var(--yellow-d1);
  --col-ai: var(--purple);
  --col-ai-hover: var(--purple-2);
  --col-ai-lines: var(--purple-l0);
  --col-ai-bg: var(--purple-l1);
  --col-ai-dark: var(--purple-d1);
}
body.experimentalDarkMode {
  --col-bg-base: var(--black-l2);
  --col-bg-darkest: var(--black-l2);
  --col-bg-main: var(--black-l1);
  --col-bg-main-0-for-gradient: var(--black-l1-0-for-gradient);
  --col-lines: var(--black-l3);
  --col-list-item-active: var(--black-l3);
  --col-neutral-bg: var(--black-l3);
  --col-tooltip-bg: var(--black-l1);
  --col-tooltip-text: var(--white);
  --col-main-nav-bg-base: var(--black-l2);
  --col-main-nav-bg-main: var(--black-l1);
  --col-main-nav-hover: #002235;
  --col-main-nav-lines: var(--black-l3);
  --col-text-main-nav: var(--white-a70);
  --col-text-main-nav-hover: var(--white);
  --col-text-main-nav-icon: var(--white-a70);
  --col-alert: var(--yellow);
  --col-alert-hover: var(--yellow-2);
  --col-alert-lines: var(--yellow-l0);
  --col-alert-bg: var(--yellow-l1);
  --col-alert-dark: var(--yellow-d1);
  --col-disabled-base: var(--gray-hard-d2);
  --col-disabled-contrast: var(--gray-hard-d3);
  --col-negative: var(--red);
  --col-negative-hover: var(--red-2);
  --col-negative-lines: var(--red-l0);
  --col-negative-bg: var(--red-l1);
  --col-negative-dark: var(--red-d1);
  --col-severe: var(--orange);
  --col-severe-dark: var(--orange);
  --col-severe-lines: var(--orange-l0);
  --col-severe-bg: var(--orange-l1);
  --col-positive: var(--green);
  --col-positive-hover: var(--green-2);
  --col-positive-lines: var(--green-l0);
  --col-positive-bg: var(--green-l1);
  --col-positive-dark: var(--green-d1);
  --col-active: var(--blue);
  --col-active-text: var(--white);
  --col-active-focus-text: var(--white-a90);
  --col-active-bg: #002235;
  --col-active-focus: var(--blue-2);
  --col-active-lines: #535f82;
  --col-primary: var(--blue);
  --col-primary-bg: var(--blue-l1);
  --col-primary-hover: var(--blue-2);
  --col-primary-dark: var(--blue-d1);
  --col-text-guaranteed-on-dark: var(--white);
  --col-text-secondary-guaranteed-on-dark: var(--white-a70);
  --col-text-guaranteed-on-light: var(--blue-d1);
  --col-text-secondary-guaranteed-on-light: var(--blue-d1-a70);
  --col-text-headers: var(--white);
  --col-text-primary: var(--white);
  --col-text-secondary: var(--white-a70);
  --col-text-tertiary: var(--white-a50);
  --col-progress: var(--yellow);
  --col-progress-hover: var(--yellow-2);
  --col-progress-lines: var(--yellow-l0);
  --col-progress-bg: var(--yellow-l1);
  --col-progress-dark: var(--yellow-d1);
}
:root {
  --legacy-default-spacing: 40px;
  --legacy-default-spacing-s: calc(0.5 * var(--legacy-default-spacing));
  --legacy-default-spacing-xs: calc(0.25 * var(--legacy-default-spacing));
  --legacy-default-padding: 30px;
  --legacy-default-padding-s: calc(0.5 * var(--legacy-default-padding));
  --legacy-default-padding-xs: calc(0.25 * var(--legacy-default-padding));
  --legacy-sidebar-padding: 20px;
  --legacy-default-element-spacing: 20px;
  --legacy-default-element-spacing-s: calc(0.5 * var(--legacy-default-element-spacing));
  --legacy-default-element-spacing-xs: calc(0.25 * var(--legacy-default-element-spacing));
  --legacy-navbar-height: 54px;
  --legacy-navbar-width: 64px;
  --legacy-navbar-secondary-width: 310px;
  --legacy-navbar-item-height: var(--legacy-navbar-height);
  --legacy-item-height: 60px;
  --legacy-button-height: 40px;
  --legacy-button-height-small: 30px;
  --legacy-label-height-small: 24px;
  --legacy-input-height: 46px;
  --legacy-badge-size: 30px;
  --legacy-navlink-height: 50px;
  --legacy-qd-timeline-item-height: 72px;
  --legacy-br: 5px;
  --legacy-internal-padding: 10px;
  --legacy-button-spacing: 10px;
  --legacy-mobile-breakpoint: 600px;
  --legacy-app-border-radius: 6px;
  --legacy-app-border-radius-large: 25px;
  --legacy-app-padding: 16px;
  --legacy-app-element-spacing: 8px;
  --legacy-app-header-spacing: 16px;
  --legacy-app-section-spacing: 32px;
  --legacy-app-button-height: 46px;
  --legacy-app-input-height: 46px;
  --legacy-app-input-padding: 12px;
  --legacy-table-cell-padding: 15px;
  --legacy-container-max-width-desktop: 1280px;
  --legacy-modal-side-bar-max-width: 560px;
  --br: 5px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-xxl: 24px;
  --size-3xs: 4px;
  --size-xxs: 8px;
  --size-xs: 16px;
  --size-sm: 24px;
  --size-md: 32px;
  --size-lg: 48px;
  --size-xl: 64px;
  --width-3xs: 160px;
  --width-xxs: 240px;
  --width-xs: 320px;
  --width-sm: 480px;
  --width-md: 640px;
  --width-lg: 1024px;
  --width-xl: 1280px;
  --container-max-width-desktop: var(--width-xl);
  --container-padding-desktop: var(--spacing-xxl);
  --container-padding-mobile: var(--spacing-xl);
  --standalone-page-width: var(--width-md);
  --standalone-page-fold-height: 240px;
  --login-sidebar-width: var(--width-md);
  --login-content-width: var(--width-sm);
  --sidebar-width-collapsed: 68px;
  --sidebar-width-expanded: var(--width-xxs);
  --sidebar-padding: var(--spacing-xl);
  --drawer-width: var(--width-xs);
  --app-drawer-width: var(--width-sm);
  --section-spacing-between: var(--spacing-xxl);
  --section-padding: var(--spacing-xl);
  --tab-content-spacing: var(--spacing-xl);
  --form-field-spacing: var(--spacing-xl);
  --form-horizontal-left-width: var(--width-xxs);
  --form-header-spacing: var(--spacing-lg);
  --dropout-feature-width: var(--width-sm);
  --dropout-feature-padding: var(--spacing-xl);
  --tooltip-max-width: var(--width-xs);
  --tooltip-distance: var(--spacing-sm);
  --tooltip-arrow-offset: var(--spacing-xl);
  --modal-width-small: var(--width-sm);
  --modal-width-medium: var(--width-md);
  --modal-width-large: var(--width-lg);
  --modal-width-minimized: var(--width-xs);
  --modal-padding: var(--spacing-xxl);
  --modal-sidebar-max-width: var(--width-md);
  --modal-auto-collapse-width: var(--width-lg);
  --dropdown-width: var(--width-xxs);
  --dropdown-width-second-level: var(--width-xs);
  --text-header-spacing: var(--spacing-md);
  --text-label-in-item-vertical-spacing: var(--spacing-xs);
  --text-paragraph-spacing: var(--spacing-md);
  --text-max-paragraph-width: var(--width-md);
  --tile-padding: var(--spacing-lg);
  --tile-spacing: var(--spacing-lg);
  --tile-container-collapse-width: var(--width-sm);
  --tile-min-width: var(--width-3xs);
  --item-height-md: var(--size-md);
  --item-height-sm: var(--size-sm);
  --item-height-xs: var(--size-xs);
  --item-padding-md: var(--spacing-md);
  --item-padding-sm: var(--spacing-sm);
  --item-padding-xs: var(--spacing-xs);
  --item-internal-spacing-md: var(--spacing-md);
  --item-internal-spacing-sm: var(--spacing-sm);
  --item-spacing-between-xs: var(--spacing-xs);
  --item-spacing-between-md: var(--spacing-md);
  --list-item-spacing: var(--spacing-xs);
  --table-spacing: var(--spacing-xs);
  --label-height-sm: var(--size-sm);
  --badge-size-xxs: var(--size-xxs);
  --badge-size-xs: var(--size-xs);
  --badge-size-sm: var(--size-sm);
  --badge-size-md: var(--size-md);
  --badge-size-lg: var(--size-lg);
  --badge-size-xl: var(--size-xl);
  --border-radius-md: 6px;
  --border-radius-sm: 4px;
  --border-radius-xs: 2px;
  --input-min-width: var(--width-3xs);
  --input-textarea-height: var(--size-xl);
  --input-checkbox-size: var(--size-xs);
  --input-radio-size: var(--size-xs);
  --input-toggle-width: var(--size-md);
  --input-toggle-inner-size: 14px;
  --input-dropdown-label-spacing: var(--spacing-xs);
  --progress-bar-height: var(--size-xxs);
  --progress-bar-height-sm: var(--size-3xs);
  --dashboard-max-tile-width: var(--width-xxs);
  --button-height-md: var(--item-height-md);
  --label-border-radius: 33px;
  --line-height-default: 1.2rem;
  --navbar-height: 60px;
  --navbar-item-height: var(--navbar-height);
  --navbar-item-collapsed-width: 36px;
  --navbar-side-width: 68px;
  --navbar-side-width-expanded: 295px;
  --app-page-padding: var(--spacing-xl);
  --min-section-width: var(--width-sm);
  --transcription-feedback-thumbs-size: var(--size-xl);
  --image-preview-width: 160px;
  --image-preview-height: 120px;
  --scroll-container-max-height: 350px;
  --onboard-qr-code-size: 115px;
  --account-onboarding-bell-graphic-width: 137px;
}
.not--restyle_ft--border-radius {
  --br: 2px;
}
:root {
  --font-default:
    Inter,
    Arial,
    sans-serif;
  --font-titles:
    Inter,
    Arial,
    sans-serif;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --app-font-family:
    Inter,
    Arial,
    sans-serif;
  --app-font-size-titles: 20px;
  --font-size-huge: 48px;
  --font-size-normal: 14px;
  --font-size-small: 12px;
  --font-size-tiny: 10px;
  --font-size-header-1: 20px;
  --font-size-header-2: 18px;
  --font-size-header-3: 16px;
  --app-font-size-headers: var(--font-size-header-1);
  --app-font-group-headers: var(--font-size-header-2);
  --app-font-size-primary: 17px;
  --app-font-size-secondary: 15px;
  --app-font-size-tertiary: 13px;
  --font-size-icon-small: 14px;
  --font-size-icon-normal: 16px;
  --font-size-icon-badge-xs: 12px;
  --font-size-icon-badge-sm: 16px;
  --font-size-icon-badge-md: 24px;
  --font-size-icon-badge-lg: 40px;
  --font-size-text-badge-sm: 12px;
  --font-size-text-badge-md: 16px;
  --font-size-text-badge-lg: 24px;
  --font-weight-normal: var(--font-weight-400);
  --font-weight-semi-bold: var(--font-weight-600);
  --font-weight-bold: var(--font-weight-700);
  --font-weight-side-nav: --font-weight-normal;
  --font-weight-side-nav-header: var(--font-weight-400);
}
:root {
  --effect-shadow-md: 0 6px 12px 0 rgba(0, 0, 0, 0.04);
  --effect-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}
:root {
  --z-index-feedback: 15000;
  --z-index-notifications: 14000;
  --z-index-lockscreen: 13000;
  --z-index-file-preview: 12000;
  --z-index-over-modal: calc(var(--z-index-modal) + 1);
  --z-index-modal: 11000;
  --z-index-modal-overlay: calc(var(--z-index-modal) - 1);
  --z-index-dropdown: 10000;
  --z-index-tooltip: 9999;
  --z-index-loading-indicator: 5000;
  --z-index-modal-minimized: 4000;
  --z-index-base-1: 1;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}
: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, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 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;
  }
}
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;
}
* {
  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;
}
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;
}
.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;
  }
}
.ion-display-none {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-display-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-none {
    display: none !important;
  }
}
.ion-display-inline {
  display: inline !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline {
    display: inline !important;
  }
}
.ion-display-inline-block {
  display: inline-block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-block {
    display: inline-block !important;
  }
}
.ion-display-block {
  display: block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-block {
    display: block !important;
  }
}
.ion-display-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-flex {
    display: flex !important;
  }
}
.ion-display-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ion-display-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-grid {
    display: grid !important;
  }
}
.ion-display-inline-grid {
  display: inline-grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
.ion-display-table {
  display: table !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table {
    display: table !important;
  }
}
.ion-display-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-cell {
    display: table-cell !important;
  }
}
.ion-display-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-row {
    display: table-row !important;
  }
}
.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);
}
.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;
    }
  }
}
.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;
  }
}
.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;
  }
}
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: 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;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}
.swiper {
  --bullet-background: $text-color-step-800;
  --bullet-background-active: ion-color(primary, base);
  --progress-bar-background: rgba($text-color-rgb, .25);
  --progress-bar-background-active: ion-color(primary, shade);
  --scroll-bar-background: rgba($text-color-rgb, .1);
  --scroll-bar-background-active: rgba($text-color-rgb, .5);
  display: block;
  -webkit-user-select: none;
  user-select: none;
}
.swiper .swiper-pagination-bullet {
  background: var(--bullet-background);
}
.swiper .swiper-pagination-bullet-active {
  background: var(--bullet-background-active);
}
.swiper .swiper-pagination-progressbar {
  background: var(--progress-bar-background);
}
.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--progress-bar-background-active);
}
.swiper .swiper-scrollbar {
  background: var(--scroll-bar-background);
}
.swiper .swiper-scrollbar-drag {
  background: var(--scroll-bar-background-active);
}
.swiper .slide-zoom {
  display: block;
  width: 100%;
  text-align: center;
}
.swiper .swiper-slide {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
}
.swiper .swiper-slide img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.print-value {
  display: none;
}
.page-break {
  page-break-before: always;
}
.page-break-avoid {
  page-break-inside: avoid;
}
.page-break-after {
  page-break-after: always;
}
@page {
  size: a4 portrait;
  margin: 10mm;
}
@media print {
  .no-print {
    display: none;
  }
  .print-value {
    display: block !important;
  }
  html,
  body {
    margin: 0;
    padding: 0;
    height: 99%;
    color: black !important;
    overflow: visible !important;
  }
  table th {
    text-align: left;
  }
  rcp-root {
    visibility: hidden;
  }
  main {
    position: initial;
    height: auto;
  }
  main rcp-top-nav,
  main rcp-side-nav {
    width: 0 !important;
    height: 0 !important;
  }
  main.printable .view-container {
    position: initial;
    max-width: 100vw;
  }
  main.printable .view-container .view-main {
    visibility: visible;
  }
  rcp-modal-container {
    position: initial !important;
  }
  rcp-modal-window {
    visibility: visible;
    display: initial !important;
    position: initial !important;
  }
  rcp-modal-window .overlay {
    display: none !important;
  }
  rcp-modal-window .container {
    display: block !important;
    width: 100vw !important;
    height: auto !important;
    overflow: auto !important;
  }
  rcp-modal-window .container .content-container {
    display: block !important;
    max-height: none !important;
    height: auto !important;
  }
  rcp-modal-window .container .content-container .content-main {
    display: block !important;
  }
  rcp-modal-window .view-container {
    display: block !important;
    height: 100% !important;
  }
  rcp-modal-window .view-container rcp-nav-list-container {
    display: none !important;
  }
  rcp-modal-window .view-container .view-sidebar {
    visibility: hidden;
  }
  rcp-modal-window .view-container .view-main {
    visibility: visible;
    display: block !important;
  }
  * {
    border: 0 !important;
    border-color: #fff;
  }
  .fold.fold-summary .background {
    background-color: transparent !important;
    background-image: none !important;
  }
  .fold.fold-summary .background .button {
    display: none !important;
  }
  .fold.fold-summary.has-photo .avatar-container .avatar-labels h1,
  .fold.fold-summary.has-photo .avatar-container .avatar-labels h2,
  .fold.fold-summary.has-photo .avatar-container .avatar-labels a {
    color: initial !important;
    text-shadow: none !important;
  }
  .badge {
    border: 1px solid var(--col-lines) !important;
  }
  .badge.progress {
    border: 1px solid var(--legacy-col-progress) !important;
    color: var(--legacy-col-progress) !important;
    background-color: transparent;
  }
  .badge.positive {
    border: 1px solid var(--legacy-col-positive) !important;
    color: var(--legacy-col-positive) !important;
    background-color: transparent;
  }
  .badge.negative {
    border: 1px solid var(--legacy-col-negative) !important;
    color: var(--legacy-col-negative) !important;
    background-color: transparent;
  }
  .rcp-label {
    box-shadow: none !important;
  }
  .filter-label-container {
    flex-direction: column !important;
  }
  .filter-label-container .rcp-label {
    color: var(--col-neutral) !important;
  }
  .timeline-padded-container {
    border: 1px solid var(--col-lines) !important;
  }
  .timeline-padded-container .timeline-period {
    border: 1px solid var(--col-neutral) !important;
    background-color: transparent;
    color: var(--col-text-primary) !important;
  }
  .timeline-padded-container .marker .text {
    color: var(--col-text-primary) !important;
  }
  rcp-docs-icon,
  rcp-visibility-tooltip,
  action-summary,
  rcp-app-loading,
  .button {
    display: none !important;
  }
  .form-container {
    padding: var(--legacy-default-element-spacing) !important;
    background: #ffffff !important;
  }
  .form-container .form-content {
    border: 0;
    border-color: #fff;
    box-shadow: unset !important;
  }
  .form-container .form-content section:not(.no-padding) {
    padding: 10px 10px !important;
    border: 0;
  }
  .form-container .form-content section:not(.no-padding) header {
    margin-bottom: 15px !important;
  }
  .form-container .form-content section::after {
    content: "";
    border-bottom: 0;
  }
  .form-container .form {
    padding: 0 !important;
  }
  .form-container .rcp-form-row {
    padding: 0 !important;
  }
  a {
    text-decoration: none;
    color: inherit !important;
  }
  .show-small {
    display: block;
  }
  .no-print,
  portfolio-document-form > portfolio-document-status,
  portfolio-document-status,
  .buttons-container,
  .buttons,
  .view-sidebar,
  topbar,
  rcp-user-avatar,
  .form-description {
    display: none !important;
  }
  .option-label {
    background-color: white !important;
    text-align: initial !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  p.info-box {
    background: none !important;
    padding: 0 !important;
  }
  goal-status-label .rcp-label {
    background: white !important;
    color: inherit !important;
  }
  goal-status-label fa-icon {
    display: none !important;
  }
  .rcp-label {
    font-size: 1em !important;
    display: block !important;
    padding: 0;
    background: unset !important;
    color: var(--col-text-primary) !important;
  }
}
.flex {
  display: flex;
  width: 100%;
}
.flex.inline-flex {
  display: inline-flex;
}
.flex.align-center {
  align-items: center;
}
.flex.justify-space-between {
  justify-content: space-between;
}
.flex.justify-center {
  justify-content: center;
}
.flex.flex-end {
  justify-content: flex-end;
}
.flex.flex-gap {
  gap: var(--item-internal-spacing-md);
}
.flex.flex-gap-sm {
  gap: var(--item-internal-spacing-sm);
}
.flex.flex-section-gap {
  gap: var(--section-spacing-between);
}
.flex.flex-column {
  flex-direction: column;
}
.flex.flex-wrap {
  flex-wrap: wrap;
}
.flex.flex-shrink {
  flex-shrink: 1;
}
.flex.no-fill {
  width: unset;
}
.flex.flex-equal-columns {
  column-gap: 10px;
  justify-content: space-between;
}
.flex.flex-equal-columns .flex-col {
  flex: 1 1 auto;
  width: 0;
}
@media (max-width: 1024px) {
  .flex.flex-equal-columns {
    flex-wrap: wrap;
    row-gap: var(--legacy-default-padding);
  }
  .flex.flex-equal-columns .flex-col {
    width: 100%;
  }
}
.flex.flex-grow {
  flex-grow: 1;
}
.flex.flex-shrink {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}
.flex.flex-gap-default {
  gap: var(--legacy-default-element-spacing);
}
.flex.flex-end {
  margin-left: auto;
}
.flex.flex-end.nowrap {
  white-space: nowrap;
}
.hidden {
  display: none !important;
}
.visible {
  display: block !important;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.no-margin {
  margin: 0;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 125%;
  src: url(/assets/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2212,
    U+2215;
}
:root {
  --ion-color-primary: var(--legacy-col-primary);
  --ion-color-primary-rgb: from var(--legacy-col-primary) r g b;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: hsl(from var(--legacy-col-primary) h s calc(calc(l * 0.88) * 1%));
  --ion-color-primary-tint: hsl(from var(--legacy-col-primary) h s calc(calc(l * 1.1) * 1%));
  --ion-color-secondary: var(--legacy-regular-gray);
  --ion-color-secondary-rgb: rgb(var(--legacy-regular-gray));
  --ion-color-secondary-contrast: var(--legacy-gray);
  --ion-color-secondary-contrast-rgb: rgb(var(--legacy-gray));
  --ion-color-secondary-shade: var(--legacy-regular-gray);
  --ion-color-secondary-tint: var(--legacy-regular-gray-l2);
  --ion-color-tertiary: var(--legacy-regular-gray);
  --ion-color-tertiary-rgb: rgb(var(--legacy-regular-gray));
  --ion-color-tertiary-contrast: var(--legacy-gray);
  --ion-color-tertiary-contrast-rgb: rgb(var(--legacy-gray));
  --ion-color-tertiary-shade: var(--legacy-regular-gray);
  --ion-color-tertiary-tint: var(--legacy-regular-gray-l2);
  --ion-color-success: var(--legacy-col-positive);
  --ion-color-success-rgb: rgb(from var(--legacy-col-positive) r g b);
  --ion-color-success-contrast: white;
  --ion-color-success-contrast-rgb: rgb(white);
  --ion-color-success-shade: var(--col-positive-dark);
  --ion-color-success-tint: var(--col-positive-bg);
  --ion-color-warning: var(--col-alert);
  --ion-color-warning-rgb: rgb(var(--col-alert));
  --ion-color-warning-contrast: var(--col-alert-dark);
  --ion-color-warning-contrast-rgb: rgb(var(--col-alert-dark));
  --ion-color-warning-shade: var(--col-alert-dark);
  --ion-color-warning-tint: var(--col-alert-bg);
  --ion-color-danger: var(--legacy-col-negative);
  --ion-color-danger-rgb: rgb(from var(--legacy-col-negative) r g b);
  --ion-color-danger-contrast: white;
  --ion-color-danger-contrast-rgb: rgb(white);
  --ion-color-danger-shade: var(--col-negative-dark);
  --ion-color-danger-tint: var(--col-negative-bg);
  --ion-color-light: var(--col-bg);
  --ion-color-light-rgb: rgb(var(--col-bg));
  --ion-color-light-contrast: black;
  --ion-color-light-contrast-rgb: rgb(black);
  --ion-color-light-shade: hsl(from var(--legacy-col-bg) h s calc(calc(l * 0.88) * 1%));
  --ion-color-light-tint: hsl(from var(--legacy-col-bg) h s calc(calc(l * 1.1) * 1%));
  --ion-color-medium: var(--col-lines);
  --ion-color-medium-rgb: rgb(from var(--col-lines) r g b);
  --ion-color-medium-contrast: var(--legacy-gray);
  --ion-color-medium-contrast-rgb: rgb(var(--legacy-gray));
  --ion-color-medium-shade: hsl(from var(--col-lines) h s calc(calc(l * 0.88) * 1%));
  --ion-color-medium-tint: hsl(from var(--col-lines) h s calc(calc(l * 1.1) * 1%));
  --ion-color-dark: var(--col-primary-dark);
  --ion-color-dark-rgb: rgb(var(--col-primary-dark));
  --ion-color-dark-contrast: var(--legacy-regular-gray-l1);
  --ion-color-dark-contrast-rgb: rgb(var(--legacy-regular-gray-l1));
  --ion-color-dark-shade: hsl(from var(--legacy-col-primary-dark) h s calc(calc(l * 0.88) * 1%));
  --ion-color-dark-tint: var(--legacy-col-primary);
  --ion-toolbar-background-color: var(--col-bg-base);
  --ion-toolbar-border-color: var(--col-lines);
  --ion-border-color: var(--col-lines);
  --ion-font-family: var(--app-font-family);
}
ion-content[no-keyboard-offset] {
  --keyboard-offset: 0px !important;
}
ion-content.safe-area-top {
  --padding-top: var(--ion-safe-area-top, 0);
}
ion-content.safe-area-bottom {
  --padding-bottom: var(--ion-safe-area-bottom, 0);
}
* {
  outline: none !important;
}
.expandable-content {
  display: none;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition: transform 0.2s, opacity 0.2s;
}
.expandable-content.expandable-content-expanded {
  display: block;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@keyframes alertPopupAnimation {
  from {
    transform: scale3d(0, 0, 1) translate3d(0, 80px, 0);
  }
  to {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}
.alert-popup-animation {
  animation-name: alertPopupAnimation;
  animation-timing-function: cubic-bezier(0.5, 1.5, 0.5, 1);
  animation-fill-mode: both;
  animation-duration: 0.9s;
}
@keyframes calmWobbleAnimation {
  from {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -3px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.calm-wobble-animation {
  animation-name: calmWobbleAnimation;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}
* {
  font-size: unset;
}
body {
  font-size: var(--app-font-size-primary);
}
h1 {
  font-size: var(--app-font-size-titles);
}
h2,
h3,
h4,
h5,
h6 {
  color: red;
  text-decoration: line-through;
}
p {
  margin-top: 0;
  margin-bottom: var(--legacy-app-padding);
}
.center {
  text-align: center;
}
.text.sky-blue,
.text.accent {
  color: var(--legacy-sky-blue);
}
.text.blue {
  color: var(--legacy-blue);
}
.text.yellow {
  color: var(--legacy-yellow);
}
.text.green {
  color: var(--legacy-green);
}
.text.negative {
  color: var(--legacy-col-negative);
}
.text.positive {
  color: var(--legacy-col-positive);
}
.text.alert {
  color: var(--col-alert);
}
.text.muted {
  color: var(--col-text-tertiary);
}
.text.secondary,
.text.gray {
  color: var(--col-text-secondary);
}
.text.tertiary {
  color: var(--col-text-tertiary);
}
.text.smaller {
  font-size: 0.9rem;
}
.text.max-2-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.text.bold {
  font-weight: bold;
}
.font-size-secondary {
  font-size: var(--app-font-size-secondary);
}
.font-size-tertiary {
  font-size: var(--app-font-size-tertiary);
}
.pre-line *,
.pre-line {
  white-space: pre-line;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
ion-label.ion-text-wrap {
  font-size: 1em !important;
}
section.editable header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.editable header button.button.small {
  padding: 0;
}
section.form-group-header,
section.form-question-divider {
  padding-bottom: 0;
}
section.form-group-header header,
section.form-question-divider header {
  font-size: var(--app-font-group-headers);
}
section.form-group-header .form-description,
section.form-question-divider .form-description {
  white-space: pre-line;
  font-style: italic;
}
section.form-question {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--item-internal-spacing-md);
}
section.form-question:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(0.5 * var(--legacy-app-padding));
  right: calc(0.5 * var(--legacy-app-padding));
  bottom: 0;
  border-top: 1px solid var(--col-lines);
}
section.form-question .form-input-error {
  background-color: var(--col-negative-bg);
  color: var(--col-negative-dark);
  padding: 8px;
}
.form-input {
  border: 1px solid var(--col-lines);
  border-radius: var(--legacy-app-border-radius);
  background: var(--col-bg-lightest);
}
.form-input .detail {
  flex: 0 0 auto;
  align-self: center;
}
ion-item.form-input {
  --background: transparent;
  --inner-padding-end: 0;
  padding-left: var(--legacy-app-input-padding);
  padding-right: 10px;
}
ion-item.form-input ion-input {
  margin: 0;
  border: none;
}
:not(ion-item).form-input {
  width: 100%;
  min-height: var(--legacy-app-input-height);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
:not(ion-item).form-input > * {
  flex: 1 1 auto;
  padding: calc(0.5 * var(--legacy-app-input-padding)) var(--legacy-app-input-padding);
}
:not(ion-item).form-input .detail-left {
  flex: 0 0 auto;
  background: var(--col-bg-base);
  color: var(--col-text-tertiary);
  border-right: 1px solid var(--col-lines);
  align-self: stretch;
  display: inline-flex;
  align-items: center;
}
.button.form-button:not(.selected):not(.active) {
  background: var(--col-bg-lightest);
  border: 1px solid var(--col-lines);
}
.button.form-button:not(.selected):not(.active).not-applicable {
  background: var(--col-lines);
}
.button.form-button.selected {
  border: 1px solid transparent !important;
}
section {
  padding: var(--legacy-app-padding);
}
section header {
  font-weight: bold;
  font-size: var(--app-font-size-headers);
  margin-bottom: var(--legacy-app-header-spacing);
  position: relative;
}
section header .pull-right {
  position: absolute;
  right: 0;
  top: -10px;
}
section.no-padding-top {
  padding-top: 0;
}
section > :last-child {
  margin-bottom: 0;
}
section.no-padding {
  padding: 0;
}
section.alert {
  background-color: var(--col-alert-bg);
  color: var(--col-alert-dark);
  border-bottom: none;
}
section.positive {
  background-color: var(--col-positive-bg);
  color: var(--col-positive-dark);
  border-bottom: none;
}
section.negative {
  background-color: var(--col-negative-bg);
  color: var(--col-negative-dark);
  border-bottom: none;
}
section.info {
  background-color: var(--col-primary-bg);
  color: var(--col-primary-dark);
  border-bottom: none;
}
section.header-accent header {
  color: var(--col-primary-dark);
}
section.section-narrow {
  padding-left: 20%;
  padding-right: 20%;
}
section.section-fold-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
section.section-fold-avatar rcp-user-avatar,
section.section-fold-avatar portfolio-format-avatar,
section.section-fold-avatar img {
  margin-bottom: var(--legacy-app-header-spacing);
}
section.section-fold-avatar img {
  width: 100px;
}
section.section-fold-avatar h1 {
  margin-top: 2px;
  font-weight: bold;
}
.section-spacer {
  margin: calc(0.5 * var(--legacy-app-section-spacing)) var(--legacy-app-padding);
  border-top: 1px solid var(--col-lines);
}
ion-item .info-box {
  width: 100%;
  margin-right: var(--legacy-app-padding)-10px;
}
.info-box {
  border: none !important;
  background-color: var(--legacy-col-bg-info-box);
  color: var(--col-text-primary);
  min-height: auto;
  padding: var(--legacy-app-padding);
  border-radius: var(--legacy-app-border-radius);
}
.info-box .item-inner {
  border: none !important;
}
.info-box p:first-child {
  margin-top: 0;
}
.info-box p:last-child {
  margin-bottom: 0;
}
.info-box .action {
  font-weight: bold;
}
.info-box.info-box-flex {
  display: flex;
  align-items: center;
}
.info-box.info-box-flex .info-box-flex-right {
  flex: 0 0 auto;
}
.info-box.clickable {
  transition: background-color 0.3s;
  cursor: pointer;
}
.info-box.clickable:hover {
  color: white;
  background-color: var(--col-active);
}
.info-box.alert {
  background-color: var(--col-alert-bg);
  color: var(--col-alert-dark);
}
.info-box.alert.clickable:hover {
  background-color: var(--col-alert);
}
.info-box.positive {
  background-color: var(--col-positive-bg);
  color: var(--col-positive-dark);
}
.info-box.positive.clickable:hover {
  background-color: var(--legacy-col-positive);
}
.info-box.negative {
  background-color: var(--col-negative-bg);
  color: var(--col-negative-dark);
}
.info-box.negative.clickable:hover {
  background-color: var(--legacy-col-negative);
}
.info-box.blue,
.info-box.info {
  background-color: var(--col-primary-bg);
  color: var(--legacy-col-primary);
}
.info-box.accent,
.info-box.sky-blue {
  background-color: var(--col-accent-bg);
  color: var(--col-text-primary);
}
.info-box button {
  margin-bottom: 0;
}
.info-box fa-icon {
  margin-right: 7px;
}
.info-box ion-label {
  white-space: normal;
  margin: 0;
}
.info-box.item-block {
  width: auto;
}
.info-box.full-width {
  margin: 0;
  border-radius: 0;
}
.info-box.border-bottom {
  border-bottom: 1px solid var(--col-lines) !important;
}
.tile-container {
  display: flex;
  flex-direction: column;
}
.tile-container:not(:last-child) {
  margin-bottom: 0;
}
.tile {
  display: flex;
  align-items: center;
  border-radius: var(--legacy-app-border-radius);
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
}
.tile > * {
  padding: var(--legacy-app-padding);
}
.tile > .tile-label {
  flex: 1 1 auto;
}
.tile > .tile-fold {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  min-width: 65px;
  place-content: center;
}
.tile > .tile-fold-icon {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  place-content: center;
  padding-right: 0;
}
.tile > .tile-fold-icon fa-icon {
  font-size: 1.3em;
}
.tile > .tile-detail,
.tile > fa-icon {
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: var(--legacy-app-padding) !important;
}
.tile .tile-subtitle {
  margin-top: 5px;
  font-size: var(--app-font-size-secondary);
}
.tile.compact > * {
  padding: calc(0.5 * var(--legacy-app-padding));
}
.tile.compact .tile-subtitle {
  margin-top: 3px;
}
.tile.dashed {
  border: 1px dashed var(--col-lines);
}
.tile.clickable {
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.5s,
    background-color 0.3s,
    border-color 0.3s;
}
.tile.clickable:hover,
.tile.clickable.active {
  transform: translate3d(0, -3px, 0);
}
.tile:not(.detailed) {
  background-color: var(--col-inactive);
}
.tile:not(.detailed) .tile-fold {
  padding-right: 0;
}
.tile:not(.detailed).blue {
  color: white;
  background-color: var(--legacy-blue);
}
.tile:not(.detailed).accent {
  color: white;
  background-color: var(--col-accent);
}
.tile:not(.detailed).accent-bg {
  background-color: var(--col-accent-bg);
}
.tile:not(.detailed).positive-bg {
  background-color: var(--col-positive-bg);
}
.tile:not(.detailed).accent-regular-bg {
  background-color: var(--col-accent-regular-bg);
}
.tile:not(.detailed).negative-bg {
  background-color: var(--col-negative-bg);
}
.tile:not(.detailed).positive,
.tile:not(.detailed).green {
  background-color: var(--legacy-green);
  color: white;
}
.tile:not(.detailed).progress,
.tile:not(.detailed).yellow {
  background-color: var(--legacy-yellow);
  color: white;
}
.tile:not(.detailed).purple {
  color: white;
  background-color: var(--legacy-purple);
}
.tile:not(.detailed).negative,
.tile:not(.detailed).red {
  background-color: var(--legacy-red);
  color: white;
}
.tile:not(.detailed).gaia {
  color: white;
  background-color: var(--legacy-gaia);
}
.tile:not(.detailed).inactive {
  color: var(--col-text-secondary);
  background-color: var(--col-inactive);
}
.tile.detailed {
  background-color: var(--col-bg-base);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.tile.detailed .tile-fold {
  color: white;
  background: var(--col-neutral);
}
.tile.detailed.blue .tile-fold {
  background-color: var(--legacy-blue);
}
.tile.detailed.accent .tile-fold {
  background-color: var(--col-accent);
}
.tile.detailed.positive .tile-fold,
.tile.detailed.green .tile-fold {
  background-color: var(--legacy-green);
}
.tile.detailed.progress .tile-fold,
.tile.detailed.yellow .tile-fold {
  background-color: var(--legacy-yellow);
}
.tile.detailed.purple .tile-fold {
  background-color: var(--legacy-purple);
}
.tile.detailed.negative .tile-fold,
.tile.detailed.red .tile-fold {
  background-color: var(--legacy-red);
}
.tile.detailed.gaia .tile-fold {
  background-color: var(--legacy-gaia);
}
.tile.detailed.inactive .tile-fold {
  color: var(--col-text-secondary);
  background-color: var(--col-inactive);
}
.tile.detailed.clickable:hover,
.tile.detailed.clickable.active {
  background-color: var(--col-bg);
}
.tile.selectable {
  transition:
    transform 0.5s,
    background-color 0.3s,
    border-color 0.3s;
}
.tile.selectable .tile-fold {
  background-color: var(--col-bg);
  color: var(--legacy-regular-gray);
  transition: background-color 0.3s;
}
.tile.selectable .tile-fold .check-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid var(--legacy-regular-gray);
  transition: border-color 0.3s, color 0.3s;
}
@media (hover: hover) {
  .tile.selectable:hover {
    border-color: var(--legacy-col-positive);
  }
  .tile.selectable:hover > * {
    color: var(--legacy-col-positive);
  }
  .tile.selectable:hover .muted,
  .tile.selectable:hover .secondary {
    color: rgba(var(--legacy-col-positive), 0.7) !important;
  }
}
.tile.selectable.selected {
  background-color: var(--col-positive-bg);
  border-color: var(--legacy-col-positive);
}
.tile.selectable.selected > * {
  color: var(--legacy-col-positive);
}
.tile.selectable.selected .muted,
.tile.selectable.selected .secondary {
  color: rgba(var(--legacy-col-positive), 0.7) !important;
}
.tile.selectable.selected .tile-fold {
  background-color: var(--legacy-col-positive);
}
.tile.selectable.selected .tile-fold .check-circle {
  background-color: var(--col-bg-base);
  color: var(--legacy-col-positive);
}
.label {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  height: 30px;
  line-height: var(--font-size-normal);
  font-size: var(--font-size-normal);
  padding: 0 9px;
  border-radius: var(--legacy-br);
}
.label:not(.basic):not(.transparent) {
  background-color: #e2e8f0;
  color: #05003f;
}
.label:not(.basic).transparent {
  color: #05003f;
}
.label:not(.basic).blue:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
.label:not(.basic).blue.transparent {
  color: #007bc0;
}
.label:not(.basic).sky-blue:not(.transparent) {
  background-color: #27baff;
  color: white;
}
.label:not(.basic).sky-blue.transparent {
  color: #27baff;
}
.label:not(.basic).green:not(.transparent) {
  background-color: #00a676;
  color: white;
}
.label:not(.basic).green.transparent {
  color: #00a676;
}
.label:not(.basic).yellow:not(.transparent) {
  background-color: #fcba04;
  color: white;
}
.label:not(.basic).yellow.transparent {
  color: #fcba04;
}
.label:not(.basic).orange:not(.transparent) {
  background-color: #f09943;
  color: white;
}
.label:not(.basic).orange.transparent {
  color: #f09943;
}
.label:not(.basic).red:not(.transparent) {
  background-color: #f06543;
  color: white;
}
.label:not(.basic).red.transparent {
  color: #f06543;
}
.label:not(.basic).primary:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
.label:not(.basic).primary.transparent {
  color: #007bc0;
}
.label:not(.basic).positive:not(.transparent) {
  background-color: #00a676;
  color: white;
}
.label:not(.basic).positive.transparent {
  color: #00a676;
}
.label:not(.basic).negative:not(.transparent) {
  background-color: #f06543;
  color: white;
}
.label:not(.basic).negative.transparent {
  color: #f06543;
}
.label:not(.basic).progress:not(.transparent) {
  background-color: #fcba04;
  color: white;
}
.label:not(.basic).progress.transparent {
  color: #fcba04;
}
.label:not(.basic).active:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
.label:not(.basic).active.transparent {
  color: #007bc0;
}
.label:not(.basic).gaia:not(.transparent) {
  background-color: #00bcbd;
  color: white;
}
.label:not(.basic).gaia.transparent {
  color: #00bcbd;
}
.label:not(.basic).purple:not(.transparent) {
  background-color: #54288b;
  color: white;
}
.label:not(.basic).purple.transparent {
  color: #54288b;
}
.label.basic {
  border: 1px solid #e2e8f0;
  background-color: var(--col-bg-base);
  color: #05003f;
}
.label.basic.blue {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
.label.basic.sky-blue {
  border: 1px solid #27baff;
  background-color: var(--col-bg-base);
  color: #27baff;
}
.label.basic.green {
  border: 1px solid #00a676;
  background-color: var(--col-bg-base);
  color: #00a676;
}
.label.basic.yellow {
  border: 1px solid #fcba04;
  background-color: var(--col-bg-base);
  color: #fcba04;
}
.label.basic.orange {
  border: 1px solid #f09943;
  background-color: var(--col-bg-base);
  color: #f09943;
}
.label.basic.red {
  border: 1px solid #f06543;
  background-color: var(--col-bg-base);
  color: #f06543;
}
.label.basic.primary {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
.label.basic.positive {
  border: 1px solid #00a676;
  background-color: var(--col-bg-base);
  color: #00a676;
}
.label.basic.negative {
  border: 1px solid #f06543;
  background-color: var(--col-bg-base);
  color: #f06543;
}
.label.basic.progress {
  border: 1px solid #fcba04;
  background-color: var(--col-bg-base);
  color: #fcba04;
}
.label.basic.active {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
.label.basic.gaia {
  border: 1px solid #00bcbd;
  background-color: var(--col-bg-base);
  color: #00bcbd;
}
.label.basic.purple {
  border: 1px solid #54288b;
  background-color: var(--col-bg-base);
  color: #54288b;
}
.label.clickable:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
.label.clickable:hover .muted {
  color: inherit;
}
.label.clickable.selected {
  background-color: var(--col-active);
  border-color: var(--col-active);
  color: white;
}
.label.clickable.blue:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
.label.clickable.sky-blue:hover {
  background-color: rgb(9.6, 176.6083333333, 255) !important;
  color: white !important;
}
.label.clickable.green:hover {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
.label.clickable.yellow:hover {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
.label.clickable.orange:hover {
  background-color: rgb(237.7315270936, 137.5743842365, 38.5684729064) !important;
  color: white !important;
}
.label.clickable.red:hover {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
.label.clickable.primary:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
.label.clickable.positive:hover {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
.label.clickable.negative:hover {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
.label.clickable.progress:hover {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
.label.clickable.active:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
.label.clickable.gaia:hover {
  background-color: rgb(0, 169.2, 170.1) !important;
  color: white !important;
}
.label.clickable.purple:hover {
  background-color: rgb(75.6, 36, 125.1) !important;
  color: white !important;
}
.label.small {
  font-size: calc(0.8 * var(--font-size-normal));
  height: 24px;
  padding: 5.4px;
}
.label.spaced {
  margin-bottom: 5px;
  margin-right: 5px;
}
.label.detailed {
  overflow: hidden;
}
.label.detailed.right {
  padding-right: 0;
}
.label.detailed.right .detail {
  margin-left: 9px;
  margin-right: 0;
}
.label.detailed:not(.right) {
  padding-left: 0;
}
.label.detailed:not(.right) .detail {
  margin-right: 9px;
  margin-left: 0;
}
.label.detailed .detail {
  background: rgba(0, 0, 0, 0.03);
  align-self: stretch;
  height: auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 9px;
}
.label.detailed avatar.detail {
  padding: 0 2px;
}
.label.floating {
  position: absolute;
  left: 0;
  top: 0;
}
.label.floating.right {
  left: auto;
  right: 0;
}
.filter-label-container {
  display: inline-flex;
  gap: var(--spacing-md);
}
.label-container {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--item-internal-spacing-sm);
}
.filter-label-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}
.radio-icon {
  width: 30px;
}
.radio-icon fa-icon {
  color: var(--legacy-blue);
}
fa-icon.positive {
  color: var(--legacy-col-positive);
}
fa-icon.negative {
  color: var(--legacy-col-negative);
}
.simple-popover-container {
  height: 0;
}
.simple-popover {
  display: inline-block;
  padding: 5px;
  border-radius: var(--legacy-app-border-radius);
  position: relative;
  top: -50px;
  background-color: var(--col-primary-bg);
  color: var(--legacy-col-primary);
}
.simple-popover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--col-primary-bg);
}
.simple-popover.alert {
  background-color: var(--col-alert-bg);
  color: var(--col-alert-dark);
}
.simple-popover.alert:after {
  border-top-color: var(--col-alert-bg);
}
.simple-popover.positive {
  background-color: var(--col-positive-bg);
  color: var(--col-positive-dark);
}
.simple-popover.positive:after {
  border-top-color: var(--col-positive-bg);
}
.simple-popover.negative {
  background-color: var(--col-negative-bg);
  color: var(--col-negative-dark);
}
.simple-popover.negative:after {
  border-top-color: var(--col-negative-bg);
}
ion-header,
ion-toolbar,
ion-title {
  --min-height: 50px;
  --background: #fff;
}
ion-header ion-toolbar {
  --border-width: 0 !important;
  --padding-start: var(--legacy-app-padding);
}
ion-header ion-toolbar ion-buttons ion-back-button {
  color: var(--col-text-titles);
  font-size: var(--app-font-size-tertiary);
  --icon-padding-end: 10px;
}
ion-header ion-toolbar ion-buttons ion-button.button-has-icon-only {
  width: 36px;
  font-size: 20px;
}
ion-header ion-toolbar ion-title {
  color: var(--col-text-titles);
  font-size: var(--app-font-size-titles);
  padding-inline: 60px;
}
ion-header ion-toolbar ion-item {
  --inner-border-width: 0;
}
ion-header ion-title:not(.fold) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
ion-header ion-toolbar.fold {
  --padding-top: 11px;
  --padding-bottom: var(--legacy-app-padding);
  --padding-end: var(--legacy-app-padding);
}
ion-header ion-toolbar.fold.progress {
  --background: var(--legacy-col-progress);
  --color: white;
}
ion-header ion-toolbar.fold.positive {
  --background: var(--legacy-col-positive);
  --color: white;
}
ion-header ion-toolbar.fold.blue {
  --background: var(--legacy-blue);
  --color: white;
}
ion-header ion-toolbar.fold h1 {
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 18px;
}
ion-header ion-toolbar.fold ion-back-button {
  color: inherit;
  font-size: var(--app-font-size-tertiary);
}
ion-header ion-toolbar.fold .col-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
ion-header ion-toolbar.fold .col-container.align-top {
  align-items: self-start;
}
ion-header ion-toolbar.fold .col-container .col-fixed {
  flex: 0 0 auto;
}
ion-header ion-toolbar.fold .col-container .col-grow {
  flex: 1 1 auto;
}
ion-header ion-toolbar.fold .col-container .col-main:not(:first-child) {
  padding: 0 var(--legacy-app-padding);
}
ion-header ion-toolbar.fold .col-container .col-vertical {
  display: flex;
  flex-direction: column;
}
ion-header ion-toolbar.fold .subheader {
  margin-top: 5px;
}
ion-header ion-toolbar.fold .subheader .competence-level-indicators {
  display: inline-flex;
  width: 100%;
}
ion-header ion-toolbar.fold .subheader .competence-level-indicators :not(:last-child) {
  margin-right: 10px;
}
ion-header ion-toolbar.fold .subheader .competence-level-indicators .competence-level-indicator {
  flex: 1 1 auto;
  height: 6px;
  background: var(--col-bg-base);
  border-radius: 3px;
}
ion-header ion-toolbar.fold .subheader .competence-level-indicators .competence-level-indicator.inactive {
  opacity: 0.5;
}
.cupertino-pane-wrapper ion-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: var(--col-bg-base);
}
.cupertino-pane-wrapper .ion-footer-placeholder {
  height: var(--legacy-app-button-height);
}
ion-footer ion-toolbar {
  --padding-bottom: 10px;
  --border-width: 0 !important;
}
ion-modal {
  --backdrop-opacity: 0.3 !important;
}
ion-modal .cupertino-pane-wrapper .backdrop {
  pointer-events: none;
}
ion-modal ion-header ion-toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
ion-modal.large-modal {
  --backdrop-opacity: 0.5 !important;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.large-modal {
    --width: calc(100vw - 52px) !important;
    --height: calc(100vh - 52px) !important;
  }
  ion-modal.large-modal .cupertino-pane-wrapper .pane {
    left: auto;
    right: 16px;
  }
}
ion-modal.full-screen-modal {
  --width: 100% !important;
  --height: 100% !important;
  --backdrop-opacity: 0.5 !important;
}
ion-modal.app-lockscreen {
  z-index: 20050 !important;
}
ion-tab-bar {
  --background: #fff;
  height: 70px;
  border: none;
  border-top-left-radius: var(--legacy-app-border-radius-large);
  border-top-right-radius: var(--legacy-app-border-radius-large);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.18);
}
ion-tab-bar * {
  font-size: 10px;
}
ion-tab-bar .avatar-tab {
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 240px;
}
ion-tab-bar ion-tab-button {
  color: var(--col-text-secondary);
}
ion-tab-bar ion-tab-button .plus-circle {
  border: 2px solid var(--col-text-secondary);
  width: 39px;
  height: 39px;
  padding-top: 1px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
ion-tab-bar ion-tab-button.tab-selected {
  color: var(--col-primary);
}
ion-tab-bar ion-tab-button.tab-selected .plus-circle {
  color: white;
  border-color: transparent;
  background-color: var(--col-primary);
}
ion-tab-bar ion-tab-button .unread-notifications {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid white;
  background-color: var(--col-negative);
  position: absolute;
  right: -4px;
  bottom: -3px;
}
ion-refresher {
  --color: var(--col-accent);
}
ion-refresher ion-refresher-content .refresher-pulling .refresher-pulling-icon fa-icon {
  color: var(--col-accent);
}
ion-refresher ion-refresher-content .refresher-pulling .refresher-pulling-text {
  color: var(--col-accent);
}
ion-toast .toast-wrapper {
  background-color: var(--legacy-col-primary);
}
ion-toast .toast-wrapper .toast-message,
ion-toast .toast-wrapper .toast-button {
  color: white;
}
ion-toast.alert .toast-wrapper {
  background-color: var(--col-alert);
}
ion-toast.alert .toast-wrapper .toast-message,
ion-toast.alert .toast-wrapper .toast-button {
  color: white;
}
ion-toast.success .toast-wrapper {
  background-color: var(--legacy-col-positive);
}
ion-toast.success .toast-wrapper .toast-message,
ion-toast.success .toast-wrapper .toast-button {
  color: white;
}
ion-toast.error .toast-wrapper {
  background-color: var(--legacy-col-negative);
}
ion-toast.error .toast-wrapper .toast-message,
ion-toast.error .toast-wrapper .toast-button {
  color: white;
}
ion-segment {
  margin-bottom: var(--legacy-app-header-spacing);
}
ion-segment-button ion-label {
  font-size: var(--app-font-size-secondary);
}
a.link {
  cursor: pointer;
  color: var(--legacy-col-primary) !important;
}
a.link:hover {
  color: var(--col-accent) !important;
  text-decoration: underline !important;
}
a.link.negative {
  color: var(--legacy-col-negative) !important;
}
a.link.negative:hover {
  color: var(--col-negative-dark) !important;
}
button {
  font: inherit;
  padding: initial;
  margin: initial;
  background: transparent;
}
button.active:focus,
button:active:focus,
button:focus {
  outline: none;
}
button:not(.rcp-button).active:focus,
button:not(.rcp-button):active:focus,
button:not(.rcp-button):focus {
  box-shadow: inherit !important;
}
button.button,
a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: var(--legacy-button-height);
  font-family: var(--font-default);
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.2s;
  border: none;
  border-radius: var(--legacy-br);
}
button.button:not(.basic):not(.transparent),
a.button:not(.basic):not(.transparent) {
  background-color: #e2e8f0;
  color: #05003f;
}
button.button:not(.basic).transparent,
a.button:not(.basic).transparent {
  color: #05003f;
}
button.button:not(.basic).blue:not(.transparent),
a.button:not(.basic).blue:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
button.button:not(.basic).blue.transparent,
a.button:not(.basic).blue.transparent {
  color: #007bc0;
}
button.button:not(.basic).sky-blue:not(.transparent),
a.button:not(.basic).sky-blue:not(.transparent) {
  background-color: #27baff;
  color: white;
}
button.button:not(.basic).sky-blue.transparent,
a.button:not(.basic).sky-blue.transparent {
  color: #27baff;
}
button.button:not(.basic).green:not(.transparent),
a.button:not(.basic).green:not(.transparent) {
  background-color: #00a676;
  color: white;
}
button.button:not(.basic).green.transparent,
a.button:not(.basic).green.transparent {
  color: #00a676;
}
button.button:not(.basic).yellow:not(.transparent),
a.button:not(.basic).yellow:not(.transparent) {
  background-color: #fcba04;
  color: white;
}
button.button:not(.basic).yellow.transparent,
a.button:not(.basic).yellow.transparent {
  color: #fcba04;
}
button.button:not(.basic).orange:not(.transparent),
a.button:not(.basic).orange:not(.transparent) {
  background-color: #f09943;
  color: white;
}
button.button:not(.basic).orange.transparent,
a.button:not(.basic).orange.transparent {
  color: #f09943;
}
button.button:not(.basic).red:not(.transparent),
a.button:not(.basic).red:not(.transparent) {
  background-color: #f06543;
  color: white;
}
button.button:not(.basic).red.transparent,
a.button:not(.basic).red.transparent {
  color: #f06543;
}
button.button:not(.basic).primary:not(.transparent),
a.button:not(.basic).primary:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
button.button:not(.basic).primary.transparent,
a.button:not(.basic).primary.transparent {
  color: #007bc0;
}
button.button:not(.basic).positive:not(.transparent),
a.button:not(.basic).positive:not(.transparent) {
  background-color: #00a676;
  color: white;
}
button.button:not(.basic).positive.transparent,
a.button:not(.basic).positive.transparent {
  color: #00a676;
}
button.button:not(.basic).negative:not(.transparent),
a.button:not(.basic).negative:not(.transparent) {
  background-color: #f06543;
  color: white;
}
button.button:not(.basic).negative.transparent,
a.button:not(.basic).negative.transparent {
  color: #f06543;
}
button.button:not(.basic).progress:not(.transparent),
a.button:not(.basic).progress:not(.transparent) {
  background-color: #fcba04;
  color: white;
}
button.button:not(.basic).progress.transparent,
a.button:not(.basic).progress.transparent {
  color: #fcba04;
}
button.button:not(.basic).active:not(.transparent),
a.button:not(.basic).active:not(.transparent) {
  background-color: #007bc0;
  color: white;
}
button.button:not(.basic).active.transparent,
a.button:not(.basic).active.transparent {
  color: #007bc0;
}
button.button:not(.basic).gaia:not(.transparent),
a.button:not(.basic).gaia:not(.transparent) {
  background-color: #00bcbd;
  color: white;
}
button.button:not(.basic).gaia.transparent,
a.button:not(.basic).gaia.transparent {
  color: #00bcbd;
}
button.button:not(.basic).purple:not(.transparent),
a.button:not(.basic).purple:not(.transparent) {
  background-color: #54288b;
  color: white;
}
button.button:not(.basic).purple.transparent,
a.button:not(.basic).purple.transparent {
  color: #54288b;
}
button.button.basic,
a.button.basic {
  border: 1px solid #e2e8f0;
  background-color: var(--col-bg-base);
  color: #05003f;
}
button.button.basic.blue,
a.button.basic.blue {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
button.button.basic.sky-blue,
a.button.basic.sky-blue {
  border: 1px solid #27baff;
  background-color: var(--col-bg-base);
  color: #27baff;
}
button.button.basic.green,
a.button.basic.green {
  border: 1px solid #00a676;
  background-color: var(--col-bg-base);
  color: #00a676;
}
button.button.basic.yellow,
a.button.basic.yellow {
  border: 1px solid #fcba04;
  background-color: var(--col-bg-base);
  color: #fcba04;
}
button.button.basic.orange,
a.button.basic.orange {
  border: 1px solid #f09943;
  background-color: var(--col-bg-base);
  color: #f09943;
}
button.button.basic.red,
a.button.basic.red {
  border: 1px solid #f06543;
  background-color: var(--col-bg-base);
  color: #f06543;
}
button.button.basic.primary,
a.button.basic.primary {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
button.button.basic.positive,
a.button.basic.positive {
  border: 1px solid #00a676;
  background-color: var(--col-bg-base);
  color: #00a676;
}
button.button.basic.negative,
a.button.basic.negative {
  border: 1px solid #f06543;
  background-color: var(--col-bg-base);
  color: #f06543;
}
button.button.basic.progress,
a.button.basic.progress {
  border: 1px solid #fcba04;
  background-color: var(--col-bg-base);
  color: #fcba04;
}
button.button.basic.active,
a.button.basic.active {
  border: 1px solid #007bc0;
  background-color: var(--col-bg-base);
  color: #007bc0;
}
button.button.basic.gaia,
a.button.basic.gaia {
  border: 1px solid #00bcbd;
  background-color: var(--col-bg-base);
  color: #00bcbd;
}
button.button.basic.purple,
a.button.basic.purple {
  border: 1px solid #54288b;
  background-color: var(--col-bg-base);
  color: #54288b;
}
button.button:hover,
a.button:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button:hover .muted,
a.button:hover .muted {
  color: inherit;
}
button.button.selected,
a.button.selected {
  background-color: var(--col-active);
  border-color: var(--col-active);
  color: white;
}
button.button.blue:hover,
a.button.blue:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.sky-blue:hover,
a.button.sky-blue:hover {
  background-color: rgb(9.6, 176.6083333333, 255) !important;
  color: white !important;
}
button.button.green:hover,
a.button.green:hover {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
button.button.yellow:hover,
a.button.yellow:hover {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
button.button.orange:hover,
a.button.orange:hover {
  background-color: rgb(237.7315270936, 137.5743842365, 38.5684729064) !important;
  color: white !important;
}
button.button.red:hover,
a.button.red:hover {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
button.button.primary:hover,
a.button.primary:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.positive:hover,
a.button.positive:hover {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
button.button.negative:hover,
a.button.negative:hover {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
button.button.progress:hover,
a.button.progress:hover {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
button.button.active:hover,
a.button.active:hover {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.gaia:hover,
a.button.gaia:hover {
  background-color: rgb(0, 169.2, 170.1) !important;
  color: white !important;
}
button.button.purple:hover,
a.button.purple:hover {
  background-color: rgb(75.6, 36, 125.1) !important;
  color: white !important;
}
button.button.selected,
a.button.selected {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.blue.selected,
a.button.blue.selected {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.sky-blue.selected,
a.button.sky-blue.selected {
  background-color: rgb(9.6, 176.6083333333, 255) !important;
  color: white !important;
}
button.button.green.selected,
a.button.green.selected {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
button.button.yellow.selected,
a.button.yellow.selected {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
button.button.orange.selected,
a.button.orange.selected {
  background-color: rgb(237.7315270936, 137.5743842365, 38.5684729064) !important;
  color: white !important;
}
button.button.red.selected,
a.button.red.selected {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
button.button.primary.selected,
a.button.primary.selected {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.positive.selected,
a.button.positive.selected {
  background-color: rgb(0, 149.4, 106.2) !important;
  color: white !important;
}
button.button.negative.selected,
a.button.negative.selected {
  background-color: rgb(237.7315270936, 77.7103448276, 38.5684729064) !important;
  color: white !important;
}
button.button.progress.selected,
a.button.progress.selected {
  background-color: rgb(227.6787401575, 167.811023622, 2.7212598425) !important;
  color: white !important;
}
button.button.active.selected,
a.button.active.selected {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.gaia.selected,
a.button.gaia.selected {
  background-color: rgb(0, 169.2, 170.1) !important;
  color: white !important;
}
button.button.purple.selected,
a.button.purple.selected {
  background-color: rgb(75.6, 36, 125.1) !important;
  color: white !important;
}
button.button[disabled],
button.button[disabled]:hover,
button.button.disabled,
button.button.disabled:hover,
a.button[disabled],
a.button[disabled]:hover,
a.button.disabled,
a.button.disabled:hover {
  pointer-events: none;
}
button.button[disabled]:not(.selected):not(.highlight),
button.button[disabled]:hover:not(.selected):not(.highlight),
button.button.disabled:not(.selected):not(.highlight),
button.button.disabled:hover:not(.selected):not(.highlight),
a.button[disabled]:not(.selected):not(.highlight),
a.button[disabled]:hover:not(.selected):not(.highlight),
a.button.disabled:not(.selected):not(.highlight),
a.button.disabled:hover:not(.selected):not(.highlight) {
  opacity: 0.5;
}
button.button.transparent,
a.button.transparent {
  background-color: transparent;
}
button.button.dark,
a.button.dark {
  background: var(--col-bg-darkest) !important;
  color: var(--legacy-regular-gray-l3 !important);
}
button.button.dark:hover,
button.button.dark.active,
a.button.dark:hover,
a.button.dark.active {
  color: white !important;
  background-color: var(--legacy-sky-blue !important);
}
button.button.for-input,
a.button.for-input {
  height: var(--legacy-input-height);
}
button.button.circular.icon,
a.button.circular.icon {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  font-size: 16px;
  margin: 0 5px;
  padding: 0;
  font-weight: normal;
}
button.button.circular.icon fa-icon,
a.button.circular.icon fa-icon {
  top: 0;
  margin-left: 0;
  height: 16px;
  line-height: 0;
}
button.button.circular.icon fa-icon .svg-inline--fa,
a.button.circular.icon fa-icon .svg-inline--fa {
  height: 16px;
  vertical-align: 0;
}
button.button.small,
a.button.small {
  height: calc(0.75 * var(--legacy-button-height));
  min-width: calc(0.75 * var(--legacy-button-height));
  padding: 0 10px;
  font-size: 0.9em;
}
button.button.small fa-icon,
a.button.small fa-icon {
  padding: 0 10px !important;
}
button.button.small.icon-only,
a.button.small.icon-only {
  max-width: calc(0.75 * var(--legacy-button-height));
}
button.button.thin,
a.button.thin {
  width: calc(0.75 * var(--legacy-button-height));
}
button.button.active,
a.button.active {
  background-color: rgb(0, 110.7, 172.8) !important;
  color: white !important;
}
button.button.pull-right,
a.button.pull-right {
  position: relative;
  z-index: 1;
}
button.button.aligned.left,
a.button.aligned.left {
  justify-content: space-between;
  text-align: left;
}
button.button.full-width,
a.button.full-width {
  width: 100%;
}
button.button.full-width.detailed,
a.button.full-width.detailed {
  justify-content: space-between;
}
button.button.full-width.detailed fa-icon svg,
a.button.full-width.detailed fa-icon svg {
  min-width: 16px;
}
button.button.detailed,
a.button.detailed {
  overflow: hidden;
}
button.button.detailed.right,
a.button.detailed.right {
  padding-right: 0;
}
button.button.detailed.right .detail,
button.button.detailed.right > fa-icon,
a.button.detailed.right .detail,
a.button.detailed.right > fa-icon {
  margin-left: 15px;
}
button.button.detailed:not(.right),
a.button.detailed:not(.right) {
  padding-left: 0;
}
button.button.detailed:not(.right) .detail,
button.button.detailed:not(.right) > fa-icon,
a.button.detailed:not(.right) .detail,
a.button.detailed:not(.right) > fa-icon {
  margin-right: 15px;
}
button.button.detailed .detail,
button.button.detailed > fa-icon,
a.button.detailed .detail,
a.button.detailed > fa-icon {
  align-self: stretch;
  height: auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
}
.button.spaced + .spaced {
  margin-left: var(--legacy-button-spacing);
}
.button.spaced + .spaced.pull-right {
  margin-left: 0;
  margin-right: var(--legacy-button-spacing);
}
.buttons {
  max-width: 100%;
  display: inline-block;
}
.buttons.full-width {
  display: flex;
}
.buttons.full-width button.button {
  justify-content: center;
}
.buttons.full-width button.button.detailed {
  justify-content: flex-start;
}
.buttons.full-width button.button.detailed.right {
  justify-content: space-between;
}
.buttons.center {
  width: 100%;
}
.buttons.buttons-radio {
  display: block;
  flex-direction: column;
}
.buttons.buttons-radio button.button {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.buttons.buttons-radio button.button input[type=radio] {
  margin: 0;
  margin-right: 10px;
}
.buttons button.button {
  margin-left: 0;
  flex-grow: 1;
  flex: 1 0 auto;
  position: relative;
}
.buttons button.button:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 5px;
}
.buttons button.button.selected.color-progress,
.buttons button.button.highlight.color-progress {
  background-color: var(--legacy-col-progress);
  border-color: var(--legacy-col-progress);
}
.buttons button.button.selected.color-positive,
.buttons button.button.highlight.color-positive {
  background-color: var(--legacy-col-positive);
  border-color: var(--legacy-col-positive);
}
.buttons button.button:hover .hover-description,
.buttons button.button.selected .hover-description {
  opacity: 1;
}
.buttons button.button:hover .hover-description {
  transform: translate3d(0, -2px, 0);
}
.buttons button.button .hover-description {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 8px;
  transition: opacity 0.3s, transform 0.3s;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.buttons.continuous button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttons.continuous button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.buttons.buttons-flex {
  display: flex;
}
.buttons.buttons-flex > * {
  flex: 1 0 auto;
  padding: 0;
}
.buttons-container.flex {
  gap: var(--legacy-button-spacing);
}
.buttons-container .description {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: smaller;
  color: var(--col-text-secondary);
}
.button .button-label-container {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
button.button {
  border-radius: var(--legacy-app-border-radius);
}
ion-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: background-color 0.2s;
  border: none;
  margin-inline: 0;
  height: var(--legacy-app-button-height);
  --border-radius: var(--legacy-app-border-radius);
  --padding-end: var(--legacy-app-padding);
  --padding-start: var(--legacy-app-padding);
  margin-bottom: var(--legacy-app-element-spacing);
}
ion-button.big {
  height: 60px;
}
ion-button.small {
  height: 30px;
  --padding-end: calc(0.5 * var(--legacy-app-padding));
  --padding-start: calc(0.5 * var(--legacy-app-padding));
}
ion-button.full-width {
  position: relative;
  display: flex;
}
ion-button.full-width > * {
  flex: 1 1 auto;
}
ion-button.full-width > fa-icon {
  flex: 0 0 auto;
}
ion-button.full-width > ion-spinner {
  position: absolute;
  right: 0;
  color: var(--legacy-black-l2);
}
ion-button.detailed.right {
  padding-right: 0;
  --padding-end: 0;
}
ion-button.detailed.right .detail,
ion-button.detailed.right > fa-icon {
  margin-left: 15px;
}
ion-button.detailed:not(.right) {
  --padding-start: 0;
}
ion-button.detailed:not(.right) > fa-icon {
  margin-right: 15px;
}
ion-button.detailed .detail,
ion-button.detailed > fa-icon {
  align-self: stretch;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
}
ion-button.button-flex {
  display: flex;
}
ion-button.button-flex > * {
  flex: 1 0 auto;
  padding: 0;
}
ion-button.ion-color-secondary::part(native) {
  color: var(--col-text-secondary);
}
ion-button.ion-color-tertiary::part(native) {
  color: var(--col-text-tertiary);
}
ion-button.ion-color-secondary.active {
  --ion-color-base: var(--legacy-col-active) !important;
  --ion-color-contrast: var(--legacy-col-active) !important;
}
ion-button.ion-color-secondary.active::part(native) {
  color: white;
  background: var(--col-active);
}
button.icon-only {
  min-width: 30px;
  min-height: 30px;
  color: inherit;
  background: transparent;
  border-radius: var(--legacy-app-border-radius);
  font-size: var(--app-font-size-titles);
  display: flex;
  justify-content: center;
  align-items: center;
}
button.icon-only:focus {
  background: rgba(255, 255, 255, 0.5);
}
button.icon-only.secondary {
  color: var(--col-text-secondary);
}
button.icon-only fa-icon {
  display: flex;
}
.button-flex-container {
  display: flex;
}
.button-flex-container * {
  flex: 1 1 auto;
}
.button-flex-container ion-button {
  flex: 0 0 auto;
}
ion-footer .full-width[fill=clear],
.footer-styling .full-width[fill=clear] {
  --border-radius: 0;
  margin: 0 var(--legacy-app-padding);
  border-top: 1px solid var(--col-lines);
}
ion-input {
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  border-bottom: 1px solid var(--col-lines);
  margin-bottom: var(--legacy-app-element-spacing);
}
ion-input.has-focus {
  border-color: var(--col-active);
}
ion-list {
  margin-bottom: var(--legacy-app-padding);
}
ion-list ion-list-header {
  padding-left: var(--legacy-app-padding);
  margin-bottom: var(--legacy-app-header-spacing);
}
ion-list ion-item {
  --padding-start: var(--legacy-app-padding);
}
ion-list ion-item-sliding {
  transition: opacity 0.5s;
}
ion-list.has-active-sliding-item ion-item-sliding:not(.item-sliding-active-slide) {
  opacity: 0.3;
}
ion-item-divider {
  font-weight: normal !important;
}
ion-item {
  --inner-border-width: 0;
  --padding-start: 0;
}
ion-item ion-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
ion-item ion-avatar.icon {
  margin-inline: 0 10px;
}
ion-item ion-avatar fa-icon,
ion-item ion-avatar img {
  place-self: center;
  width: 36px;
  height: auto;
  display: block;
  text-align: center;
  border-radius: 0;
  overflow: visible;
}
ion-item ion-avatar img {
  color: var(--col-item-icons);
}
ion-item ion-avatar fa-icon {
  color: var(--col-text-secondary);
}
ion-item.ion-item-feed {
  font-size: var(--app-font-size-secondary);
}
ion-item.ion-item-feed.ion-item-feed-unread {
  --background: var(--col-active-bg);
}
ion-item.ion-item-high {
  --min-height: 64px;
}
ion-item.group-header {
  font-weight: bold;
}
ion-item.muted {
  opacity: 0.5;
}
ion-item.muted ion-label {
  text-decoration: line-through;
}
ion-item-options {
  border-bottom-width: 0 !important;
}
ion-item-options ion-item-option {
  font-weight: bold;
}
ion-popover.portfolio-app-document-popover {
  --width: 90%;
  --max-width: 700px;
  --ion-safe-area-left: 15px;
}
ion-popover.portfolio-app-document-popover div.popover-wrapper div.popover-content {
  left: 50% !important;
  transform: translate(-50%, 0) !important;
}
.datetime-popover {
  --width: 90vw;
  --ion-safe-area-left: 15px;
  --max-width: fit-content;
}
ion-action-sheet {
  --button-color: var(--col-text-primary) !important;
}
ion-action-sheet button.action-sheet-button.sc-ion-action-sheet-ios:not(:last-child) {
  position: relative;
}
ion-action-sheet button.action-sheet-button.sc-ion-action-sheet-ios:not(:last-child):before {
  position: absolute;
  content: "";
  left: var(--legacy-app-padding);
  right: var(--legacy-app-padding);
  bottom: 0;
  border-bottom: 1px solid var(--col-lines);
}
ion-action-sheet button.action-sheet-button.sc-ion-action-sheet-ios.disabled {
  color: var(--col-text-tertiary) !important;
}
ion-action-sheet button.action-sheet-button.sc-ion-action-sheet-ios.positive {
  color: var(--legacy-green);
}
ion-action-sheet button.action-sheet-button.sc-ion-action-sheet-ios.positive:hover {
  color: var(--legacy-green-d1);
}
.action-sheet-button {
  font-size: var(--app-font-size-primary) !important;
}
ion-alert h2 {
  color: black;
  text-decoration: inherit;
}
ion-searchbar {
  --padding-inline-start: var(--legacy-app-padding);
}
.app-page-padding {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  font-size: var(--app-font-size-primary);
  padding: var(--app-page-padding);
}
.app-page-padding section {
  padding: 0;
}
.app-page-center {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: var(--section-padding);
}

/* angular:styles/global:styles */