@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";
@import "https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js";

/* node_modules/@ionic/angular/css/palettes/dark.system.css */
@media (prefers-color-scheme: dark) {
  :root {
    --ion-color-primary: #4d8dff;
    --ion-color-primary-rgb:
      77,
      141,
      255;
    --ion-color-primary-contrast: #000;
    --ion-color-primary-contrast-rgb:
      0,
      0,
      0;
    --ion-color-primary-shade: #447ce0;
    --ion-color-primary-tint: #5f98ff;
    --ion-color-secondary: #46b1ff;
    --ion-color-secondary-rgb:
      70,
      177,
      255;
    --ion-color-secondary-contrast: #000;
    --ion-color-secondary-contrast-rgb:
      0,
      0,
      0;
    --ion-color-secondary-shade: #3e9ce0;
    --ion-color-secondary-tint: #59b9ff;
    --ion-color-tertiary: #8482fb;
    --ion-color-tertiary-rgb:
      132,
      130,
      251;
    --ion-color-tertiary-contrast: #000;
    --ion-color-tertiary-contrast-rgb:
      0,
      0,
      0;
    --ion-color-tertiary-shade: #7472dd;
    --ion-color-tertiary-tint: #908ffb;
    --ion-color-success: #2dd55b;
    --ion-color-success-rgb:
      45,
      213,
      91;
    --ion-color-success-contrast: #000;
    --ion-color-success-contrast-rgb:
      0,
      0,
      0;
    --ion-color-success-shade: #28bb50;
    --ion-color-success-tint: #42d96b;
    --ion-color-warning: #ffce31;
    --ion-color-warning-rgb:
      255,
      206,
      49;
    --ion-color-warning-contrast: #000;
    --ion-color-warning-contrast-rgb:
      0,
      0,
      0;
    --ion-color-warning-shade: #e0b52b;
    --ion-color-warning-tint: #ffd346;
    --ion-color-danger: #f24c58;
    --ion-color-danger-rgb:
      242,
      76,
      88;
    --ion-color-danger-contrast: #000;
    --ion-color-danger-contrast-rgb:
      0,
      0,
      0;
    --ion-color-danger-shade: #d5434d;
    --ion-color-danger-tint: #f35e69;
    --ion-color-light: #222428;
    --ion-color-light-rgb:
      34,
      36,
      40;
    --ion-color-light-contrast: #fff;
    --ion-color-light-contrast-rgb:
      255,
      255,
      255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb:
      152,
      154,
      162;
    --ion-color-medium-contrast: #000;
    --ion-color-medium-contrast-rgb:
      0,
      0,
      0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb:
      244,
      245,
      248;
    --ion-color-dark-contrast: #000;
    --ion-color-dark-contrast-rgb:
      0,
      0,
      0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;
  }
  :root.ios {
    --ion-background-color: #000000;
    --ion-background-color-rgb:
      0,
      0,
      0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,
      255,
      255;
    --ion-background-color-step-50: #0d0d0d;
    --ion-background-color-step-100: #1a1a1a;
    --ion-background-color-step-150: #262626;
    --ion-background-color-step-200: #333333;
    --ion-background-color-step-250: #404040;
    --ion-background-color-step-300: #4d4d4d;
    --ion-background-color-step-350: #595959;
    --ion-background-color-step-400: #666666;
    --ion-background-color-step-450: #737373;
    --ion-background-color-step-500: #808080;
    --ion-background-color-step-550: #8c8c8c;
    --ion-background-color-step-600: #999999;
    --ion-background-color-step-650: #a6a6a6;
    --ion-background-color-step-700: #b3b3b3;
    --ion-background-color-step-750: #bfbfbf;
    --ion-background-color-step-800: #cccccc;
    --ion-background-color-step-850: #d9d9d9;
    --ion-background-color-step-900: #e6e6e6;
    --ion-background-color-step-950: #f2f2f2;
    --ion-text-color-step-50: #f2f2f2;
    --ion-text-color-step-100: #e6e6e6;
    --ion-text-color-step-150: #d9d9d9;
    --ion-text-color-step-200: #cccccc;
    --ion-text-color-step-250: #bfbfbf;
    --ion-text-color-step-300: #b3b3b3;
    --ion-text-color-step-350: #a6a6a6;
    --ion-text-color-step-400: #999999;
    --ion-text-color-step-450: #8c8c8c;
    --ion-text-color-step-500: #808080;
    --ion-text-color-step-550: #737373;
    --ion-text-color-step-600: #666666;
    --ion-text-color-step-650: #595959;
    --ion-text-color-step-700: #4d4d4d;
    --ion-text-color-step-750: #404040;
    --ion-text-color-step-800: #333333;
    --ion-text-color-step-850: #262626;
    --ion-text-color-step-900: #1a1a1a;
    --ion-text-color-step-950: #0d0d0d;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }
  :root.ios ion-modal {
    --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));
    --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));
    --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));
  }
  :root.md {
    --ion-background-color: #121212;
    --ion-background-color-rgb:
      18,
      18,
      18;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,
      255,
      255;
    --ion-background-color-step-50: #1e1e1e;
    --ion-background-color-step-100: #2a2a2a;
    --ion-background-color-step-150: #363636;
    --ion-background-color-step-200: #414141;
    --ion-background-color-step-250: #4d4d4d;
    --ion-background-color-step-300: #595959;
    --ion-background-color-step-350: #656565;
    --ion-background-color-step-400: #717171;
    --ion-background-color-step-450: #7d7d7d;
    --ion-background-color-step-500: #898989;
    --ion-background-color-step-550: #949494;
    --ion-background-color-step-600: #a0a0a0;
    --ion-background-color-step-650: #acacac;
    --ion-background-color-step-700: #b8b8b8;
    --ion-background-color-step-750: #c4c4c4;
    --ion-background-color-step-800: #d0d0d0;
    --ion-background-color-step-850: #dbdbdb;
    --ion-background-color-step-900: #e7e7e7;
    --ion-background-color-step-950: #f3f3f3;
    --ion-text-color-step-50: #f3f3f3;
    --ion-text-color-step-100: #e7e7e7;
    --ion-text-color-step-150: #dbdbdb;
    --ion-text-color-step-200: #d0d0d0;
    --ion-text-color-step-250: #c4c4c4;
    --ion-text-color-step-300: #b8b8b8;
    --ion-text-color-step-350: #acacac;
    --ion-text-color-step-400: #a0a0a0;
    --ion-text-color-step-450: #949494;
    --ion-text-color-step-500: #898989;
    --ion-text-color-step-550: #7d7d7d;
    --ion-text-color-step-600: #717171;
    --ion-text-color-step-650: #656565;
    --ion-text-color-step-700: #595959;
    --ion-text-color-step-750: #4d4d4d;
    --ion-text-color-step-800: #414141;
    --ion-text-color-step-850: #363636;
    --ion-text-color-step-900: #2a2a2a;
    --ion-text-color-step-950: #1e1e1e;
    --ion-item-background: #1e1e1e;
    --ion-toolbar-background: #1f1f1f;
    --ion-tab-bar-background: #1f1f1f;
    --ion-card-background: #1e1e1e;
  }
}

/* src/global.scss */
.success-toast {
  --background: #4a9e13;
  --color: #ffffff;
}
.error-toast {
  --background: #d72c0d;
  --color: #ffffff;
}
.info-toast {
  --background: #444446;
  --color: #ffffff;
}
.mat-mdc-tooltip {
  background-color: #242426;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-family: Inter;
  font-size: 12px;
  padding: 8px 16px;
}
.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::after {
  border-bottom: 6px solid #242426;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: -6px;
  transform: translateX(-50%);
}
.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #242426;
  bottom: -6px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

/* src/theme/variables.scss */

/* node_modules/@ionic/angular/css/core.css */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, .08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, .08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}

/* node_modules/@ionic/angular/css/normalize.css */
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;
}

/* node_modules/@ionic/angular/css/structure.css */
* {
  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;
}

/* node_modules/@ionic/angular/css/typography.css */
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;
}

/* node_modules/@ionic/angular/css/display.css */
.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;
  }
}

/* node_modules/@ionic/angular/css/padding.css */
.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);
}

/* node_modules/@ionic/angular/css/float-elements.css */
.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;
    }
  }
}

/* node_modules/@ionic/angular/css/text-alignment.css */
.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;
  }
}

/* node_modules/@ionic/angular/css/text-transformation.css */
.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;
  }
}

/* node_modules/@ionic/angular/css/flex-utils.css */
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}

/* node_modules/franify-styles-package/scss/index.scss */
.large-stats {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.15px;
}
.badge-text {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.callout {
  font-family: var(--franify-inter-font);
  font-size: 14px;
  font-weight: 400;
}
.footnote {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.button-link-small-bold {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-small-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.toast-medium {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15px;
}
.button-link-button-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.toolbar-title-default {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
}
.button-link-button-default {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-semibold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.action-sheet-header {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
}
.content-h3 {
  font-family: var(--franify-nunito-font);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.action-sheet-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  letter-spacing: -0.4px;
}
.content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.content-h5 {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 600;
}
.content-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.content-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.content-h6 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.content-paragraph-small {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-bold {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.content-paragraph-selected {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.subhead-regular-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-semibold-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15px;
}
.caption-regular {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-medium-15 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.caption-sm-regular {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 400;
}
.caption-medium {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.caption-bold {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.caption-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 500;
}
.list-item-title {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.tabs-bold {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.list-item-card-label {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.tabs-regular {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.table-title {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
}
.list-item-card-title {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.table-label {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.chip-text-global {
  font-family: var(--franify-nunito-font);
  font-size: 10px;
  font-weight: 700;
}
.post-bold {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.post-regular {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.desktop-content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h3 {
  font-family: var(--franify-inter-font);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.desktop-content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
}
.desktop-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 400;
}
.desktop-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 16px;
  font-weight: 400;
}
.amount-large {
  color: var(--Text-text-selected, #6405eb);
  font-family: var(--franify-nunito-font);
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Bold-MGUQKWYB.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-ExtraBold-FLFRTPVU.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Medium-BIQLTY27.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Regular-BEKHCQJT.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-SemiBold-QLPFODCS.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.regular-YNDPE5TA.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.semibold-UTKBG3N6.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.bold-D4YDF25F.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.extrabold-NSYOXMRV.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}
:root {
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-29: 29px;
  --space-30: 30px;
  --space-31: 31px;
  --space-32: 32px;
  --space-33: 33px;
  --space-34: 34px;
  --space-35: 35px;
  --space-36: 36px;
  --space-37: 37px;
  --space-38: 38px;
  --space-39: 39px;
  --space-40: 40px;
  --space-41: 41px;
  --space-42: 42px;
  --space-43: 43px;
  --space-44: 44px;
  --space-45: 45px;
  --space-46: 46px;
  --space-47: 47px;
  --space-48: 48px;
  --space-49: 49px;
  --space-50: 50px;
  --space-51: 51px;
  --space-52: 52px;
  --space-53: 53px;
  --space-54: 54px;
  --space-55: 55px;
  --space-56: 56px;
  --space-57: 57px;
  --space-58: 58px;
  --space-59: 59px;
  --space-60: 60px;
  --space-61: 61px;
  --space-62: 62px;
  --space-63: 63px;
  --space-64: 64px;
  --space-65: 65px;
  --space-66: 66px;
  --space-67: 67px;
  --space-68: 68px;
  --space-69: 69px;
  --space-70: 70px;
  --space-71: 71px;
  --space-72: 72px;
  --space-73: 73px;
  --space-74: 74px;
  --space-75: 75px;
  --space-76: 76px;
  --space-77: 77px;
  --space-78: 78px;
  --space-79: 79px;
  --space-80: 80px;
  --space-128: 80px;
}
.margin-0 {
  margin: var(--space-0);
}
.margin-1 {
  margin: var(--space-1);
}
.margin-2 {
  margin: var(--space-2);
}
.margin-3 {
  margin: var(--space-3);
}
.margin-4 {
  margin: var(--space-4);
}
.margin-5 {
  margin: var(--space-5);
}
.margin-6 {
  margin: var(--space-6);
}
.margin-7 {
  margin: var(--space-7);
}
.margin-8 {
  margin: var(--space-8);
}
.margin-9 {
  margin: var(--space-9);
}
.margin-10 {
  margin: var(--space-10);
}
.margin-11 {
  margin: var(--space-11);
}
.margin-12 {
  margin: var(--space-12);
}
.margin-13 {
  margin: var(--space-13);
}
.margin-14 {
  margin: var(--space-14);
}
.margin-15 {
  margin: var(--space-15);
}
.margin-16 {
  margin: var(--space-16);
}
.margin-17 {
  margin: var(--space-17);
}
.margin-18 {
  margin: var(--space-18);
}
.margin-19 {
  margin: var(--space-19);
}
.margin-20 {
  margin: var(--space-20);
}
.margin-21 {
  margin: var(--space-21);
}
.margin-22 {
  margin: var(--space-22);
}
.margin-23 {
  margin: var(--space-23);
}
.margin-24 {
  margin: var(--space-24);
}
.margin-25 {
  margin: var(--space-25);
}
.margin-26 {
  margin: var(--space-26);
}
.margin-27 {
  margin: var(--space-27);
}
.margin-28 {
  margin: var(--space-28);
}
.margin-29 {
  margin: var(--space-29);
}
.margin-30 {
  margin: var(--space-30);
}
.margin-31 {
  margin: var(--space-31);
}
.margin-32 {
  margin: var(--space-32);
}
.margin-33 {
  margin: var(--space-33);
}
.margin-34 {
  margin: var(--space-34);
}
.margin-35 {
  margin: var(--space-35);
}
.margin-36 {
  margin: var(--space-36);
}
.margin-37 {
  margin: var(--space-37);
}
.margin-38 {
  margin: var(--space-38);
}
.margin-39 {
  margin: var(--space-39);
}
.margin-40 {
  margin: var(--space-40);
}
.margin-41 {
  margin: var(--space-41);
}
.margin-42 {
  margin: var(--space-42);
}
.margin-43 {
  margin: var(--space-43);
}
.margin-44 {
  margin: var(--space-44);
}
.margin-45 {
  margin: var(--space-45);
}
.margin-46 {
  margin: var(--space-46);
}
.margin-47 {
  margin: var(--space-47);
}
.margin-48 {
  margin: var(--space-48);
}
.margin-49 {
  margin: var(--space-49);
}
.margin-50 {
  margin: var(--space-50);
}
.margin-51 {
  margin: var(--space-51);
}
.margin-52 {
  margin: var(--space-52);
}
.margin-53 {
  margin: var(--space-53);
}
.margin-54 {
  margin: var(--space-54);
}
.margin-55 {
  margin: var(--space-55);
}
.margin-56 {
  margin: var(--space-56);
}
.margin-57 {
  margin: var(--space-57);
}
.margin-58 {
  margin: var(--space-58);
}
.margin-59 {
  margin: var(--space-59);
}
.margin-60 {
  margin: var(--space-60);
}
.margin-61 {
  margin: var(--space-61);
}
.margin-62 {
  margin: var(--space-62);
}
.margin-63 {
  margin: var(--space-63);
}
.margin-64 {
  margin: var(--space-64);
}
.margin-65 {
  margin: var(--space-65);
}
.margin-66 {
  margin: var(--space-66);
}
.margin-67 {
  margin: var(--space-67);
}
.margin-68 {
  margin: var(--space-68);
}
.margin-69 {
  margin: var(--space-69);
}
.margin-70 {
  margin: var(--space-70);
}
.margin-71 {
  margin: var(--space-71);
}
.margin-72 {
  margin: var(--space-72);
}
.margin-73 {
  margin: var(--space-73);
}
.margin-74 {
  margin: var(--space-74);
}
.margin-75 {
  margin: var(--space-75);
}
.margin-76 {
  margin: var(--space-76);
}
.margin-77 {
  margin: var(--space-77);
}
.margin-78 {
  margin: var(--space-78);
}
.margin-79 {
  margin: var(--space-79);
}
.margin-80 {
  margin: var(--space-80);
}
.margin-top-0 {
  margin-top: var(--space-0);
}
.margin-top-1 {
  margin-top: var(--space-1);
}
.margin-top-2 {
  margin-top: var(--space-2);
}
.margin-top-3 {
  margin-top: var(--space-3);
}
.margin-top-4 {
  margin-top: var(--space-4);
}
.margin-top-5 {
  margin-top: var(--space-5);
}
.margin-top-6 {
  margin-top: var(--space-6);
}
.margin-top-7 {
  margin-top: var(--space-7);
}
.margin-top-8 {
  margin-top: var(--space-8);
}
.margin-top-9 {
  margin-top: var(--space-9);
}
.margin-top-10 {
  margin-top: var(--space-10);
}
.margin-top-11 {
  margin-top: var(--space-11);
}
.margin-top-12 {
  margin-top: var(--space-12);
}
.margin-top-13 {
  margin-top: var(--space-13);
}
.margin-top-14 {
  margin-top: var(--space-14);
}
.margin-top-15 {
  margin-top: var(--space-15);
}
.margin-top-16 {
  margin-top: var(--space-16);
}
.margin-top-17 {
  margin-top: var(--space-17);
}
.margin-top-18 {
  margin-top: var(--space-18);
}
.margin-top-19 {
  margin-top: var(--space-19);
}
.margin-top-20 {
  margin-top: var(--space-20);
}
.margin-top-21 {
  margin-top: var(--space-21);
}
.margin-top-22 {
  margin-top: var(--space-22);
}
.margin-top-23 {
  margin-top: var(--space-23);
}
.margin-top-24 {
  margin-top: var(--space-24);
}
.margin-top-25 {
  margin-top: var(--space-25);
}
.margin-top-26 {
  margin-top: var(--space-26);
}
.margin-top-27 {
  margin-top: var(--space-27);
}
.margin-top-28 {
  margin-top: var(--space-28);
}
.margin-top-29 {
  margin-top: var(--space-29);
}
.margin-top-30 {
  margin-top: var(--space-30);
}
.margin-top-31 {
  margin-top: var(--space-31);
}
.margin-top-32 {
  margin-top: var(--space-32);
}
.margin-top-33 {
  margin-top: var(--space-33);
}
.margin-top-34 {
  margin-top: var(--space-34);
}
.margin-top-35 {
  margin-top: var(--space-35);
}
.margin-top-36 {
  margin-top: var(--space-36);
}
.margin-top-37 {
  margin-top: var(--space-37);
}
.margin-top-38 {
  margin-top: var(--space-38);
}
.margin-top-39 {
  margin-top: var(--space-39);
}
.margin-top-40 {
  margin-top: var(--space-40);
}
.margin-top-41 {
  margin-top: var(--space-41);
}
.margin-top-42 {
  margin-top: var(--space-42);
}
.margin-top-43 {
  margin-top: var(--space-43);
}
.margin-top-44 {
  margin-top: var(--space-44);
}
.margin-top-45 {
  margin-top: var(--space-45);
}
.margin-top-46 {
  margin-top: var(--space-46);
}
.margin-top-47 {
  margin-top: var(--space-47);
}
.margin-top-48 {
  margin-top: var(--space-48);
}
.margin-top-49 {
  margin-top: var(--space-49);
}
.margin-top-50 {
  margin-top: var(--space-50);
}
.margin-top-51 {
  margin-top: var(--space-51);
}
.margin-top-52 {
  margin-top: var(--space-52);
}
.margin-top-53 {
  margin-top: var(--space-53);
}
.margin-top-54 {
  margin-top: var(--space-54);
}
.margin-top-55 {
  margin-top: var(--space-55);
}
.margin-top-56 {
  margin-top: var(--space-56);
}
.margin-top-57 {
  margin-top: var(--space-57);
}
.margin-top-58 {
  margin-top: var(--space-58);
}
.margin-top-59 {
  margin-top: var(--space-59);
}
.margin-top-60 {
  margin-top: var(--space-60);
}
.margin-top-61 {
  margin-top: var(--space-61);
}
.margin-top-62 {
  margin-top: var(--space-62);
}
.margin-top-63 {
  margin-top: var(--space-63);
}
.margin-top-64 {
  margin-top: var(--space-64);
}
.margin-top-65 {
  margin-top: var(--space-65);
}
.margin-top-66 {
  margin-top: var(--space-66);
}
.margin-top-67 {
  margin-top: var(--space-67);
}
.margin-top-68 {
  margin-top: var(--space-68);
}
.margin-top-69 {
  margin-top: var(--space-69);
}
.margin-top-70 {
  margin-top: var(--space-70);
}
.margin-top-71 {
  margin-top: var(--space-71);
}
.margin-top-72 {
  margin-top: var(--space-72);
}
.margin-top-73 {
  margin-top: var(--space-73);
}
.margin-top-74 {
  margin-top: var(--space-74);
}
.margin-top-75 {
  margin-top: var(--space-75);
}
.margin-top-76 {
  margin-top: var(--space-76);
}
.margin-top-77 {
  margin-top: var(--space-77);
}
.margin-top-78 {
  margin-top: var(--space-78);
}
.margin-top-79 {
  margin-top: var(--space-79);
}
.margin-top-80 {
  margin-top: var(--space-80);
}
.margin-bottom-0 {
  margin-bottom: var(--space-0);
}
.margin-bottom-1 {
  margin-bottom: var(--space-1);
}
.margin-bottom-2 {
  margin-bottom: var(--space-2);
}
.margin-bottom-3 {
  margin-bottom: var(--space-3);
}
.margin-bottom-4 {
  margin-bottom: var(--space-4);
}
.margin-bottom-5 {
  margin-bottom: var(--space-5);
}
.margin-bottom-6 {
  margin-bottom: var(--space-6);
}
.margin-bottom-7 {
  margin-bottom: var(--space-7);
}
.margin-bottom-8 {
  margin-bottom: var(--space-8);
}
.margin-bottom-9 {
  margin-bottom: var(--space-9);
}
.margin-bottom-10 {
  margin-bottom: var(--space-10);
}
.margin-bottom-11 {
  margin-bottom: var(--space-11);
}
.margin-bottom-12 {
  margin-bottom: var(--space-12);
}
.margin-bottom-13 {
  margin-bottom: var(--space-13);
}
.margin-bottom-14 {
  margin-bottom: var(--space-14);
}
.margin-bottom-15 {
  margin-bottom: var(--space-15);
}
.margin-bottom-16 {
  margin-bottom: var(--space-16);
}
.margin-bottom-17 {
  margin-bottom: var(--space-17);
}
.margin-bottom-18 {
  margin-bottom: var(--space-18);
}
.margin-bottom-19 {
  margin-bottom: var(--space-19);
}
.margin-bottom-20 {
  margin-bottom: var(--space-20);
}
.margin-bottom-21 {
  margin-bottom: var(--space-21);
}
.margin-bottom-22 {
  margin-bottom: var(--space-22);
}
.margin-bottom-23 {
  margin-bottom: var(--space-23);
}
.margin-bottom-24 {
  margin-bottom: var(--space-24);
}
.margin-bottom-25 {
  margin-bottom: var(--space-25);
}
.margin-bottom-26 {
  margin-bottom: var(--space-26);
}
.margin-bottom-27 {
  margin-bottom: var(--space-27);
}
.margin-bottom-28 {
  margin-bottom: var(--space-28);
}
.margin-bottom-29 {
  margin-bottom: var(--space-29);
}
.margin-bottom-30 {
  margin-bottom: var(--space-30);
}
.margin-bottom-31 {
  margin-bottom: var(--space-31);
}
.margin-bottom-32 {
  margin-bottom: var(--space-32);
}
.margin-bottom-33 {
  margin-bottom: var(--space-33);
}
.margin-bottom-34 {
  margin-bottom: var(--space-34);
}
.margin-bottom-35 {
  margin-bottom: var(--space-35);
}
.margin-bottom-36 {
  margin-bottom: var(--space-36);
}
.margin-bottom-37 {
  margin-bottom: var(--space-37);
}
.margin-bottom-38 {
  margin-bottom: var(--space-38);
}
.margin-bottom-39 {
  margin-bottom: var(--space-39);
}
.margin-bottom-40 {
  margin-bottom: var(--space-40);
}
.margin-bottom-41 {
  margin-bottom: var(--space-41);
}
.margin-bottom-42 {
  margin-bottom: var(--space-42);
}
.margin-bottom-43 {
  margin-bottom: var(--space-43);
}
.margin-bottom-44 {
  margin-bottom: var(--space-44);
}
.margin-bottom-45 {
  margin-bottom: var(--space-45);
}
.margin-bottom-46 {
  margin-bottom: var(--space-46);
}
.margin-bottom-47 {
  margin-bottom: var(--space-47);
}
.margin-bottom-48 {
  margin-bottom: var(--space-48);
}
.margin-bottom-49 {
  margin-bottom: var(--space-49);
}
.margin-bottom-50 {
  margin-bottom: var(--space-50);
}
.margin-bottom-51 {
  margin-bottom: var(--space-51);
}
.margin-bottom-52 {
  margin-bottom: var(--space-52);
}
.margin-bottom-53 {
  margin-bottom: var(--space-53);
}
.margin-bottom-54 {
  margin-bottom: var(--space-54);
}
.margin-bottom-55 {
  margin-bottom: var(--space-55);
}
.margin-bottom-56 {
  margin-bottom: var(--space-56);
}
.margin-bottom-57 {
  margin-bottom: var(--space-57);
}
.margin-bottom-58 {
  margin-bottom: var(--space-58);
}
.margin-bottom-59 {
  margin-bottom: var(--space-59);
}
.margin-bottom-60 {
  margin-bottom: var(--space-60);
}
.margin-bottom-61 {
  margin-bottom: var(--space-61);
}
.margin-bottom-62 {
  margin-bottom: var(--space-62);
}
.margin-bottom-63 {
  margin-bottom: var(--space-63);
}
.margin-bottom-64 {
  margin-bottom: var(--space-64);
}
.margin-bottom-65 {
  margin-bottom: var(--space-65);
}
.margin-bottom-66 {
  margin-bottom: var(--space-66);
}
.margin-bottom-67 {
  margin-bottom: var(--space-67);
}
.margin-bottom-68 {
  margin-bottom: var(--space-68);
}
.margin-bottom-69 {
  margin-bottom: var(--space-69);
}
.margin-bottom-70 {
  margin-bottom: var(--space-70);
}
.margin-bottom-71 {
  margin-bottom: var(--space-71);
}
.margin-bottom-72 {
  margin-bottom: var(--space-72);
}
.margin-bottom-73 {
  margin-bottom: var(--space-73);
}
.margin-bottom-74 {
  margin-bottom: var(--space-74);
}
.margin-bottom-75 {
  margin-bottom: var(--space-75);
}
.margin-bottom-76 {
  margin-bottom: var(--space-76);
}
.margin-bottom-77 {
  margin-bottom: var(--space-77);
}
.margin-bottom-78 {
  margin-bottom: var(--space-78);
}
.margin-bottom-79 {
  margin-bottom: var(--space-79);
}
.margin-bottom-80 {
  margin-bottom: var(--space-80);
}
.margin-left-0 {
  margin-left: var(--space-0);
}
.margin-left-1 {
  margin-left: var(--space-1);
}
.margin-left-2 {
  margin-left: var(--space-2);
}
.margin-left-3 {
  margin-left: var(--space-3);
}
.margin-left-4 {
  margin-left: var(--space-4);
}
.margin-left-5 {
  margin-left: var(--space-5);
}
.margin-left-6 {
  margin-left: var(--space-6);
}
.margin-left-7 {
  margin-left: var(--space-7);
}
.margin-left-8 {
  margin-left: var(--space-8);
}
.margin-left-9 {
  margin-left: var(--space-9);
}
.margin-left-10 {
  margin-left: var(--space-10);
}
.margin-left-11 {
  margin-left: var(--space-11);
}
.margin-left-12 {
  margin-left: var(--space-12);
}
.margin-left-13 {
  margin-left: var(--space-13);
}
.margin-left-14 {
  margin-left: var(--space-14);
}
.margin-left-15 {
  margin-left: var(--space-15);
}
.margin-left-16 {
  margin-left: var(--space-16);
}
.margin-left-17 {
  margin-left: var(--space-17);
}
.margin-left-18 {
  margin-left: var(--space-18);
}
.margin-left-19 {
  margin-left: var(--space-19);
}
.margin-left-20 {
  margin-left: var(--space-20);
}
.margin-left-21 {
  margin-left: var(--space-21);
}
.margin-left-22 {
  margin-left: var(--space-22);
}
.margin-left-23 {
  margin-left: var(--space-23);
}
.margin-left-24 {
  margin-left: var(--space-24);
}
.margin-left-25 {
  margin-left: var(--space-25);
}
.margin-left-26 {
  margin-left: var(--space-26);
}
.margin-left-27 {
  margin-left: var(--space-27);
}
.margin-left-28 {
  margin-left: var(--space-28);
}
.margin-left-29 {
  margin-left: var(--space-29);
}
.margin-left-30 {
  margin-left: var(--space-30);
}
.margin-left-31 {
  margin-left: var(--space-31);
}
.margin-left-32 {
  margin-left: var(--space-32);
}
.margin-left-33 {
  margin-left: var(--space-33);
}
.margin-left-34 {
  margin-left: var(--space-34);
}
.margin-left-35 {
  margin-left: var(--space-35);
}
.margin-left-36 {
  margin-left: var(--space-36);
}
.margin-left-37 {
  margin-left: var(--space-37);
}
.margin-left-38 {
  margin-left: var(--space-38);
}
.margin-left-39 {
  margin-left: var(--space-39);
}
.margin-left-40 {
  margin-left: var(--space-40);
}
.margin-left-41 {
  margin-left: var(--space-41);
}
.margin-left-42 {
  margin-left: var(--space-42);
}
.margin-left-43 {
  margin-left: var(--space-43);
}
.margin-left-44 {
  margin-left: var(--space-44);
}
.margin-left-45 {
  margin-left: var(--space-45);
}
.margin-left-46 {
  margin-left: var(--space-46);
}
.margin-left-47 {
  margin-left: var(--space-47);
}
.margin-left-48 {
  margin-left: var(--space-48);
}
.margin-left-49 {
  margin-left: var(--space-49);
}
.margin-left-50 {
  margin-left: var(--space-50);
}
.margin-left-51 {
  margin-left: var(--space-51);
}
.margin-left-52 {
  margin-left: var(--space-52);
}
.margin-left-53 {
  margin-left: var(--space-53);
}
.margin-left-54 {
  margin-left: var(--space-54);
}
.margin-left-55 {
  margin-left: var(--space-55);
}
.margin-left-56 {
  margin-left: var(--space-56);
}
.margin-left-57 {
  margin-left: var(--space-57);
}
.margin-left-58 {
  margin-left: var(--space-58);
}
.margin-left-59 {
  margin-left: var(--space-59);
}
.margin-left-60 {
  margin-left: var(--space-60);
}
.margin-left-61 {
  margin-left: var(--space-61);
}
.margin-left-62 {
  margin-left: var(--space-62);
}
.margin-left-63 {
  margin-left: var(--space-63);
}
.margin-left-64 {
  margin-left: var(--space-64);
}
.margin-left-65 {
  margin-left: var(--space-65);
}
.margin-left-66 {
  margin-left: var(--space-66);
}
.margin-left-67 {
  margin-left: var(--space-67);
}
.margin-left-68 {
  margin-left: var(--space-68);
}
.margin-left-69 {
  margin-left: var(--space-69);
}
.margin-left-70 {
  margin-left: var(--space-70);
}
.margin-left-71 {
  margin-left: var(--space-71);
}
.margin-left-72 {
  margin-left: var(--space-72);
}
.margin-left-73 {
  margin-left: var(--space-73);
}
.margin-left-74 {
  margin-left: var(--space-74);
}
.margin-left-75 {
  margin-left: var(--space-75);
}
.margin-left-76 {
  margin-left: var(--space-76);
}
.margin-left-77 {
  margin-left: var(--space-77);
}
.margin-left-78 {
  margin-left: var(--space-78);
}
.margin-left-79 {
  margin-left: var(--space-79);
}
.margin-left-80 {
  margin-left: var(--space-80);
}
.margin-right-0 {
  margin-right: var(--space-0);
}
.margin-right-1 {
  margin-right: var(--space-1);
}
.margin-right-2 {
  margin-right: var(--space-2);
}
.margin-right-3 {
  margin-right: var(--space-3);
}
.margin-right-4 {
  margin-right: var(--space-4);
}
.margin-right-5 {
  margin-right: var(--space-5);
}
.margin-right-6 {
  margin-right: var(--space-6);
}
.margin-right-7 {
  margin-right: var(--space-7);
}
.margin-right-8 {
  margin-right: var(--space-8);
}
.margin-right-9 {
  margin-right: var(--space-9);
}
.margin-right-10 {
  margin-right: var(--space-10);
}
.margin-right-11 {
  margin-right: var(--space-11);
}
.margin-right-12 {
  margin-right: var(--space-12);
}
.margin-right-13 {
  margin-right: var(--space-13);
}
.margin-right-14 {
  margin-right: var(--space-14);
}
.margin-right-15 {
  margin-right: var(--space-15);
}
.margin-right-16 {
  margin-right: var(--space-16);
}
.margin-right-17 {
  margin-right: var(--space-17);
}
.margin-right-18 {
  margin-right: var(--space-18);
}
.margin-right-19 {
  margin-right: var(--space-19);
}
.margin-right-20 {
  margin-right: var(--space-20);
}
.margin-right-21 {
  margin-right: var(--space-21);
}
.margin-right-22 {
  margin-right: var(--space-22);
}
.margin-right-23 {
  margin-right: var(--space-23);
}
.margin-right-24 {
  margin-right: var(--space-24);
}
.margin-right-25 {
  margin-right: var(--space-25);
}
.margin-right-26 {
  margin-right: var(--space-26);
}
.margin-right-27 {
  margin-right: var(--space-27);
}
.margin-right-28 {
  margin-right: var(--space-28);
}
.margin-right-29 {
  margin-right: var(--space-29);
}
.margin-right-30 {
  margin-right: var(--space-30);
}
.margin-right-31 {
  margin-right: var(--space-31);
}
.margin-right-32 {
  margin-right: var(--space-32);
}
.margin-right-33 {
  margin-right: var(--space-33);
}
.margin-right-34 {
  margin-right: var(--space-34);
}
.margin-right-35 {
  margin-right: var(--space-35);
}
.margin-right-36 {
  margin-right: var(--space-36);
}
.margin-right-37 {
  margin-right: var(--space-37);
}
.margin-right-38 {
  margin-right: var(--space-38);
}
.margin-right-39 {
  margin-right: var(--space-39);
}
.margin-right-40 {
  margin-right: var(--space-40);
}
.margin-right-41 {
  margin-right: var(--space-41);
}
.margin-right-42 {
  margin-right: var(--space-42);
}
.margin-right-43 {
  margin-right: var(--space-43);
}
.margin-right-44 {
  margin-right: var(--space-44);
}
.margin-right-45 {
  margin-right: var(--space-45);
}
.margin-right-46 {
  margin-right: var(--space-46);
}
.margin-right-47 {
  margin-right: var(--space-47);
}
.margin-right-48 {
  margin-right: var(--space-48);
}
.margin-right-49 {
  margin-right: var(--space-49);
}
.margin-right-50 {
  margin-right: var(--space-50);
}
.margin-right-51 {
  margin-right: var(--space-51);
}
.margin-right-52 {
  margin-right: var(--space-52);
}
.margin-right-53 {
  margin-right: var(--space-53);
}
.margin-right-54 {
  margin-right: var(--space-54);
}
.margin-right-55 {
  margin-right: var(--space-55);
}
.margin-right-56 {
  margin-right: var(--space-56);
}
.margin-right-57 {
  margin-right: var(--space-57);
}
.margin-right-58 {
  margin-right: var(--space-58);
}
.margin-right-59 {
  margin-right: var(--space-59);
}
.margin-right-60 {
  margin-right: var(--space-60);
}
.margin-right-61 {
  margin-right: var(--space-61);
}
.margin-right-62 {
  margin-right: var(--space-62);
}
.margin-right-63 {
  margin-right: var(--space-63);
}
.margin-right-64 {
  margin-right: var(--space-64);
}
.margin-right-65 {
  margin-right: var(--space-65);
}
.margin-right-66 {
  margin-right: var(--space-66);
}
.margin-right-67 {
  margin-right: var(--space-67);
}
.margin-right-68 {
  margin-right: var(--space-68);
}
.margin-right-69 {
  margin-right: var(--space-69);
}
.margin-right-70 {
  margin-right: var(--space-70);
}
.margin-right-71 {
  margin-right: var(--space-71);
}
.margin-right-72 {
  margin-right: var(--space-72);
}
.margin-right-73 {
  margin-right: var(--space-73);
}
.margin-right-74 {
  margin-right: var(--space-74);
}
.margin-right-75 {
  margin-right: var(--space-75);
}
.margin-right-76 {
  margin-right: var(--space-76);
}
.margin-right-77 {
  margin-right: var(--space-77);
}
.margin-right-78 {
  margin-right: var(--space-78);
}
.margin-right-79 {
  margin-right: var(--space-79);
}
.margin-right-80 {
  margin-right: var(--space-80);
}
.margin-right-128 {
  margin-right: var(--space-128);
}
:root {
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-29: 29px;
  --space-30: 30px;
  --space-31: 31px;
  --space-32: 32px;
  --space-33: 33px;
  --space-34: 34px;
  --space-35: 35px;
  --space-36: 36px;
  --space-37: 37px;
  --space-38: 38px;
  --space-39: 39px;
  --space-40: 40px;
  --space-41: 41px;
  --space-42: 42px;
  --space-43: 43px;
  --space-44: 44px;
  --space-45: 45px;
  --space-46: 46px;
  --space-47: 47px;
  --space-48: 48px;
  --space-49: 49px;
  --space-50: 50px;
  --space-51: 51px;
  --space-52: 52px;
  --space-53: 53px;
  --space-54: 54px;
  --space-55: 55px;
  --space-56: 56px;
  --space-57: 57px;
  --space-58: 58px;
  --space-59: 59px;
  --space-60: 60px;
  --space-61: 61px;
  --space-62: 62px;
  --space-63: 63px;
  --space-64: 64px;
  --space-65: 65px;
  --space-66: 66px;
  --space-67: 67px;
  --space-68: 68px;
  --space-69: 69px;
  --space-70: 70px;
  --space-71: 71px;
  --space-72: 72px;
  --space-73: 73px;
  --space-74: 74px;
  --space-75: 75px;
  --space-76: 76px;
  --space-77: 77px;
  --space-78: 78px;
  --space-79: 79px;
  --space-80: 80px;
}
.padding-0 {
  padding: var(--space-0);
}
.padding-1 {
  padding: var(--space-1);
}
.padding-2 {
  padding: var(--space-2);
}
.padding-3 {
  padding: var(--space-3);
}
.padding-4 {
  padding: var(--space-4);
}
.padding-5 {
  padding: var(--space-5);
}
.padding-6 {
  padding: var(--space-6);
}
.padding-7 {
  padding: var(--space-7);
}
.padding-8 {
  padding: var(--space-8);
}
.padding-9 {
  padding: var(--space-9);
}
.padding-10 {
  padding: var(--space-10);
}
.padding-11 {
  padding: var(--space-11);
}
.padding-12 {
  padding: var(--space-12);
}
.padding-13 {
  padding: var(--space-13);
}
.padding-14 {
  padding: var(--space-14);
}
.padding-15 {
  padding: var(--space-15);
}
.padding-16 {
  padding: var(--space-16);
}
.padding-17 {
  padding: var(--space-17);
}
.padding-18 {
  padding: var(--space-18);
}
.padding-19 {
  padding: var(--space-19);
}
.padding-20 {
  padding: var(--space-20);
}
.padding-21 {
  padding: var(--space-21);
}
.padding-22 {
  padding: var(--space-22);
}
.padding-23 {
  padding: var(--space-23);
}
.padding-24 {
  padding: var(--space-24);
}
.padding-25 {
  padding: var(--space-25);
}
.padding-26 {
  padding: var(--space-26);
}
.padding-27 {
  padding: var(--space-27);
}
.padding-28 {
  padding: var(--space-28);
}
.padding-29 {
  padding: var(--space-29);
}
.padding-30 {
  padding: var(--space-30);
}
.padding-31 {
  padding: var(--space-31);
}
.padding-32 {
  padding: var(--space-32);
}
.padding-33 {
  padding: var(--space-33);
}
.padding-34 {
  padding: var(--space-34);
}
.padding-35 {
  padding: var(--space-35);
}
.padding-36 {
  padding: var(--space-36);
}
.padding-37 {
  padding: var(--space-37);
}
.padding-38 {
  padding: var(--space-38);
}
.padding-39 {
  padding: var(--space-39);
}
.padding-40 {
  padding: var(--space-40);
}
.padding-41 {
  padding: var(--space-41);
}
.padding-42 {
  padding: var(--space-42);
}
.padding-43 {
  padding: var(--space-43);
}
.padding-44 {
  padding: var(--space-44);
}
.padding-45 {
  padding: var(--space-45);
}
.padding-46 {
  padding: var(--space-46);
}
.padding-47 {
  padding: var(--space-47);
}
.padding-48 {
  padding: var(--space-48);
}
.padding-49 {
  padding: var(--space-49);
}
.padding-50 {
  padding: var(--space-50);
}
.padding-51 {
  padding: var(--space-51);
}
.padding-52 {
  padding: var(--space-52);
}
.padding-53 {
  padding: var(--space-53);
}
.padding-54 {
  padding: var(--space-54);
}
.padding-55 {
  padding: var(--space-55);
}
.padding-56 {
  padding: var(--space-56);
}
.padding-57 {
  padding: var(--space-57);
}
.padding-58 {
  padding: var(--space-58);
}
.padding-59 {
  padding: var(--space-59);
}
.padding-60 {
  padding: var(--space-60);
}
.padding-61 {
  padding: var(--space-61);
}
.padding-62 {
  padding: var(--space-62);
}
.padding-63 {
  padding: var(--space-63);
}
.padding-64 {
  padding: var(--space-64);
}
.padding-65 {
  padding: var(--space-65);
}
.padding-66 {
  padding: var(--space-66);
}
.padding-67 {
  padding: var(--space-67);
}
.padding-68 {
  padding: var(--space-68);
}
.padding-69 {
  padding: var(--space-69);
}
.padding-70 {
  padding: var(--space-70);
}
.padding-71 {
  padding: var(--space-71);
}
.padding-72 {
  padding: var(--space-72);
}
.padding-73 {
  padding: var(--space-73);
}
.padding-74 {
  padding: var(--space-74);
}
.padding-75 {
  padding: var(--space-75);
}
.padding-76 {
  padding: var(--space-76);
}
.padding-77 {
  padding: var(--space-77);
}
.padding-78 {
  padding: var(--space-78);
}
.padding-79 {
  padding: var(--space-79);
}
.padding-80 {
  padding: var(--space-80);
}
.padding-top-0 {
  padding-top: var(--space-0);
}
.padding-top-1 {
  padding-top: var(--space-1);
}
.padding-top-2 {
  padding-top: var(--space-2);
}
.padding-top-3 {
  padding-top: var(--space-3);
}
.padding-top-4 {
  padding-top: var(--space-4);
}
.padding-top-5 {
  padding-top: var(--space-5);
}
.padding-top-6 {
  padding-top: var(--space-6);
}
.padding-top-7 {
  padding-top: var(--space-7);
}
.padding-top-8 {
  padding-top: var(--space-8);
}
.padding-top-9 {
  padding-top: var(--space-9);
}
.padding-top-10 {
  padding-top: var(--space-10);
}
.padding-top-11 {
  padding-top: var(--space-11);
}
.padding-top-12 {
  padding-top: var(--space-12);
}
.padding-top-13 {
  padding-top: var(--space-13);
}
.padding-top-14 {
  padding-top: var(--space-14);
}
.padding-top-15 {
  padding-top: var(--space-15);
}
.padding-top-16 {
  padding-top: var(--space-16);
}
.padding-top-17 {
  padding-top: var(--space-17);
}
.padding-top-18 {
  padding-top: var(--space-18);
}
.padding-top-19 {
  padding-top: var(--space-19);
}
.padding-top-20 {
  padding-top: var(--space-20);
}
.padding-top-21 {
  padding-top: var(--space-21);
}
.padding-top-22 {
  padding-top: var(--space-22);
}
.padding-top-23 {
  padding-top: var(--space-23);
}
.padding-top-24 {
  padding-top: var(--space-24);
}
.padding-top-25 {
  padding-top: var(--space-25);
}
.padding-top-26 {
  padding-top: var(--space-26);
}
.padding-top-27 {
  padding-top: var(--space-27);
}
.padding-top-28 {
  padding-top: var(--space-28);
}
.padding-top-29 {
  padding-top: var(--space-29);
}
.padding-top-30 {
  padding-top: var(--space-30);
}
.padding-top-31 {
  padding-top: var(--space-31);
}
.padding-top-32 {
  padding-top: var(--space-32);
}
.padding-top-33 {
  padding-top: var(--space-33);
}
.padding-top-34 {
  padding-top: var(--space-34);
}
.padding-top-35 {
  padding-top: var(--space-35);
}
.padding-top-36 {
  padding-top: var(--space-36);
}
.padding-top-37 {
  padding-top: var(--space-37);
}
.padding-top-38 {
  padding-top: var(--space-38);
}
.padding-top-39 {
  padding-top: var(--space-39);
}
.padding-top-40 {
  padding-top: var(--space-40);
}
.padding-top-41 {
  padding-top: var(--space-41);
}
.padding-top-42 {
  padding-top: var(--space-42);
}
.padding-top-43 {
  padding-top: var(--space-43);
}
.padding-top-44 {
  padding-top: var(--space-44);
}
.padding-top-45 {
  padding-top: var(--space-45);
}
.padding-top-46 {
  padding-top: var(--space-46);
}
.padding-top-47 {
  padding-top: var(--space-47);
}
.padding-top-48 {
  padding-top: var(--space-48);
}
.padding-top-49 {
  padding-top: var(--space-49);
}
.padding-top-50 {
  padding-top: var(--space-50);
}
.padding-top-51 {
  padding-top: var(--space-51);
}
.padding-top-52 {
  padding-top: var(--space-52);
}
.padding-top-53 {
  padding-top: var(--space-53);
}
.padding-top-54 {
  padding-top: var(--space-54);
}
.padding-top-55 {
  padding-top: var(--space-55);
}
.padding-top-56 {
  padding-top: var(--space-56);
}
.padding-top-57 {
  padding-top: var(--space-57);
}
.padding-top-58 {
  padding-top: var(--space-58);
}
.padding-top-59 {
  padding-top: var(--space-59);
}
.padding-top-60 {
  padding-top: var(--space-60);
}
.padding-top-61 {
  padding-top: var(--space-61);
}
.padding-top-62 {
  padding-top: var(--space-62);
}
.padding-top-63 {
  padding-top: var(--space-63);
}
.padding-top-64 {
  padding-top: var(--space-64);
}
.padding-top-65 {
  padding-top: var(--space-65);
}
.padding-top-66 {
  padding-top: var(--space-66);
}
.padding-top-67 {
  padding-top: var(--space-67);
}
.padding-top-68 {
  padding-top: var(--space-68);
}
.padding-top-69 {
  padding-top: var(--space-69);
}
.padding-top-70 {
  padding-top: var(--space-70);
}
.padding-top-71 {
  padding-top: var(--space-71);
}
.padding-top-72 {
  padding-top: var(--space-72);
}
.padding-top-73 {
  padding-top: var(--space-73);
}
.padding-top-74 {
  padding-top: var(--space-74);
}
.padding-top-75 {
  padding-top: var(--space-75);
}
.padding-top-76 {
  padding-top: var(--space-76);
}
.padding-top-77 {
  padding-top: var(--space-77);
}
.padding-top-78 {
  padding-top: var(--space-78);
}
.padding-top-79 {
  padding-top: var(--space-79);
}
.padding-top-80 {
  padding-top: var(--space-80);
}
.padding-bottom-0 {
  padding-bottom: var(--space-0);
}
.padding-bottom-1 {
  padding-bottom: var(--space-1);
}
.padding-bottom-2 {
  padding-bottom: var(--space-2);
}
.padding-bottom-3 {
  padding-bottom: var(--space-3);
}
.padding-bottom-4 {
  padding-bottom: var(--space-4);
}
.padding-bottom-5 {
  padding-bottom: var(--space-5);
}
.padding-bottom-6 {
  padding-bottom: var(--space-6);
}
.padding-bottom-7 {
  padding-bottom: var(--space-7);
}
.padding-bottom-8 {
  padding-bottom: var(--space-8);
}
.padding-bottom-9 {
  padding-bottom: var(--space-9);
}
.padding-bottom-10 {
  padding-bottom: var(--space-10);
}
.padding-bottom-11 {
  padding-bottom: var(--space-11);
}
.padding-bottom-12 {
  padding-bottom: var(--space-12);
}
.padding-bottom-13 {
  padding-bottom: var(--space-13);
}
.padding-bottom-14 {
  padding-bottom: var(--space-14);
}
.padding-bottom-15 {
  padding-bottom: var(--space-15);
}
.padding-bottom-16 {
  padding-bottom: var(--space-16);
}
.padding-bottom-17 {
  padding-bottom: var(--space-17);
}
.padding-bottom-18 {
  padding-bottom: var(--space-18);
}
.padding-bottom-19 {
  padding-bottom: var(--space-19);
}
.padding-bottom-20 {
  padding-bottom: var(--space-20);
}
.padding-bottom-21 {
  padding-bottom: var(--space-21);
}
.padding-bottom-22 {
  padding-bottom: var(--space-22);
}
.padding-bottom-23 {
  padding-bottom: var(--space-23);
}
.padding-bottom-24 {
  padding-bottom: var(--space-24);
}
.padding-bottom-25 {
  padding-bottom: var(--space-25);
}
.padding-bottom-26 {
  padding-bottom: var(--space-26);
}
.padding-bottom-27 {
  padding-bottom: var(--space-27);
}
.padding-bottom-28 {
  padding-bottom: var(--space-28);
}
.padding-bottom-29 {
  padding-bottom: var(--space-29);
}
.padding-bottom-30 {
  padding-bottom: var(--space-30);
}
.padding-bottom-31 {
  padding-bottom: var(--space-31);
}
.padding-bottom-32 {
  padding-bottom: var(--space-32);
}
.padding-bottom-33 {
  padding-bottom: var(--space-33);
}
.padding-bottom-34 {
  padding-bottom: var(--space-34);
}
.padding-bottom-35 {
  padding-bottom: var(--space-35);
}
.padding-bottom-36 {
  padding-bottom: var(--space-36);
}
.padding-bottom-37 {
  padding-bottom: var(--space-37);
}
.padding-bottom-38 {
  padding-bottom: var(--space-38);
}
.padding-bottom-39 {
  padding-bottom: var(--space-39);
}
.padding-bottom-40 {
  padding-bottom: var(--space-40);
}
.padding-bottom-41 {
  padding-bottom: var(--space-41);
}
.padding-bottom-42 {
  padding-bottom: var(--space-42);
}
.padding-bottom-43 {
  padding-bottom: var(--space-43);
}
.padding-bottom-44 {
  padding-bottom: var(--space-44);
}
.padding-bottom-45 {
  padding-bottom: var(--space-45);
}
.padding-bottom-46 {
  padding-bottom: var(--space-46);
}
.padding-bottom-47 {
  padding-bottom: var(--space-47);
}
.padding-bottom-48 {
  padding-bottom: var(--space-48);
}
.padding-bottom-49 {
  padding-bottom: var(--space-49);
}
.padding-bottom-50 {
  padding-bottom: var(--space-50);
}
.padding-bottom-51 {
  padding-bottom: var(--space-51);
}
.padding-bottom-52 {
  padding-bottom: var(--space-52);
}
.padding-bottom-53 {
  padding-bottom: var(--space-53);
}
.padding-bottom-54 {
  padding-bottom: var(--space-54);
}
.padding-bottom-55 {
  padding-bottom: var(--space-55);
}
.padding-bottom-56 {
  padding-bottom: var(--space-56);
}
.padding-bottom-57 {
  padding-bottom: var(--space-57);
}
.padding-bottom-58 {
  padding-bottom: var(--space-58);
}
.padding-bottom-59 {
  padding-bottom: var(--space-59);
}
.padding-bottom-60 {
  padding-bottom: var(--space-60);
}
.padding-bottom-61 {
  padding-bottom: var(--space-61);
}
.padding-bottom-62 {
  padding-bottom: var(--space-62);
}
.padding-bottom-63 {
  padding-bottom: var(--space-63);
}
.padding-bottom-64 {
  padding-bottom: var(--space-64);
}
.padding-bottom-65 {
  padding-bottom: var(--space-65);
}
.padding-bottom-66 {
  padding-bottom: var(--space-66);
}
.padding-bottom-67 {
  padding-bottom: var(--space-67);
}
.padding-bottom-68 {
  padding-bottom: var(--space-68);
}
.padding-bottom-69 {
  padding-bottom: var(--space-69);
}
.padding-bottom-70 {
  padding-bottom: var(--space-70);
}
.padding-bottom-71 {
  padding-bottom: var(--space-71);
}
.padding-bottom-72 {
  padding-bottom: var(--space-72);
}
.padding-bottom-73 {
  padding-bottom: var(--space-73);
}
.padding-bottom-74 {
  padding-bottom: var(--space-74);
}
.padding-bottom-75 {
  padding-bottom: var(--space-75);
}
.padding-bottom-76 {
  padding-bottom: var(--space-76);
}
.padding-bottom-77 {
  padding-bottom: var(--space-77);
}
.padding-bottom-78 {
  padding-bottom: var(--space-78);
}
.padding-bottom-79 {
  padding-bottom: var(--space-79);
}
.padding-bottom-80 {
  padding-bottom: var(--space-80);
}
.padding-left-0 {
  padding-left: var(--space-0);
}
.padding-left-1 {
  padding-left: var(--space-1);
}
.padding-left-2 {
  padding-left: var(--space-2);
}
.padding-left-3 {
  padding-left: var(--space-3);
}
.padding-left-4 {
  padding-left: var(--space-4);
}
.padding-left-5 {
  padding-left: var(--space-5);
}
.padding-left-6 {
  padding-left: var(--space-6);
}
.padding-left-7 {
  padding-left: var(--space-7);
}
.padding-left-8 {
  padding-left: var(--space-8);
}
.padding-left-9 {
  padding-left: var(--space-9);
}
.padding-left-10 {
  padding-left: var(--space-10);
}
.padding-left-11 {
  padding-left: var(--space-11);
}
.padding-left-12 {
  padding-left: var(--space-12);
}
.padding-left-13 {
  padding-left: var(--space-13);
}
.padding-left-14 {
  padding-left: var(--space-14);
}
.padding-left-15 {
  padding-left: var(--space-15);
}
.padding-left-16 {
  padding-left: var(--space-16);
}
.padding-left-17 {
  padding-left: var(--space-17);
}
.padding-left-18 {
  padding-left: var(--space-18);
}
.padding-left-19 {
  padding-left: var(--space-19);
}
.padding-left-20 {
  padding-left: var(--space-20);
}
.padding-left-21 {
  padding-left: var(--space-21);
}
.padding-left-22 {
  padding-left: var(--space-22);
}
.padding-left-23 {
  padding-left: var(--space-23);
}
.padding-left-24 {
  padding-left: var(--space-24);
}
.padding-left-25 {
  padding-left: var(--space-25);
}
.padding-left-26 {
  padding-left: var(--space-26);
}
.padding-left-27 {
  padding-left: var(--space-27);
}
.padding-left-28 {
  padding-left: var(--space-28);
}
.padding-left-29 {
  padding-left: var(--space-29);
}
.padding-left-30 {
  padding-left: var(--space-30);
}
.padding-left-31 {
  padding-left: var(--space-31);
}
.padding-left-32 {
  padding-left: var(--space-32);
}
.padding-left-33 {
  padding-left: var(--space-33);
}
.padding-left-34 {
  padding-left: var(--space-34);
}
.padding-left-35 {
  padding-left: var(--space-35);
}
.padding-left-36 {
  padding-left: var(--space-36);
}
.padding-left-37 {
  padding-left: var(--space-37);
}
.padding-left-38 {
  padding-left: var(--space-38);
}
.padding-left-39 {
  padding-left: var(--space-39);
}
.padding-left-40 {
  padding-left: var(--space-40);
}
.padding-left-41 {
  padding-left: var(--space-41);
}
.padding-left-42 {
  padding-left: var(--space-42);
}
.padding-left-43 {
  padding-left: var(--space-43);
}
.padding-left-44 {
  padding-left: var(--space-44);
}
.padding-left-45 {
  padding-left: var(--space-45);
}
.padding-left-46 {
  padding-left: var(--space-46);
}
.padding-left-47 {
  padding-left: var(--space-47);
}
.padding-left-48 {
  padding-left: var(--space-48);
}
.padding-left-49 {
  padding-left: var(--space-49);
}
.padding-left-50 {
  padding-left: var(--space-50);
}
.padding-left-51 {
  padding-left: var(--space-51);
}
.padding-left-52 {
  padding-left: var(--space-52);
}
.padding-left-53 {
  padding-left: var(--space-53);
}
.padding-left-54 {
  padding-left: var(--space-54);
}
.padding-left-55 {
  padding-left: var(--space-55);
}
.padding-left-56 {
  padding-left: var(--space-56);
}
.padding-left-57 {
  padding-left: var(--space-57);
}
.padding-left-58 {
  padding-left: var(--space-58);
}
.padding-left-59 {
  padding-left: var(--space-59);
}
.padding-left-60 {
  padding-left: var(--space-60);
}
.padding-left-61 {
  padding-left: var(--space-61);
}
.padding-left-62 {
  padding-left: var(--space-62);
}
.padding-left-63 {
  padding-left: var(--space-63);
}
.padding-left-64 {
  padding-left: var(--space-64);
}
.padding-left-65 {
  padding-left: var(--space-65);
}
.padding-left-66 {
  padding-left: var(--space-66);
}
.padding-left-67 {
  padding-left: var(--space-67);
}
.padding-left-68 {
  padding-left: var(--space-68);
}
.padding-left-69 {
  padding-left: var(--space-69);
}
.padding-left-70 {
  padding-left: var(--space-70);
}
.padding-left-71 {
  padding-left: var(--space-71);
}
.padding-left-72 {
  padding-left: var(--space-72);
}
.padding-left-73 {
  padding-left: var(--space-73);
}
.padding-left-74 {
  padding-left: var(--space-74);
}
.padding-left-75 {
  padding-left: var(--space-75);
}
.padding-left-76 {
  padding-left: var(--space-76);
}
.padding-left-77 {
  padding-left: var(--space-77);
}
.padding-left-78 {
  padding-left: var(--space-78);
}
.padding-left-79 {
  padding-left: var(--space-79);
}
.padding-left-80 {
  padding-left: var(--space-80);
}
.padding-right-0 {
  padding-right: var(--space-0);
}
.padding-right-1 {
  padding-right: var(--space-1);
}
.padding-right-2 {
  padding-right: var(--space-2);
}
.padding-right-3 {
  padding-right: var(--space-3);
}
.padding-right-4 {
  padding-right: var(--space-4);
}
.padding-right-5 {
  padding-right: var(--space-5);
}
.padding-right-6 {
  padding-right: var(--space-6);
}
.padding-right-7 {
  padding-right: var(--space-7);
}
.padding-right-8 {
  padding-right: var(--space-8);
}
.padding-right-9 {
  padding-right: var(--space-9);
}
.padding-right-10 {
  padding-right: var(--space-10);
}
.padding-right-11 {
  padding-right: var(--space-11);
}
.padding-right-12 {
  padding-right: var(--space-12);
}
.padding-right-13 {
  padding-right: var(--space-13);
}
.padding-right-14 {
  padding-right: var(--space-14);
}
.padding-right-15 {
  padding-right: var(--space-15);
}
.padding-right-16 {
  padding-right: var(--space-16);
}
.padding-right-17 {
  padding-right: var(--space-17);
}
.padding-right-18 {
  padding-right: var(--space-18);
}
.padding-right-19 {
  padding-right: var(--space-19);
}
.padding-right-20 {
  padding-right: var(--space-20);
}
.padding-right-21 {
  padding-right: var(--space-21);
}
.padding-right-22 {
  padding-right: var(--space-22);
}
.padding-right-23 {
  padding-right: var(--space-23);
}
.padding-right-24 {
  padding-right: var(--space-24);
}
.padding-right-25 {
  padding-right: var(--space-25);
}
.padding-right-26 {
  padding-right: var(--space-26);
}
.padding-right-27 {
  padding-right: var(--space-27);
}
.padding-right-28 {
  padding-right: var(--space-28);
}
.padding-right-29 {
  padding-right: var(--space-29);
}
.padding-right-30 {
  padding-right: var(--space-30);
}
.padding-right-31 {
  padding-right: var(--space-31);
}
.padding-right-32 {
  padding-right: var(--space-32);
}
.padding-right-33 {
  padding-right: var(--space-33);
}
.padding-right-34 {
  padding-right: var(--space-34);
}
.padding-right-35 {
  padding-right: var(--space-35);
}
.padding-right-36 {
  padding-right: var(--space-36);
}
.padding-right-37 {
  padding-right: var(--space-37);
}
.padding-right-38 {
  padding-right: var(--space-38);
}
.padding-right-39 {
  padding-right: var(--space-39);
}
.padding-right-40 {
  padding-right: var(--space-40);
}
.padding-right-41 {
  padding-right: var(--space-41);
}
.padding-right-42 {
  padding-right: var(--space-42);
}
.padding-right-43 {
  padding-right: var(--space-43);
}
.padding-right-44 {
  padding-right: var(--space-44);
}
.padding-right-45 {
  padding-right: var(--space-45);
}
.padding-right-46 {
  padding-right: var(--space-46);
}
.padding-right-47 {
  padding-right: var(--space-47);
}
.padding-right-48 {
  padding-right: var(--space-48);
}
.padding-right-49 {
  padding-right: var(--space-49);
}
.padding-right-50 {
  padding-right: var(--space-50);
}
.padding-right-51 {
  padding-right: var(--space-51);
}
.padding-right-52 {
  padding-right: var(--space-52);
}
.padding-right-53 {
  padding-right: var(--space-53);
}
.padding-right-54 {
  padding-right: var(--space-54);
}
.padding-right-55 {
  padding-right: var(--space-55);
}
.padding-right-56 {
  padding-right: var(--space-56);
}
.padding-right-57 {
  padding-right: var(--space-57);
}
.padding-right-58 {
  padding-right: var(--space-58);
}
.padding-right-59 {
  padding-right: var(--space-59);
}
.padding-right-60 {
  padding-right: var(--space-60);
}
.padding-right-61 {
  padding-right: var(--space-61);
}
.padding-right-62 {
  padding-right: var(--space-62);
}
.padding-right-63 {
  padding-right: var(--space-63);
}
.padding-right-64 {
  padding-right: var(--space-64);
}
.padding-right-65 {
  padding-right: var(--space-65);
}
.padding-right-66 {
  padding-right: var(--space-66);
}
.padding-right-67 {
  padding-right: var(--space-67);
}
.padding-right-68 {
  padding-right: var(--space-68);
}
.padding-right-69 {
  padding-right: var(--space-69);
}
.padding-right-70 {
  padding-right: var(--space-70);
}
.padding-right-71 {
  padding-right: var(--space-71);
}
.padding-right-72 {
  padding-right: var(--space-72);
}
.padding-right-73 {
  padding-right: var(--space-73);
}
.padding-right-74 {
  padding-right: var(--space-74);
}
.padding-right-75 {
  padding-right: var(--space-75);
}
.padding-right-76 {
  padding-right: var(--space-76);
}
.padding-right-77 {
  padding-right: var(--space-77);
}
.padding-right-78 {
  padding-right: var(--space-78);
}
.padding-right-79 {
  padding-right: var(--space-79);
}
.padding-right-80 {
  padding-right: var(--space-80);
}
* {
  box-shadow: none;
}
:root,
:root.md,
:root.ios {
  --franify-nunito-font: "NunitoSans", sans-serif;
  --franify-inter-font: "Inter", sans-serif;
  font-family: var(--franify-inter-font);
  --ion-default-font: var(--franify-inter-font);
  --ion-font-family: var(--franify-inter-font);
  --ion-dynamic-font: var(--franify-inter-font);
  --icon-size: 24px;
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #fafafa;
  --theme-bg-alternate: var(--black-2);
  --theme-bg-tertiary: #ffffff;
  --theme-bg-disruptive: #ff0000;
  --theme-bg-disabled: #d3d3d3;
  --theme-bg-cards: #ffffff;
  --theme-text-primary: #000000;
  --theme-text-secondary: #757575;
  --theme-text-tetiary: #9e9e9e;
  --theme-text-alternate: #ffffff;
  --theme-text-link: #0568f2;
  --theme-text-disruptive: #ff0000;
  --theme-border-active: #000000;
  --theme-border-selected: #000000;
  --theme-border-cards: #ffffff;
  --theme-border-divider: #e0e0e0;
  --theme-border-disruptive: #ff0000;
  --theme-icon-color-1: #6405eb;
  --theme-icon-color-2: #ffd700;
  --theme-icon-color-3: #80cbc4;
  --theme-text-hover: --black-dark;
  --white: #ffffff;
  --white-2: #fafafa;
  --transparent: #1c00ff00;
  --black-dark: #070707;
  --black-1: #242426;
  --black-2: #363638;
  --black-3: #444446;
  --black-4: #1b1b1b;
  --black-5: #3d3d3d;
  --grey: #616161;
  --grey-2: #919191;
  --grey-3: #d3d3d3;
  --grey-light: #e3e3e3;
  --grey-light-2: #e5e5e6;
  --grey-light-3: #e9e9e9;
  --grey-light-4: #f0f0f0;
  --grey-light-5: #efefef;
  --grey-light-6: #f5f5f5;
  --grey-light-7: rgba(235, 235, 235, 0.5);
  --grey-light-boarder: #ccc;
  --blue: #0568f2;
  --blue-2: #4285f4;
  --blue-3: #85b2f9;
  --blue-light: #dde8f9;
  --blue-light-2: #f0f6ff;
  --blue-light-3: #f8fbff;
  --blue-light-4: #d9efff;
  --purple: #5004bd;
  --purple-2: #6405eb;
  --purple-3: #904de5;
  --purple-4: #eee6f9;
  --purple-5: #a45cff;
  --purple-6: #a674e7;
  --magenta-light-3: #ece3ec;
  --magenta-light-2: #f9e7fa;
  --magenta-light-1: #ff52f8;
  --magenta: #de15d6;
  --magenta-dark: #823885;
  --red: #d72c0d;
  --red-2: #fe5c4c;
  --red-3: #f7d5c9;
  --red-4: #ffe5dd;
  --green-dark: #4a9e13;
  --green: #4bc076;
  --green-2: #c3e9d0;
  --green-light: #e2f8d5;
  --green-light-2: #ecf5ef;
  --green-light-3: #ebfff2;
  --green-light-4: #d6ffe2;
  --yellow-1: #f7be00;
  --yellow-4: #ffd64f;
  --yellow-light-1: #f7f6c9;
  --yellow-light-2: #fbfbe4;
  --yellow-dark: #908d00;
  --yellow-3: #fffce4;
  --yellow-light-4: #fffef7;
  --yellow-5: #f6f486;
  --orange: #eb8d00;
  --orange-light: #ffeddc;
  --teal: #08cfbe;
  --teal-light-1: #def8f3;
  --teal-light-2: #c4f3ef;
  --bg-primary: var(--white);
  --bg-secondary: var(--white-2);
  --bg-alternate: var(--black-1);
  --bg-tertiary: var(--white);
  --bg-disruptive: var(--red);
  --bg-disabled: var(--grey-2);
  --bg-cards: var(--white);
  --text-primary: var(--black-1);
  --text-secondary: var(--grey);
  --text-tetiary: var(--grey-2);
  --text-hover: var(--purple);
  --text-selected: var(--purple-2);
  --text-alternate: var(--white);
  --text-link: var(--blue);
  --text-disruptive: var(--red);
  --border-active: var(--black-1);
  --border-selected: var(--black-1);
  --border-cards: var(--white);
  --border-divider: var(--grey-light-3);
  --border-disruptive: var(--bg-disruptive);
  --icon-critical: var(--red);
  --icon-info: var(--blue-2);
  --icon-success: var(--green-dark);
  --icon-warning: var(--yellow-1);
  --icon-close: var(--grey-2);
  --h1-color: var(--black-dark);
  --h2-color: var(--black-dark);
  --h3-color: var(--black-dark);
  --h4-color: var(--black-dark);
  --h5-color: var(--black-dark);
  --h6-color: var(--black-dark);
  --p-color: var(--black-dark);
  --link-color: var(--black-dark);
  --link-hover-color: #551a8b;
  --general-card: var(--white-2);
}
.large-stats {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.15px;
}
.badge-text {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.callout {
  font-family: var(--franify-inter-font);
  font-size: 14px;
  font-weight: 400;
}
.footnote {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.button-link-small-bold {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-small-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.toast-medium {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15px;
}
.button-link-button-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.toolbar-title-default {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
}
.button-link-button-default {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-semibold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.action-sheet-header {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
}
.content-h3 {
  font-family: var(--franify-nunito-font);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.action-sheet-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  letter-spacing: -0.4px;
}
.content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.content-h5 {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 600;
}
.content-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.content-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.content-h6 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.content-paragraph-small {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-bold {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.content-paragraph-selected {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.subhead-regular-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-semibold-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15px;
}
.caption-regular {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-medium-15 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.caption-sm-regular {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 400;
}
.caption-medium {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.caption-bold {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.caption-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 500;
}
.list-item-title {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.tabs-bold {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.list-item-card-label {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.tabs-regular {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.table-title {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
}
.list-item-card-title {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.table-label {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.chip-text-global {
  font-family: var(--franify-nunito-font);
  font-size: 10px;
  font-weight: 700;
}
.post-bold {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.post-regular {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.desktop-content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h3 {
  font-family: var(--franify-inter-font);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.desktop-content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
}
.desktop-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 400;
}
.desktop-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 16px;
  font-weight: 400;
}
.amount-large {
  color: var(--Text-text-selected, #6405eb);
  font-family: var(--franify-nunito-font);
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}
ion-fab-button ion-icon {
  font-size: 24px;
}
ion-fab-button {
  --size: 70px;
}
ion-button[shape=circle] {
  --border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
}
.ion-button-large {
  display: inline-flex;
  padding: 10px 32px 11px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
ion-button[size=large] {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15px;
}
ion-button[size=default] {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15px;
}
ion-button[size=small] {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.15px;
}
ion-button {
  text-transform: none;
  letter-spacing: -0.15px !important;
  --box-shadow: none !important;
  margin: 0px !important;
}
ion-button[disabled] {
  --ion-color-base: var(--grey-2) !important;
  opacity: 1 !important;
}
ion-button[fill=outline] {
  --border-width: 1px;
}
ion-button {
  min-height: 0px;
}
ion-button[size=large] {
  height: 44px;
  --padding-start: 32px !important;
  --padding-end: 32px !important;
  --padding-top: 10px !important;
  --padding-bottom: 10px !important;
}
ion-button[size=large] ion-icon[slot=start] {
  height: 20px;
  width: 20px;
  margin: 0px;
}
ion-button[size=large] ion-label {
  margin-left: 8px;
}
ion-button[size=default] {
  height: 34px;
  --padding-start: 14px !important;
  --padding-end: 14px !important;
  --padding-top: 7px !important;
  --padding-bottom: 7px !important;
}
ion-button[size=default] ion-icon[slot=start] {
  height: 16px;
  width: 16px;
  margin: 0px;
}
ion-button[size=default] ion-label {
  margin-left: 4px;
}
ion-button[size=small] {
  height: 28px;
  --padding-start: 12px !important;
  --padding-end: 12px !important;
  --padding-top: 4px !important;
  --padding-bottom: 4px !important;
}
ion-button[size=small] ion-icon[slot=start] {
  height: 16px;
  width: 16px;
  margin: 0px;
}
ion-button[size=small] ion-label {
  margin-left: 4px;
}
.ion-button-Large {
  --padding-top: 0px --padding-bottom:0px;
  height: 44px;
}
.ion-button-Large ion-label {
  margin-left: 2px;
}
.ion-button-medium {
  --padding-start: 32px;
  --padding-end: 32px;
  --padding-top: 10px --padding-bottom:10px;
  height: 44px;
}
.ion-button-medium ion-label {
  margin-left: 2px;
}
.button-color-medium-text-color {
  color: var(--black-1);
}
.light-button-text-color {
  color: var(--white);
}
.ion-button-small-only-icon {
  --padding-start: 0px !important;
  --padding-end: 0px !important;
}
.ion-button-clear-only-text-size {
  font-size: 17px;
  font-weight: 400;
}
.ion-button-link-icon-size {
  height: var(--space-12);
  width: var(--space-12);
}
.ion-button-clear-only-right-icon-size {
  width: 13px;
  height: 13px;
}
.large-stats {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.15px;
}
.badge-text {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.callout {
  font-family: var(--franify-inter-font);
  font-size: 14px;
  font-weight: 400;
}
.footnote {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.button-link-small-bold {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.button-link-large-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-small-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-underline {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}
.button-link-large-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}
.button-link-small-bold-underline {
  font-family: var(--franify-nunito-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}
.toast-medium {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15px;
}
.button-link-button-bold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}
.toolbar-title-default {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
}
.button-link-button-default {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.toolbar-button-semibold {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}
.action-sheet-header {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 600;
}
.content-h3 {
  font-family: var(--franify-nunito-font);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.action-sheet-button-regular {
  font-family: var(--franify-nunito-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  letter-spacing: -0.4px;
}
.content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.content-h5 {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 600;
}
.content-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.content-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.content-h6 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.content-paragraph-small {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-bold {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.content-paragraph-selected {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.content-paragraph-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.subhead-regular-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-semibold-13 {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15px;
}
.caption-regular {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.subhead-medium-15 {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.caption-sm-regular {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 400;
}
.caption-medium {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.caption-bold {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.caption-sm-selected {
  font-family: var(--franify-inter-font);
  font-size: 10px;
  font-weight: 500;
}
.list-item-title {
  font-family: var(--franify-inter-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.tabs-bold {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15px;
}
.list-item-card-label {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.tabs-regular {
  font-family: var(--franify-nunito-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.15px;
}
.table-title {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 400;
}
.list-item-card-title {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.table-label {
  font-family: var(--franify-inter-font);
  font-size: 11px;
  font-weight: 700;
}
.chip-text-global {
  font-family: var(--franify-nunito-font);
  font-size: 10px;
  font-weight: 700;
}
.post-bold {
  font-family: var(--franify-inter-font);
  font-size: 13px;
  font-weight: 600;
}
.post-regular {
  font-family: var(--franify-inter-font);
  font-size: 12px;
  font-weight: 400;
}
.desktop-content-h1 {
  font-family: var(--franify-nunito-font);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h2 {
  font-family: var(--franify-nunito-font);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.desktop-content-h3 {
  font-family: var(--franify-inter-font);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.desktop-content-h4 {
  font-family: var(--franify-inter-font);
  font-size: 18px;
  font-weight: 600;
}
.desktop-paragraph-large {
  font-family: var(--franify-inter-font);
  font-size: 20px;
  font-weight: 400;
}
.desktop-paragraph-regular {
  font-family: var(--franify-inter-font);
  font-size: 16px;
  font-weight: 400;
}
.amount-large {
  color: var(--Text-text-selected, #6405eb);
  font-family: var(--franify-nunito-font);
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Bold-MGUQKWYB.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-ExtraBold-FLFRTPVU.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Medium-BIQLTY27.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Regular-BEKHCQJT.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-SemiBold-QLPFODCS.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.regular-YNDPE5TA.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.semibold-UTKBG3N6.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.bold-D4YDF25F.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "NunitoSans";
  src: url("./media/nunito-sans.extrabold-NSYOXMRV.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}
:root {
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-29: 29px;
  --space-30: 30px;
  --space-31: 31px;
  --space-32: 32px;
  --space-33: 33px;
  --space-34: 34px;
  --space-35: 35px;
  --space-36: 36px;
  --space-37: 37px;
  --space-38: 38px;
  --space-39: 39px;
  --space-40: 40px;
  --space-41: 41px;
  --space-42: 42px;
  --space-43: 43px;
  --space-44: 44px;
  --space-45: 45px;
  --space-46: 46px;
  --space-47: 47px;
  --space-48: 48px;
  --space-49: 49px;
  --space-50: 50px;
  --space-51: 51px;
  --space-52: 52px;
  --space-53: 53px;
  --space-54: 54px;
  --space-55: 55px;
  --space-56: 56px;
  --space-57: 57px;
  --space-58: 58px;
  --space-59: 59px;
  --space-60: 60px;
  --space-61: 61px;
  --space-62: 62px;
  --space-63: 63px;
  --space-64: 64px;
  --space-65: 65px;
  --space-66: 66px;
  --space-67: 67px;
  --space-68: 68px;
  --space-69: 69px;
  --space-70: 70px;
  --space-71: 71px;
  --space-72: 72px;
  --space-73: 73px;
  --space-74: 74px;
  --space-75: 75px;
  --space-76: 76px;
  --space-77: 77px;
  --space-78: 78px;
  --space-79: 79px;
  --space-80: 80px;
  --space-128: 80px;
}
.margin-0 {
  margin: var(--space-0);
}
.margin-1 {
  margin: var(--space-1);
}
.margin-2 {
  margin: var(--space-2);
}
.margin-3 {
  margin: var(--space-3);
}
.margin-4 {
  margin: var(--space-4);
}
.margin-5 {
  margin: var(--space-5);
}
.margin-6 {
  margin: var(--space-6);
}
.margin-7 {
  margin: var(--space-7);
}
.margin-8 {
  margin: var(--space-8);
}
.margin-9 {
  margin: var(--space-9);
}
.margin-10 {
  margin: var(--space-10);
}
.margin-11 {
  margin: var(--space-11);
}
.margin-12 {
  margin: var(--space-12);
}
.margin-13 {
  margin: var(--space-13);
}
.margin-14 {
  margin: var(--space-14);
}
.margin-15 {
  margin: var(--space-15);
}
.margin-16 {
  margin: var(--space-16);
}
.margin-17 {
  margin: var(--space-17);
}
.margin-18 {
  margin: var(--space-18);
}
.margin-19 {
  margin: var(--space-19);
}
.margin-20 {
  margin: var(--space-20);
}
.margin-21 {
  margin: var(--space-21);
}
.margin-22 {
  margin: var(--space-22);
}
.margin-23 {
  margin: var(--space-23);
}
.margin-24 {
  margin: var(--space-24);
}
.margin-25 {
  margin: var(--space-25);
}
.margin-26 {
  margin: var(--space-26);
}
.margin-27 {
  margin: var(--space-27);
}
.margin-28 {
  margin: var(--space-28);
}
.margin-29 {
  margin: var(--space-29);
}
.margin-30 {
  margin: var(--space-30);
}
.margin-31 {
  margin: var(--space-31);
}
.margin-32 {
  margin: var(--space-32);
}
.margin-33 {
  margin: var(--space-33);
}
.margin-34 {
  margin: var(--space-34);
}
.margin-35 {
  margin: var(--space-35);
}
.margin-36 {
  margin: var(--space-36);
}
.margin-37 {
  margin: var(--space-37);
}
.margin-38 {
  margin: var(--space-38);
}
.margin-39 {
  margin: var(--space-39);
}
.margin-40 {
  margin: var(--space-40);
}
.margin-41 {
  margin: var(--space-41);
}
.margin-42 {
  margin: var(--space-42);
}
.margin-43 {
  margin: var(--space-43);
}
.margin-44 {
  margin: var(--space-44);
}
.margin-45 {
  margin: var(--space-45);
}
.margin-46 {
  margin: var(--space-46);
}
.margin-47 {
  margin: var(--space-47);
}
.margin-48 {
  margin: var(--space-48);
}
.margin-49 {
  margin: var(--space-49);
}
.margin-50 {
  margin: var(--space-50);
}
.margin-51 {
  margin: var(--space-51);
}
.margin-52 {
  margin: var(--space-52);
}
.margin-53 {
  margin: var(--space-53);
}
.margin-54 {
  margin: var(--space-54);
}
.margin-55 {
  margin: var(--space-55);
}
.margin-56 {
  margin: var(--space-56);
}
.margin-57 {
  margin: var(--space-57);
}
.margin-58 {
  margin: var(--space-58);
}
.margin-59 {
  margin: var(--space-59);
}
.margin-60 {
  margin: var(--space-60);
}
.margin-61 {
  margin: var(--space-61);
}
.margin-62 {
  margin: var(--space-62);
}
.margin-63 {
  margin: var(--space-63);
}
.margin-64 {
  margin: var(--space-64);
}
.margin-65 {
  margin: var(--space-65);
}
.margin-66 {
  margin: var(--space-66);
}
.margin-67 {
  margin: var(--space-67);
}
.margin-68 {
  margin: var(--space-68);
}
.margin-69 {
  margin: var(--space-69);
}
.margin-70 {
  margin: var(--space-70);
}
.margin-71 {
  margin: var(--space-71);
}
.margin-72 {
  margin: var(--space-72);
}
.margin-73 {
  margin: var(--space-73);
}
.margin-74 {
  margin: var(--space-74);
}
.margin-75 {
  margin: var(--space-75);
}
.margin-76 {
  margin: var(--space-76);
}
.margin-77 {
  margin: var(--space-77);
}
.margin-78 {
  margin: var(--space-78);
}
.margin-79 {
  margin: var(--space-79);
}
.margin-80 {
  margin: var(--space-80);
}
.margin-top-0 {
  margin-top: var(--space-0);
}
.margin-top-1 {
  margin-top: var(--space-1);
}
.margin-top-2 {
  margin-top: var(--space-2);
}
.margin-top-3 {
  margin-top: var(--space-3);
}
.margin-top-4 {
  margin-top: var(--space-4);
}
.margin-top-5 {
  margin-top: var(--space-5);
}
.margin-top-6 {
  margin-top: var(--space-6);
}
.margin-top-7 {
  margin-top: var(--space-7);
}
.margin-top-8 {
  margin-top: var(--space-8);
}
.margin-top-9 {
  margin-top: var(--space-9);
}
.margin-top-10 {
  margin-top: var(--space-10);
}
.margin-top-11 {
  margin-top: var(--space-11);
}
.margin-top-12 {
  margin-top: var(--space-12);
}
.margin-top-13 {
  margin-top: var(--space-13);
}
.margin-top-14 {
  margin-top: var(--space-14);
}
.margin-top-15 {
  margin-top: var(--space-15);
}
.margin-top-16 {
  margin-top: var(--space-16);
}
.margin-top-17 {
  margin-top: var(--space-17);
}
.margin-top-18 {
  margin-top: var(--space-18);
}
.margin-top-19 {
  margin-top: var(--space-19);
}
.margin-top-20 {
  margin-top: var(--space-20);
}
.margin-top-21 {
  margin-top: var(--space-21);
}
.margin-top-22 {
  margin-top: var(--space-22);
}
.margin-top-23 {
  margin-top: var(--space-23);
}
.margin-top-24 {
  margin-top: var(--space-24);
}
.margin-top-25 {
  margin-top: var(--space-25);
}
.margin-top-26 {
  margin-top: var(--space-26);
}
.margin-top-27 {
  margin-top: var(--space-27);
}
.margin-top-28 {
  margin-top: var(--space-28);
}
.margin-top-29 {
  margin-top: var(--space-29);
}
.margin-top-30 {
  margin-top: var(--space-30);
}
.margin-top-31 {
  margin-top: var(--space-31);
}
.margin-top-32 {
  margin-top: var(--space-32);
}
.margin-top-33 {
  margin-top: var(--space-33);
}
.margin-top-34 {
  margin-top: var(--space-34);
}
.margin-top-35 {
  margin-top: var(--space-35);
}
.margin-top-36 {
  margin-top: var(--space-36);
}
.margin-top-37 {
  margin-top: var(--space-37);
}
.margin-top-38 {
  margin-top: var(--space-38);
}
.margin-top-39 {
  margin-top: var(--space-39);
}
.margin-top-40 {
  margin-top: var(--space-40);
}
.margin-top-41 {
  margin-top: var(--space-41);
}
.margin-top-42 {
  margin-top: var(--space-42);
}
.margin-top-43 {
  margin-top: var(--space-43);
}
.margin-top-44 {
  margin-top: var(--space-44);
}
.margin-top-45 {
  margin-top: var(--space-45);
}
.margin-top-46 {
  margin-top: var(--space-46);
}
.margin-top-47 {
  margin-top: var(--space-47);
}
.margin-top-48 {
  margin-top: var(--space-48);
}
.margin-top-49 {
  margin-top: var(--space-49);
}
.margin-top-50 {
  margin-top: var(--space-50);
}
.margin-top-51 {
  margin-top: var(--space-51);
}
.margin-top-52 {
  margin-top: var(--space-52);
}
.margin-top-53 {
  margin-top: var(--space-53);
}
.margin-top-54 {
  margin-top: var(--space-54);
}
.margin-top-55 {
  margin-top: var(--space-55);
}
.margin-top-56 {
  margin-top: var(--space-56);
}
.margin-top-57 {
  margin-top: var(--space-57);
}
.margin-top-58 {
  margin-top: var(--space-58);
}
.margin-top-59 {
  margin-top: var(--space-59);
}
.margin-top-60 {
  margin-top: var(--space-60);
}
.margin-top-61 {
  margin-top: var(--space-61);
}
.margin-top-62 {
  margin-top: var(--space-62);
}
.margin-top-63 {
  margin-top: var(--space-63);
}
.margin-top-64 {
  margin-top: var(--space-64);
}
.margin-top-65 {
  margin-top: var(--space-65);
}
.margin-top-66 {
  margin-top: var(--space-66);
}
.margin-top-67 {
  margin-top: var(--space-67);
}
.margin-top-68 {
  margin-top: var(--space-68);
}
.margin-top-69 {
  margin-top: var(--space-69);
}
.margin-top-70 {
  margin-top: var(--space-70);
}
.margin-top-71 {
  margin-top: var(--space-71);
}
.margin-top-72 {
  margin-top: var(--space-72);
}
.margin-top-73 {
  margin-top: var(--space-73);
}
.margin-top-74 {
  margin-top: var(--space-74);
}
.margin-top-75 {
  margin-top: var(--space-75);
}
.margin-top-76 {
  margin-top: var(--space-76);
}
.margin-top-77 {
  margin-top: var(--space-77);
}
.margin-top-78 {
  margin-top: var(--space-78);
}
.margin-top-79 {
  margin-top: var(--space-79);
}
.margin-top-80 {
  margin-top: var(--space-80);
}
.margin-bottom-0 {
  margin-bottom: var(--space-0);
}
.margin-bottom-1 {
  margin-bottom: var(--space-1);
}
.margin-bottom-2 {
  margin-bottom: var(--space-2);
}
.margin-bottom-3 {
  margin-bottom: var(--space-3);
}
.margin-bottom-4 {
  margin-bottom: var(--space-4);
}
.margin-bottom-5 {
  margin-bottom: var(--space-5);
}
.margin-bottom-6 {
  margin-bottom: var(--space-6);
}
.margin-bottom-7 {
  margin-bottom: var(--space-7);
}
.margin-bottom-8 {
  margin-bottom: var(--space-8);
}
.margin-bottom-9 {
  margin-bottom: var(--space-9);
}
.margin-bottom-10 {
  margin-bottom: var(--space-10);
}
.margin-bottom-11 {
  margin-bottom: var(--space-11);
}
.margin-bottom-12 {
  margin-bottom: var(--space-12);
}
.margin-bottom-13 {
  margin-bottom: var(--space-13);
}
.margin-bottom-14 {
  margin-bottom: var(--space-14);
}
.margin-bottom-15 {
  margin-bottom: var(--space-15);
}
.margin-bottom-16 {
  margin-bottom: var(--space-16);
}
.margin-bottom-17 {
  margin-bottom: var(--space-17);
}
.margin-bottom-18 {
  margin-bottom: var(--space-18);
}
.margin-bottom-19 {
  margin-bottom: var(--space-19);
}
.margin-bottom-20 {
  margin-bottom: var(--space-20);
}
.margin-bottom-21 {
  margin-bottom: var(--space-21);
}
.margin-bottom-22 {
  margin-bottom: var(--space-22);
}
.margin-bottom-23 {
  margin-bottom: var(--space-23);
}
.margin-bottom-24 {
  margin-bottom: var(--space-24);
}
.margin-bottom-25 {
  margin-bottom: var(--space-25);
}
.margin-bottom-26 {
  margin-bottom: var(--space-26);
}
.margin-bottom-27 {
  margin-bottom: var(--space-27);
}
.margin-bottom-28 {
  margin-bottom: var(--space-28);
}
.margin-bottom-29 {
  margin-bottom: var(--space-29);
}
.margin-bottom-30 {
  margin-bottom: var(--space-30);
}
.margin-bottom-31 {
  margin-bottom: var(--space-31);
}
.margin-bottom-32 {
  margin-bottom: var(--space-32);
}
.margin-bottom-33 {
  margin-bottom: var(--space-33);
}
.margin-bottom-34 {
  margin-bottom: var(--space-34);
}
.margin-bottom-35 {
  margin-bottom: var(--space-35);
}
.margin-bottom-36 {
  margin-bottom: var(--space-36);
}
.margin-bottom-37 {
  margin-bottom: var(--space-37);
}
.margin-bottom-38 {
  margin-bottom: var(--space-38);
}
.margin-bottom-39 {
  margin-bottom: var(--space-39);
}
.margin-bottom-40 {
  margin-bottom: var(--space-40);
}
.margin-bottom-41 {
  margin-bottom: var(--space-41);
}
.margin-bottom-42 {
  margin-bottom: var(--space-42);
}
.margin-bottom-43 {
  margin-bottom: var(--space-43);
}
.margin-bottom-44 {
  margin-bottom: var(--space-44);
}
.margin-bottom-45 {
  margin-bottom: var(--space-45);
}
.margin-bottom-46 {
  margin-bottom: var(--space-46);
}
.margin-bottom-47 {
  margin-bottom: var(--space-47);
}
.margin-bottom-48 {
  margin-bottom: var(--space-48);
}
.margin-bottom-49 {
  margin-bottom: var(--space-49);
}
.margin-bottom-50 {
  margin-bottom: var(--space-50);
}
.margin-bottom-51 {
  margin-bottom: var(--space-51);
}
.margin-bottom-52 {
  margin-bottom: var(--space-52);
}
.margin-bottom-53 {
  margin-bottom: var(--space-53);
}
.margin-bottom-54 {
  margin-bottom: var(--space-54);
}
.margin-bottom-55 {
  margin-bottom: var(--space-55);
}
.margin-bottom-56 {
  margin-bottom: var(--space-56);
}
.margin-bottom-57 {
  margin-bottom: var(--space-57);
}
.margin-bottom-58 {
  margin-bottom: var(--space-58);
}
.margin-bottom-59 {
  margin-bottom: var(--space-59);
}
.margin-bottom-60 {
  margin-bottom: var(--space-60);
}
.margin-bottom-61 {
  margin-bottom: var(--space-61);
}
.margin-bottom-62 {
  margin-bottom: var(--space-62);
}
.margin-bottom-63 {
  margin-bottom: var(--space-63);
}
.margin-bottom-64 {
  margin-bottom: var(--space-64);
}
.margin-bottom-65 {
  margin-bottom: var(--space-65);
}
.margin-bottom-66 {
  margin-bottom: var(--space-66);
}
.margin-bottom-67 {
  margin-bottom: var(--space-67);
}
.margin-bottom-68 {
  margin-bottom: var(--space-68);
}
.margin-bottom-69 {
  margin-bottom: var(--space-69);
}
.margin-bottom-70 {
  margin-bottom: var(--space-70);
}
.margin-bottom-71 {
  margin-bottom: var(--space-71);
}
.margin-bottom-72 {
  margin-bottom: var(--space-72);
}
.margin-bottom-73 {
  margin-bottom: var(--space-73);
}
.margin-bottom-74 {
  margin-bottom: var(--space-74);
}
.margin-bottom-75 {
  margin-bottom: var(--space-75);
}
.margin-bottom-76 {
  margin-bottom: var(--space-76);
}
.margin-bottom-77 {
  margin-bottom: var(--space-77);
}
.margin-bottom-78 {
  margin-bottom: var(--space-78);
}
.margin-bottom-79 {
  margin-bottom: var(--space-79);
}
.margin-bottom-80 {
  margin-bottom: var(--space-80);
}
.margin-left-0 {
  margin-left: var(--space-0);
}
.margin-left-1 {
  margin-left: var(--space-1);
}
.margin-left-2 {
  margin-left: var(--space-2);
}
.margin-left-3 {
  margin-left: var(--space-3);
}
.margin-left-4 {
  margin-left: var(--space-4);
}
.margin-left-5 {
  margin-left: var(--space-5);
}
.margin-left-6 {
  margin-left: var(--space-6);
}
.margin-left-7 {
  margin-left: var(--space-7);
}
.margin-left-8 {
  margin-left: var(--space-8);
}
.margin-left-9 {
  margin-left: var(--space-9);
}
.margin-left-10 {
  margin-left: var(--space-10);
}
.margin-left-11 {
  margin-left: var(--space-11);
}
.margin-left-12 {
  margin-left: var(--space-12);
}
.margin-left-13 {
  margin-left: var(--space-13);
}
.margin-left-14 {
  margin-left: var(--space-14);
}
.margin-left-15 {
  margin-left: var(--space-15);
}
.margin-left-16 {
  margin-left: var(--space-16);
}
.margin-left-17 {
  margin-left: var(--space-17);
}
.margin-left-18 {
  margin-left: var(--space-18);
}
.margin-left-19 {
  margin-left: var(--space-19);
}
.margin-left-20 {
  margin-left: var(--space-20);
}
.margin-left-21 {
  margin-left: var(--space-21);
}
.margin-left-22 {
  margin-left: var(--space-22);
}
.margin-left-23 {
  margin-left: var(--space-23);
}
.margin-left-24 {
  margin-left: var(--space-24);
}
.margin-left-25 {
  margin-left: var(--space-25);
}
.margin-left-26 {
  margin-left: var(--space-26);
}
.margin-left-27 {
  margin-left: var(--space-27);
}
.margin-left-28 {
  margin-left: var(--space-28);
}
.margin-left-29 {
  margin-left: var(--space-29);
}
.margin-left-30 {
  margin-left: var(--space-30);
}
.margin-left-31 {
  margin-left: var(--space-31);
}
.margin-left-32 {
  margin-left: var(--space-32);
}
.margin-left-33 {
  margin-left: var(--space-33);
}
.margin-left-34 {
  margin-left: var(--space-34);
}
.margin-left-35 {
  margin-left: var(--space-35);
}
.margin-left-36 {
  margin-left: var(--space-36);
}
.margin-left-37 {
  margin-left: var(--space-37);
}
.margin-left-38 {
  margin-left: var(--space-38);
}
.margin-left-39 {
  margin-left: var(--space-39);
}
.margin-left-40 {
  margin-left: var(--space-40);
}
.margin-left-41 {
  margin-left: var(--space-41);
}
.margin-left-42 {
  margin-left: var(--space-42);
}
.margin-left-43 {
  margin-left: var(--space-43);
}
.margin-left-44 {
  margin-left: var(--space-44);
}
.margin-left-45 {
  margin-left: var(--space-45);
}
.margin-left-46 {
  margin-left: var(--space-46);
}
.margin-left-47 {
  margin-left: var(--space-47);
}
.margin-left-48 {
  margin-left: var(--space-48);
}
.margin-left-49 {
  margin-left: var(--space-49);
}
.margin-left-50 {
  margin-left: var(--space-50);
}
.margin-left-51 {
  margin-left: var(--space-51);
}
.margin-left-52 {
  margin-left: var(--space-52);
}
.margin-left-53 {
  margin-left: var(--space-53);
}
.margin-left-54 {
  margin-left: var(--space-54);
}
.margin-left-55 {
  margin-left: var(--space-55);
}
.margin-left-56 {
  margin-left: var(--space-56);
}
.margin-left-57 {
  margin-left: var(--space-57);
}
.margin-left-58 {
  margin-left: var(--space-58);
}
.margin-left-59 {
  margin-left: var(--space-59);
}
.margin-left-60 {
  margin-left: var(--space-60);
}
.margin-left-61 {
  margin-left: var(--space-61);
}
.margin-left-62 {
  margin-left: var(--space-62);
}
.margin-left-63 {
  margin-left: var(--space-63);
}
.margin-left-64 {
  margin-left: var(--space-64);
}
.margin-left-65 {
  margin-left: var(--space-65);
}
.margin-left-66 {
  margin-left: var(--space-66);
}
.margin-left-67 {
  margin-left: var(--space-67);
}
.margin-left-68 {
  margin-left: var(--space-68);
}
.margin-left-69 {
  margin-left: var(--space-69);
}
.margin-left-70 {
  margin-left: var(--space-70);
}
.margin-left-71 {
  margin-left: var(--space-71);
}
.margin-left-72 {
  margin-left: var(--space-72);
}
.margin-left-73 {
  margin-left: var(--space-73);
}
.margin-left-74 {
  margin-left: var(--space-74);
}
.margin-left-75 {
  margin-left: var(--space-75);
}
.margin-left-76 {
  margin-left: var(--space-76);
}
.margin-left-77 {
  margin-left: var(--space-77);
}
.margin-left-78 {
  margin-left: var(--space-78);
}
.margin-left-79 {
  margin-left: var(--space-79);
}
.margin-left-80 {
  margin-left: var(--space-80);
}
.margin-right-0 {
  margin-right: var(--space-0);
}
.margin-right-1 {
  margin-right: var(--space-1);
}
.margin-right-2 {
  margin-right: var(--space-2);
}
.margin-right-3 {
  margin-right: var(--space-3);
}
.margin-right-4 {
  margin-right: var(--space-4);
}
.margin-right-5 {
  margin-right: var(--space-5);
}
.margin-right-6 {
  margin-right: var(--space-6);
}
.margin-right-7 {
  margin-right: var(--space-7);
}
.margin-right-8 {
  margin-right: var(--space-8);
}
.margin-right-9 {
  margin-right: var(--space-9);
}
.margin-right-10 {
  margin-right: var(--space-10);
}
.margin-right-11 {
  margin-right: var(--space-11);
}
.margin-right-12 {
  margin-right: var(--space-12);
}
.margin-right-13 {
  margin-right: var(--space-13);
}
.margin-right-14 {
  margin-right: var(--space-14);
}
.margin-right-15 {
  margin-right: var(--space-15);
}
.margin-right-16 {
  margin-right: var(--space-16);
}
.margin-right-17 {
  margin-right: var(--space-17);
}
.margin-right-18 {
  margin-right: var(--space-18);
}
.margin-right-19 {
  margin-right: var(--space-19);
}
.margin-right-20 {
  margin-right: var(--space-20);
}
.margin-right-21 {
  margin-right: var(--space-21);
}
.margin-right-22 {
  margin-right: var(--space-22);
}
.margin-right-23 {
  margin-right: var(--space-23);
}
.margin-right-24 {
  margin-right: var(--space-24);
}
.margin-right-25 {
  margin-right: var(--space-25);
}
.margin-right-26 {
  margin-right: var(--space-26);
}
.margin-right-27 {
  margin-right: var(--space-27);
}
.margin-right-28 {
  margin-right: var(--space-28);
}
.margin-right-29 {
  margin-right: var(--space-29);
}
.margin-right-30 {
  margin-right: var(--space-30);
}
.margin-right-31 {
  margin-right: var(--space-31);
}
.margin-right-32 {
  margin-right: var(--space-32);
}
.margin-right-33 {
  margin-right: var(--space-33);
}
.margin-right-34 {
  margin-right: var(--space-34);
}
.margin-right-35 {
  margin-right: var(--space-35);
}
.margin-right-36 {
  margin-right: var(--space-36);
}
.margin-right-37 {
  margin-right: var(--space-37);
}
.margin-right-38 {
  margin-right: var(--space-38);
}
.margin-right-39 {
  margin-right: var(--space-39);
}
.margin-right-40 {
  margin-right: var(--space-40);
}
.margin-right-41 {
  margin-right: var(--space-41);
}
.margin-right-42 {
  margin-right: var(--space-42);
}
.margin-right-43 {
  margin-right: var(--space-43);
}
.margin-right-44 {
  margin-right: var(--space-44);
}
.margin-right-45 {
  margin-right: var(--space-45);
}
.margin-right-46 {
  margin-right: var(--space-46);
}
.margin-right-47 {
  margin-right: var(--space-47);
}
.margin-right-48 {
  margin-right: var(--space-48);
}
.margin-right-49 {
  margin-right: var(--space-49);
}
.margin-right-50 {
  margin-right: var(--space-50);
}
.margin-right-51 {
  margin-right: var(--space-51);
}
.margin-right-52 {
  margin-right: var(--space-52);
}
.margin-right-53 {
  margin-right: var(--space-53);
}
.margin-right-54 {
  margin-right: var(--space-54);
}
.margin-right-55 {
  margin-right: var(--space-55);
}
.margin-right-56 {
  margin-right: var(--space-56);
}
.margin-right-57 {
  margin-right: var(--space-57);
}
.margin-right-58 {
  margin-right: var(--space-58);
}
.margin-right-59 {
  margin-right: var(--space-59);
}
.margin-right-60 {
  margin-right: var(--space-60);
}
.margin-right-61 {
  margin-right: var(--space-61);
}
.margin-right-62 {
  margin-right: var(--space-62);
}
.margin-right-63 {
  margin-right: var(--space-63);
}
.margin-right-64 {
  margin-right: var(--space-64);
}
.margin-right-65 {
  margin-right: var(--space-65);
}
.margin-right-66 {
  margin-right: var(--space-66);
}
.margin-right-67 {
  margin-right: var(--space-67);
}
.margin-right-68 {
  margin-right: var(--space-68);
}
.margin-right-69 {
  margin-right: var(--space-69);
}
.margin-right-70 {
  margin-right: var(--space-70);
}
.margin-right-71 {
  margin-right: var(--space-71);
}
.margin-right-72 {
  margin-right: var(--space-72);
}
.margin-right-73 {
  margin-right: var(--space-73);
}
.margin-right-74 {
  margin-right: var(--space-74);
}
.margin-right-75 {
  margin-right: var(--space-75);
}
.margin-right-76 {
  margin-right: var(--space-76);
}
.margin-right-77 {
  margin-right: var(--space-77);
}
.margin-right-78 {
  margin-right: var(--space-78);
}
.margin-right-79 {
  margin-right: var(--space-79);
}
.margin-right-80 {
  margin-right: var(--space-80);
}
.margin-right-128 {
  margin-right: var(--space-128);
}
:root {
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-17: 17px;
  --space-18: 18px;
  --space-19: 19px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-23: 23px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-29: 29px;
  --space-30: 30px;
  --space-31: 31px;
  --space-32: 32px;
  --space-33: 33px;
  --space-34: 34px;
  --space-35: 35px;
  --space-36: 36px;
  --space-37: 37px;
  --space-38: 38px;
  --space-39: 39px;
  --space-40: 40px;
  --space-41: 41px;
  --space-42: 42px;
  --space-43: 43px;
  --space-44: 44px;
  --space-45: 45px;
  --space-46: 46px;
  --space-47: 47px;
  --space-48: 48px;
  --space-49: 49px;
  --space-50: 50px;
  --space-51: 51px;
  --space-52: 52px;
  --space-53: 53px;
  --space-54: 54px;
  --space-55: 55px;
  --space-56: 56px;
  --space-57: 57px;
  --space-58: 58px;
  --space-59: 59px;
  --space-60: 60px;
  --space-61: 61px;
  --space-62: 62px;
  --space-63: 63px;
  --space-64: 64px;
  --space-65: 65px;
  --space-66: 66px;
  --space-67: 67px;
  --space-68: 68px;
  --space-69: 69px;
  --space-70: 70px;
  --space-71: 71px;
  --space-72: 72px;
  --space-73: 73px;
  --space-74: 74px;
  --space-75: 75px;
  --space-76: 76px;
  --space-77: 77px;
  --space-78: 78px;
  --space-79: 79px;
  --space-80: 80px;
}
.padding-0 {
  padding: var(--space-0);
}
.padding-1 {
  padding: var(--space-1);
}
.padding-2 {
  padding: var(--space-2);
}
.padding-3 {
  padding: var(--space-3);
}
.padding-4 {
  padding: var(--space-4);
}
.padding-5 {
  padding: var(--space-5);
}
.padding-6 {
  padding: var(--space-6);
}
.padding-7 {
  padding: var(--space-7);
}
.padding-8 {
  padding: var(--space-8);
}
.padding-9 {
  padding: var(--space-9);
}
.padding-10 {
  padding: var(--space-10);
}
.padding-11 {
  padding: var(--space-11);
}
.padding-12 {
  padding: var(--space-12);
}
.padding-13 {
  padding: var(--space-13);
}
.padding-14 {
  padding: var(--space-14);
}
.padding-15 {
  padding: var(--space-15);
}
.padding-16 {
  padding: var(--space-16);
}
.padding-17 {
  padding: var(--space-17);
}
.padding-18 {
  padding: var(--space-18);
}
.padding-19 {
  padding: var(--space-19);
}
.padding-20 {
  padding: var(--space-20);
}
.padding-21 {
  padding: var(--space-21);
}
.padding-22 {
  padding: var(--space-22);
}
.padding-23 {
  padding: var(--space-23);
}
.padding-24 {
  padding: var(--space-24);
}
.padding-25 {
  padding: var(--space-25);
}
.padding-26 {
  padding: var(--space-26);
}
.padding-27 {
  padding: var(--space-27);
}
.padding-28 {
  padding: var(--space-28);
}
.padding-29 {
  padding: var(--space-29);
}
.padding-30 {
  padding: var(--space-30);
}
.padding-31 {
  padding: var(--space-31);
}
.padding-32 {
  padding: var(--space-32);
}
.padding-33 {
  padding: var(--space-33);
}
.padding-34 {
  padding: var(--space-34);
}
.padding-35 {
  padding: var(--space-35);
}
.padding-36 {
  padding: var(--space-36);
}
.padding-37 {
  padding: var(--space-37);
}
.padding-38 {
  padding: var(--space-38);
}
.padding-39 {
  padding: var(--space-39);
}
.padding-40 {
  padding: var(--space-40);
}
.padding-41 {
  padding: var(--space-41);
}
.padding-42 {
  padding: var(--space-42);
}
.padding-43 {
  padding: var(--space-43);
}
.padding-44 {
  padding: var(--space-44);
}
.padding-45 {
  padding: var(--space-45);
}
.padding-46 {
  padding: var(--space-46);
}
.padding-47 {
  padding: var(--space-47);
}
.padding-48 {
  padding: var(--space-48);
}
.padding-49 {
  padding: var(--space-49);
}
.padding-50 {
  padding: var(--space-50);
}
.padding-51 {
  padding: var(--space-51);
}
.padding-52 {
  padding: var(--space-52);
}
.padding-53 {
  padding: var(--space-53);
}
.padding-54 {
  padding: var(--space-54);
}
.padding-55 {
  padding: var(--space-55);
}
.padding-56 {
  padding: var(--space-56);
}
.padding-57 {
  padding: var(--space-57);
}
.padding-58 {
  padding: var(--space-58);
}
.padding-59 {
  padding: var(--space-59);
}
.padding-60 {
  padding: var(--space-60);
}
.padding-61 {
  padding: var(--space-61);
}
.padding-62 {
  padding: var(--space-62);
}
.padding-63 {
  padding: var(--space-63);
}
.padding-64 {
  padding: var(--space-64);
}
.padding-65 {
  padding: var(--space-65);
}
.padding-66 {
  padding: var(--space-66);
}
.padding-67 {
  padding: var(--space-67);
}
.padding-68 {
  padding: var(--space-68);
}
.padding-69 {
  padding: var(--space-69);
}
.padding-70 {
  padding: var(--space-70);
}
.padding-71 {
  padding: var(--space-71);
}
.padding-72 {
  padding: var(--space-72);
}
.padding-73 {
  padding: var(--space-73);
}
.padding-74 {
  padding: var(--space-74);
}
.padding-75 {
  padding: var(--space-75);
}
.padding-76 {
  padding: var(--space-76);
}
.padding-77 {
  padding: var(--space-77);
}
.padding-78 {
  padding: var(--space-78);
}
.padding-79 {
  padding: var(--space-79);
}
.padding-80 {
  padding: var(--space-80);
}
.padding-top-0 {
  padding-top: var(--space-0);
}
.padding-top-1 {
  padding-top: var(--space-1);
}
.padding-top-2 {
  padding-top: var(--space-2);
}
.padding-top-3 {
  padding-top: var(--space-3);
}
.padding-top-4 {
  padding-top: var(--space-4);
}
.padding-top-5 {
  padding-top: var(--space-5);
}
.padding-top-6 {
  padding-top: var(--space-6);
}
.padding-top-7 {
  padding-top: var(--space-7);
}
.padding-top-8 {
  padding-top: var(--space-8);
}
.padding-top-9 {
  padding-top: var(--space-9);
}
.padding-top-10 {
  padding-top: var(--space-10);
}
.padding-top-11 {
  padding-top: var(--space-11);
}
.padding-top-12 {
  padding-top: var(--space-12);
}
.padding-top-13 {
  padding-top: var(--space-13);
}
.padding-top-14 {
  padding-top: var(--space-14);
}
.padding-top-15 {
  padding-top: var(--space-15);
}
.padding-top-16 {
  padding-top: var(--space-16);
}
.padding-top-17 {
  padding-top: var(--space-17);
}
.padding-top-18 {
  padding-top: var(--space-18);
}
.padding-top-19 {
  padding-top: var(--space-19);
}
.padding-top-20 {
  padding-top: var(--space-20);
}
.padding-top-21 {
  padding-top: var(--space-21);
}
.padding-top-22 {
  padding-top: var(--space-22);
}
.padding-top-23 {
  padding-top: var(--space-23);
}
.padding-top-24 {
  padding-top: var(--space-24);
}
.padding-top-25 {
  padding-top: var(--space-25);
}
.padding-top-26 {
  padding-top: var(--space-26);
}
.padding-top-27 {
  padding-top: var(--space-27);
}
.padding-top-28 {
  padding-top: var(--space-28);
}
.padding-top-29 {
  padding-top: var(--space-29);
}
.padding-top-30 {
  padding-top: var(--space-30);
}
.padding-top-31 {
  padding-top: var(--space-31);
}
.padding-top-32 {
  padding-top: var(--space-32);
}
.padding-top-33 {
  padding-top: var(--space-33);
}
.padding-top-34 {
  padding-top: var(--space-34);
}
.padding-top-35 {
  padding-top: var(--space-35);
}
.padding-top-36 {
  padding-top: var(--space-36);
}
.padding-top-37 {
  padding-top: var(--space-37);
}
.padding-top-38 {
  padding-top: var(--space-38);
}
.padding-top-39 {
  padding-top: var(--space-39);
}
.padding-top-40 {
  padding-top: var(--space-40);
}
.padding-top-41 {
  padding-top: var(--space-41);
}
.padding-top-42 {
  padding-top: var(--space-42);
}
.padding-top-43 {
  padding-top: var(--space-43);
}
.padding-top-44 {
  padding-top: var(--space-44);
}
.padding-top-45 {
  padding-top: var(--space-45);
}
.padding-top-46 {
  padding-top: var(--space-46);
}
.padding-top-47 {
  padding-top: var(--space-47);
}
.padding-top-48 {
  padding-top: var(--space-48);
}
.padding-top-49 {
  padding-top: var(--space-49);
}
.padding-top-50 {
  padding-top: var(--space-50);
}
.padding-top-51 {
  padding-top: var(--space-51);
}
.padding-top-52 {
  padding-top: var(--space-52);
}
.padding-top-53 {
  padding-top: var(--space-53);
}
.padding-top-54 {
  padding-top: var(--space-54);
}
.padding-top-55 {
  padding-top: var(--space-55);
}
.padding-top-56 {
  padding-top: var(--space-56);
}
.padding-top-57 {
  padding-top: var(--space-57);
}
.padding-top-58 {
  padding-top: var(--space-58);
}
.padding-top-59 {
  padding-top: var(--space-59);
}
.padding-top-60 {
  padding-top: var(--space-60);
}
.padding-top-61 {
  padding-top: var(--space-61);
}
.padding-top-62 {
  padding-top: var(--space-62);
}
.padding-top-63 {
  padding-top: var(--space-63);
}
.padding-top-64 {
  padding-top: var(--space-64);
}
.padding-top-65 {
  padding-top: var(--space-65);
}
.padding-top-66 {
  padding-top: var(--space-66);
}
.padding-top-67 {
  padding-top: var(--space-67);
}
.padding-top-68 {
  padding-top: var(--space-68);
}
.padding-top-69 {
  padding-top: var(--space-69);
}
.padding-top-70 {
  padding-top: var(--space-70);
}
.padding-top-71 {
  padding-top: var(--space-71);
}
.padding-top-72 {
  padding-top: var(--space-72);
}
.padding-top-73 {
  padding-top: var(--space-73);
}
.padding-top-74 {
  padding-top: var(--space-74);
}
.padding-top-75 {
  padding-top: var(--space-75);
}
.padding-top-76 {
  padding-top: var(--space-76);
}
.padding-top-77 {
  padding-top: var(--space-77);
}
.padding-top-78 {
  padding-top: var(--space-78);
}
.padding-top-79 {
  padding-top: var(--space-79);
}
.padding-top-80 {
  padding-top: var(--space-80);
}
.padding-bottom-0 {
  padding-bottom: var(--space-0);
}
.padding-bottom-1 {
  padding-bottom: var(--space-1);
}
.padding-bottom-2 {
  padding-bottom: var(--space-2);
}
.padding-bottom-3 {
  padding-bottom: var(--space-3);
}
.padding-bottom-4 {
  padding-bottom: var(--space-4);
}
.padding-bottom-5 {
  padding-bottom: var(--space-5);
}
.padding-bottom-6 {
  padding-bottom: var(--space-6);
}
.padding-bottom-7 {
  padding-bottom: var(--space-7);
}
.padding-bottom-8 {
  padding-bottom: var(--space-8);
}
.padding-bottom-9 {
  padding-bottom: var(--space-9);
}
.padding-bottom-10 {
  padding-bottom: var(--space-10);
}
.padding-bottom-11 {
  padding-bottom: var(--space-11);
}
.padding-bottom-12 {
  padding-bottom: var(--space-12);
}
.padding-bottom-13 {
  padding-bottom: var(--space-13);
}
.padding-bottom-14 {
  padding-bottom: var(--space-14);
}
.padding-bottom-15 {
  padding-bottom: var(--space-15);
}
.padding-bottom-16 {
  padding-bottom: var(--space-16);
}
.padding-bottom-17 {
  padding-bottom: var(--space-17);
}
.padding-bottom-18 {
  padding-bottom: var(--space-18);
}
.padding-bottom-19 {
  padding-bottom: var(--space-19);
}
.padding-bottom-20 {
  padding-bottom: var(--space-20);
}
.padding-bottom-21 {
  padding-bottom: var(--space-21);
}
.padding-bottom-22 {
  padding-bottom: var(--space-22);
}
.padding-bottom-23 {
  padding-bottom: var(--space-23);
}
.padding-bottom-24 {
  padding-bottom: var(--space-24);
}
.padding-bottom-25 {
  padding-bottom: var(--space-25);
}
.padding-bottom-26 {
  padding-bottom: var(--space-26);
}
.padding-bottom-27 {
  padding-bottom: var(--space-27);
}
.padding-bottom-28 {
  padding-bottom: var(--space-28);
}
.padding-bottom-29 {
  padding-bottom: var(--space-29);
}
.padding-bottom-30 {
  padding-bottom: var(--space-30);
}
.padding-bottom-31 {
  padding-bottom: var(--space-31);
}
.padding-bottom-32 {
  padding-bottom: var(--space-32);
}
.padding-bottom-33 {
  padding-bottom: var(--space-33);
}
.padding-bottom-34 {
  padding-bottom: var(--space-34);
}
.padding-bottom-35 {
  padding-bottom: var(--space-35);
}
.padding-bottom-36 {
  padding-bottom: var(--space-36);
}
.padding-bottom-37 {
  padding-bottom: var(--space-37);
}
.padding-bottom-38 {
  padding-bottom: var(--space-38);
}
.padding-bottom-39 {
  padding-bottom: var(--space-39);
}
.padding-bottom-40 {
  padding-bottom: var(--space-40);
}
.padding-bottom-41 {
  padding-bottom: var(--space-41);
}
.padding-bottom-42 {
  padding-bottom: var(--space-42);
}
.padding-bottom-43 {
  padding-bottom: var(--space-43);
}
.padding-bottom-44 {
  padding-bottom: var(--space-44);
}
.padding-bottom-45 {
  padding-bottom: var(--space-45);
}
.padding-bottom-46 {
  padding-bottom: var(--space-46);
}
.padding-bottom-47 {
  padding-bottom: var(--space-47);
}
.padding-bottom-48 {
  padding-bottom: var(--space-48);
}
.padding-bottom-49 {
  padding-bottom: var(--space-49);
}
.padding-bottom-50 {
  padding-bottom: var(--space-50);
}
.padding-bottom-51 {
  padding-bottom: var(--space-51);
}
.padding-bottom-52 {
  padding-bottom: var(--space-52);
}
.padding-bottom-53 {
  padding-bottom: var(--space-53);
}
.padding-bottom-54 {
  padding-bottom: var(--space-54);
}
.padding-bottom-55 {
  padding-bottom: var(--space-55);
}
.padding-bottom-56 {
  padding-bottom: var(--space-56);
}
.padding-bottom-57 {
  padding-bottom: var(--space-57);
}
.padding-bottom-58 {
  padding-bottom: var(--space-58);
}
.padding-bottom-59 {
  padding-bottom: var(--space-59);
}
.padding-bottom-60 {
  padding-bottom: var(--space-60);
}
.padding-bottom-61 {
  padding-bottom: var(--space-61);
}
.padding-bottom-62 {
  padding-bottom: var(--space-62);
}
.padding-bottom-63 {
  padding-bottom: var(--space-63);
}
.padding-bottom-64 {
  padding-bottom: var(--space-64);
}
.padding-bottom-65 {
  padding-bottom: var(--space-65);
}
.padding-bottom-66 {
  padding-bottom: var(--space-66);
}
.padding-bottom-67 {
  padding-bottom: var(--space-67);
}
.padding-bottom-68 {
  padding-bottom: var(--space-68);
}
.padding-bottom-69 {
  padding-bottom: var(--space-69);
}
.padding-bottom-70 {
  padding-bottom: var(--space-70);
}
.padding-bottom-71 {
  padding-bottom: var(--space-71);
}
.padding-bottom-72 {
  padding-bottom: var(--space-72);
}
.padding-bottom-73 {
  padding-bottom: var(--space-73);
}
.padding-bottom-74 {
  padding-bottom: var(--space-74);
}
.padding-bottom-75 {
  padding-bottom: var(--space-75);
}
.padding-bottom-76 {
  padding-bottom: var(--space-76);
}
.padding-bottom-77 {
  padding-bottom: var(--space-77);
}
.padding-bottom-78 {
  padding-bottom: var(--space-78);
}
.padding-bottom-79 {
  padding-bottom: var(--space-79);
}
.padding-bottom-80 {
  padding-bottom: var(--space-80);
}
.padding-left-0 {
  padding-left: var(--space-0);
}
.padding-left-1 {
  padding-left: var(--space-1);
}
.padding-left-2 {
  padding-left: var(--space-2);
}
.padding-left-3 {
  padding-left: var(--space-3);
}
.padding-left-4 {
  padding-left: var(--space-4);
}
.padding-left-5 {
  padding-left: var(--space-5);
}
.padding-left-6 {
  padding-left: var(--space-6);
}
.padding-left-7 {
  padding-left: var(--space-7);
}
.padding-left-8 {
  padding-left: var(--space-8);
}
.padding-left-9 {
  padding-left: var(--space-9);
}
.padding-left-10 {
  padding-left: var(--space-10);
}
.padding-left-11 {
  padding-left: var(--space-11);
}
.padding-left-12 {
  padding-left: var(--space-12);
}
.padding-left-13 {
  padding-left: var(--space-13);
}
.padding-left-14 {
  padding-left: var(--space-14);
}
.padding-left-15 {
  padding-left: var(--space-15);
}
.padding-left-16 {
  padding-left: var(--space-16);
}
.padding-left-17 {
  padding-left: var(--space-17);
}
.padding-left-18 {
  padding-left: var(--space-18);
}
.padding-left-19 {
  padding-left: var(--space-19);
}
.padding-left-20 {
  padding-left: var(--space-20);
}
.padding-left-21 {
  padding-left: var(--space-21);
}
.padding-left-22 {
  padding-left: var(--space-22);
}
.padding-left-23 {
  padding-left: var(--space-23);
}
.padding-left-24 {
  padding-left: var(--space-24);
}
.padding-left-25 {
  padding-left: var(--space-25);
}
.padding-left-26 {
  padding-left: var(--space-26);
}
.padding-left-27 {
  padding-left: var(--space-27);
}
.padding-left-28 {
  padding-left: var(--space-28);
}
.padding-left-29 {
  padding-left: var(--space-29);
}
.padding-left-30 {
  padding-left: var(--space-30);
}
.padding-left-31 {
  padding-left: var(--space-31);
}
.padding-left-32 {
  padding-left: var(--space-32);
}
.padding-left-33 {
  padding-left: var(--space-33);
}
.padding-left-34 {
  padding-left: var(--space-34);
}
.padding-left-35 {
  padding-left: var(--space-35);
}
.padding-left-36 {
  padding-left: var(--space-36);
}
.padding-left-37 {
  padding-left: var(--space-37);
}
.padding-left-38 {
  padding-left: var(--space-38);
}
.padding-left-39 {
  padding-left: var(--space-39);
}
.padding-left-40 {
  padding-left: var(--space-40);
}
.padding-left-41 {
  padding-left: var(--space-41);
}
.padding-left-42 {
  padding-left: var(--space-42);
}
.padding-left-43 {
  padding-left: var(--space-43);
}
.padding-left-44 {
  padding-left: var(--space-44);
}
.padding-left-45 {
  padding-left: var(--space-45);
}
.padding-left-46 {
  padding-left: var(--space-46);
}
.padding-left-47 {
  padding-left: var(--space-47);
}
.padding-left-48 {
  padding-left: var(--space-48);
}
.padding-left-49 {
  padding-left: var(--space-49);
}
.padding-left-50 {
  padding-left: var(--space-50);
}
.padding-left-51 {
  padding-left: var(--space-51);
}
.padding-left-52 {
  padding-left: var(--space-52);
}
.padding-left-53 {
  padding-left: var(--space-53);
}
.padding-left-54 {
  padding-left: var(--space-54);
}
.padding-left-55 {
  padding-left: var(--space-55);
}
.padding-left-56 {
  padding-left: var(--space-56);
}
.padding-left-57 {
  padding-left: var(--space-57);
}
.padding-left-58 {
  padding-left: var(--space-58);
}
.padding-left-59 {
  padding-left: var(--space-59);
}
.padding-left-60 {
  padding-left: var(--space-60);
}
.padding-left-61 {
  padding-left: var(--space-61);
}
.padding-left-62 {
  padding-left: var(--space-62);
}
.padding-left-63 {
  padding-left: var(--space-63);
}
.padding-left-64 {
  padding-left: var(--space-64);
}
.padding-left-65 {
  padding-left: var(--space-65);
}
.padding-left-66 {
  padding-left: var(--space-66);
}
.padding-left-67 {
  padding-left: var(--space-67);
}
.padding-left-68 {
  padding-left: var(--space-68);
}
.padding-left-69 {
  padding-left: var(--space-69);
}
.padding-left-70 {
  padding-left: var(--space-70);
}
.padding-left-71 {
  padding-left: var(--space-71);
}
.padding-left-72 {
  padding-left: var(--space-72);
}
.padding-left-73 {
  padding-left: var(--space-73);
}
.padding-left-74 {
  padding-left: var(--space-74);
}
.padding-left-75 {
  padding-left: var(--space-75);
}
.padding-left-76 {
  padding-left: var(--space-76);
}
.padding-left-77 {
  padding-left: var(--space-77);
}
.padding-left-78 {
  padding-left: var(--space-78);
}
.padding-left-79 {
  padding-left: var(--space-79);
}
.padding-left-80 {
  padding-left: var(--space-80);
}
.padding-right-0 {
  padding-right: var(--space-0);
}
.padding-right-1 {
  padding-right: var(--space-1);
}
.padding-right-2 {
  padding-right: var(--space-2);
}
.padding-right-3 {
  padding-right: var(--space-3);
}
.padding-right-4 {
  padding-right: var(--space-4);
}
.padding-right-5 {
  padding-right: var(--space-5);
}
.padding-right-6 {
  padding-right: var(--space-6);
}
.padding-right-7 {
  padding-right: var(--space-7);
}
.padding-right-8 {
  padding-right: var(--space-8);
}
.padding-right-9 {
  padding-right: var(--space-9);
}
.padding-right-10 {
  padding-right: var(--space-10);
}
.padding-right-11 {
  padding-right: var(--space-11);
}
.padding-right-12 {
  padding-right: var(--space-12);
}
.padding-right-13 {
  padding-right: var(--space-13);
}
.padding-right-14 {
  padding-right: var(--space-14);
}
.padding-right-15 {
  padding-right: var(--space-15);
}
.padding-right-16 {
  padding-right: var(--space-16);
}
.padding-right-17 {
  padding-right: var(--space-17);
}
.padding-right-18 {
  padding-right: var(--space-18);
}
.padding-right-19 {
  padding-right: var(--space-19);
}
.padding-right-20 {
  padding-right: var(--space-20);
}
.padding-right-21 {
  padding-right: var(--space-21);
}
.padding-right-22 {
  padding-right: var(--space-22);
}
.padding-right-23 {
  padding-right: var(--space-23);
}
.padding-right-24 {
  padding-right: var(--space-24);
}
.padding-right-25 {
  padding-right: var(--space-25);
}
.padding-right-26 {
  padding-right: var(--space-26);
}
.padding-right-27 {
  padding-right: var(--space-27);
}
.padding-right-28 {
  padding-right: var(--space-28);
}
.padding-right-29 {
  padding-right: var(--space-29);
}
.padding-right-30 {
  padding-right: var(--space-30);
}
.padding-right-31 {
  padding-right: var(--space-31);
}
.padding-right-32 {
  padding-right: var(--space-32);
}
.padding-right-33 {
  padding-right: var(--space-33);
}
.padding-right-34 {
  padding-right: var(--space-34);
}
.padding-right-35 {
  padding-right: var(--space-35);
}
.padding-right-36 {
  padding-right: var(--space-36);
}
.padding-right-37 {
  padding-right: var(--space-37);
}
.padding-right-38 {
  padding-right: var(--space-38);
}
.padding-right-39 {
  padding-right: var(--space-39);
}
.padding-right-40 {
  padding-right: var(--space-40);
}
.padding-right-41 {
  padding-right: var(--space-41);
}
.padding-right-42 {
  padding-right: var(--space-42);
}
.padding-right-43 {
  padding-right: var(--space-43);
}
.padding-right-44 {
  padding-right: var(--space-44);
}
.padding-right-45 {
  padding-right: var(--space-45);
}
.padding-right-46 {
  padding-right: var(--space-46);
}
.padding-right-47 {
  padding-right: var(--space-47);
}
.padding-right-48 {
  padding-right: var(--space-48);
}
.padding-right-49 {
  padding-right: var(--space-49);
}
.padding-right-50 {
  padding-right: var(--space-50);
}
.padding-right-51 {
  padding-right: var(--space-51);
}
.padding-right-52 {
  padding-right: var(--space-52);
}
.padding-right-53 {
  padding-right: var(--space-53);
}
.padding-right-54 {
  padding-right: var(--space-54);
}
.padding-right-55 {
  padding-right: var(--space-55);
}
.padding-right-56 {
  padding-right: var(--space-56);
}
.padding-right-57 {
  padding-right: var(--space-57);
}
.padding-right-58 {
  padding-right: var(--space-58);
}
.padding-right-59 {
  padding-right: var(--space-59);
}
.padding-right-60 {
  padding-right: var(--space-60);
}
.padding-right-61 {
  padding-right: var(--space-61);
}
.padding-right-62 {
  padding-right: var(--space-62);
}
.padding-right-63 {
  padding-right: var(--space-63);
}
.padding-right-64 {
  padding-right: var(--space-64);
}
.padding-right-65 {
  padding-right: var(--space-65);
}
.padding-right-66 {
  padding-right: var(--space-66);
}
.padding-right-67 {
  padding-right: var(--space-67);
}
.padding-right-68 {
  padding-right: var(--space-68);
}
.padding-right-69 {
  padding-right: var(--space-69);
}
.padding-right-70 {
  padding-right: var(--space-70);
}
.padding-right-71 {
  padding-right: var(--space-71);
}
.padding-right-72 {
  padding-right: var(--space-72);
}
.padding-right-73 {
  padding-right: var(--space-73);
}
.padding-right-74 {
  padding-right: var(--space-74);
}
.padding-right-75 {
  padding-right: var(--space-75);
}
.padding-right-76 {
  padding-right: var(--space-76);
}
.padding-right-77 {
  padding-right: var(--space-77);
}
.padding-right-78 {
  padding-right: var(--space-78);
}
.padding-right-79 {
  padding-right: var(--space-79);
}
.padding-right-80 {
  padding-right: var(--space-80);
}
* {
  box-shadow: none;
}
:root,
:root.md,
:root.ios {
  --franify-nunito-font: "NunitoSans", sans-serif;
  --franify-inter-font: "Inter", sans-serif;
  font-family: var(--franify-inter-font);
  --ion-default-font: var(--franify-inter-font);
  --ion-font-family: var(--franify-inter-font);
  --ion-dynamic-font: var(--franify-inter-font);
  --icon-size: 24px;
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #fafafa;
  --theme-bg-alternate: var(--black-2);
  --theme-bg-tertiary: #ffffff;
  --theme-bg-disruptive: #ff0000;
  --theme-bg-disabled: #d3d3d3;
  --theme-bg-cards: #ffffff;
  --theme-text-primary: #000000;
  --theme-text-secondary: #757575;
  --theme-text-tetiary: #9e9e9e;
  --theme-text-alternate: #ffffff;
  --theme-text-link: #0568f2;
  --theme-text-disruptive: #ff0000;
  --theme-border-active: #000000;
  --theme-border-selected: #000000;
  --theme-border-cards: #ffffff;
  --theme-border-divider: #e0e0e0;
  --theme-border-disruptive: #ff0000;
  --theme-icon-color-1: #6405eb;
  --theme-icon-color-2: #ffd700;
  --theme-icon-color-3: #80cbc4;
  --theme-text-hover: --black-dark;
  --white: #ffffff;
  --white-2: #fafafa;
  --transparent: #1c00ff00;
  --black-dark: #070707;
  --black-1: #242426;
  --black-2: #363638;
  --black-3: #444446;
  --black-4: #1b1b1b;
  --black-5: #3d3d3d;
  --grey: #616161;
  --grey-2: #919191;
  --grey-3: #d3d3d3;
  --grey-light: #e3e3e3;
  --grey-light-2: #e5e5e6;
  --grey-light-3: #e9e9e9;
  --grey-light-4: #f0f0f0;
  --grey-light-5: #efefef;
  --grey-light-6: #f5f5f5;
  --grey-light-7: rgba(235, 235, 235, 0.5);
  --grey-light-boarder: #ccc;
  --blue: #0568f2;
  --blue-2: #4285f4;
  --blue-3: #85b2f9;
  --blue-light: #dde8f9;
  --blue-light-2: #f0f6ff;
  --blue-light-3: #f8fbff;
  --blue-light-4: #d9efff;
  --purple: #5004bd;
  --purple-2: #6405eb;
  --purple-3: #904de5;
  --purple-4: #eee6f9;
  --purple-5: #a45cff;
  --purple-6: #a674e7;
  --magenta-light-3: #ece3ec;
  --magenta-light-2: #f9e7fa;
  --magenta-light-1: #ff52f8;
  --magenta: #de15d6;
  --magenta-dark: #823885;
  --red: #d72c0d;
  --red-2: #fe5c4c;
  --red-3: #f7d5c9;
  --red-4: #ffe5dd;
  --green-dark: #4a9e13;
  --green: #4bc076;
  --green-2: #c3e9d0;
  --green-light: #e2f8d5;
  --green-light-2: #ecf5ef;
  --green-light-3: #ebfff2;
  --green-light-4: #d6ffe2;
  --yellow-1: #f7be00;
  --yellow-4: #ffd64f;
  --yellow-light-1: #f7f6c9;
  --yellow-light-2: #fbfbe4;
  --yellow-dark: #908d00;
  --yellow-3: #fffce4;
  --yellow-light-4: #fffef7;
  --yellow-5: #f6f486;
  --orange: #eb8d00;
  --orange-light: #ffeddc;
  --teal: #08cfbe;
  --teal-light-1: #def8f3;
  --teal-light-2: #c4f3ef;
  --bg-primary: var(--white);
  --bg-secondary: var(--white-2);
  --bg-alternate: var(--black-1);
  --bg-tertiary: var(--white);
  --bg-disruptive: var(--red);
  --bg-disabled: var(--grey-2);
  --bg-cards: var(--white);
  --text-primary: var(--black-1);
  --text-secondary: var(--grey);
  --text-tetiary: var(--grey-2);
  --text-hover: var(--purple);
  --text-selected: var(--purple-2);
  --text-alternate: var(--white);
  --text-link: var(--blue);
  --text-disruptive: var(--red);
  --border-active: var(--black-1);
  --border-selected: var(--black-1);
  --border-cards: var(--white);
  --border-divider: var(--grey-light-3);
  --border-disruptive: var(--bg-disruptive);
  --icon-critical: var(--red);
  --icon-info: var(--blue-2);
  --icon-success: var(--green-dark);
  --icon-warning: var(--yellow-1);
  --icon-close: var(--grey-2);
  --h1-color: var(--black-dark);
  --h2-color: var(--black-dark);
  --h3-color: var(--black-dark);
  --h4-color: var(--black-dark);
  --h5-color: var(--black-dark);
  --h6-color: var(--black-dark);
  --p-color: var(--black-dark);
  --link-color: var(--black-dark);
  --link-hover-color: #551a8b;
  --general-card: var(--white-2);
}
:root {
  --white: #fafafa;
  --black-black-dark: #070707;
  --black-black-1: #242426;
  --black-black-2: #363638;
  --black-black-3: #444446;
  --black-black-4: #1b1b1b;
  --black-black-5: #3d3d3d;
  --blue-blue: #0568f2;
  --blue-blue-2: #4285f4;
  --blue-blue-3: #85b2f9;
  --blue-blue-light: #dde8f9;
  --blue-blue-light-2: #f0f6ff;
  --blue-blue-light-3: #f8fbff;
  --blue-blue-light-4: #d9efff;
  --green-green-dark: #4a9e13;
  --green-green: #4bc076;
  --green-green-2: #c3e9d0;
  --green-green-light: #e2f8d5;
  --green-green-light-2: #ecf5ef;
  --green-green-light-3: #ebfff2;
  --green-green-light-4: #d6ffe2;
  --grey-grey: #616161;
  --grey-grey-2: #919191;
  --grey-grey-3: #d3d3d3;
  --grey-grey-light: #e3e3e3;
  --grey-grey-light-2: #e5e5e6;
  --grey-grey-light-3: #e9e9e9;
  --grey-grey-light-4: #f0f0f0;
  --grey-grey-light-5: #efefef;
  --grey-grey-light-7-transparent: rgba(235, 235, 235, 0.5);
  --grey-grey-light-6: #f5f5f5;
  --magenta-magenta-light-3: #ece3ec;
  --magenta-magenta-light-2: #f9e7fa;
  --magenta-magenta-light-1: #ff52f8;
  --magenta-magenta: #de15d6;
  --magenta-magenta-dark: #823885;
  --orange-orange: #eb8d00;
  --orange-orange-light: #ffeddc;
  --purple-purple: #5004bd;
  --purple-purple-2: #6405eb;
  --purple-purple-3: #904de5;
  --purple-purple-4: #eee6f9;
  --purple-purple-5: #a45cff;
  --purple-purple-6: #a674e7;
  --red-red: #d72c0d;
  --red-red-2: #fe5c4c;
  --red-red-3: #f7d5c9;
  --red-red-4: #ffe5dd;
  --red-red-0: #be290d;
  --teal-teal: #08cfbe;
  --teal-teal-light-1: #def8f3;
  --teal-teal-light-2: #c4f3ef;
  --white-white: #fff;
  --white-white-2: #fafafa;
  --yellow-yellow-1: #f7be00;
  --yellow-yellow-4: #ffd64f;
  --yellow-yellow-light-1: #f7f6c9;
  --yellow-yellow-light-2: #fbfbe4;
  --yellow-yellow-dark: #908d00;
  --yellow-yellow-3: #fffce4;
  --yellow-yellow-light-4: #fffef7;
  --yellow-yellow-5: #f6f486;
  --skeleton-background-light:
    61,
    61,
    61;
  --skeleton-background-dark:
    255,
    255,
    255;
}
body {
  --action-sheet-bg-primary: var(--background-bg-primary);
  --action-sheet-slider: var(--grey-grey-3);
  --action-sheet-bg-secondary: var(--grey-grey-3);
  --alerts-icon-critical: var(--red-red);
  --alerts-icon-info: var(--blue-blue-2);
  --alerts-icon-success: var(--green-green-dark);
  --alerts-icon-warning: var(--yellow-yellow-1);
  --alerts-bg-info: var(--blue-blue-light-4);
  --alerts-bg-success: var(--green-green-light-4);
  --alerts-bg-warning: var(--yellow-yellow-3);
  --alerts-bg-critical: var(--red-red-4);
  --alerts-bg-archive: var(--grey-grey-light-5);
  --alerts-border-info: var(--blue-blue-3);
  --alerts-border-success: var(--green-green);
  --alerts-border-warning: var(--yellow-yellow-4);
  --alerts-border-critical: var(--red-red-3);
  --alerts-border-archive: var(--grey-grey-light-2);
  --alerts-text: var(--black-black-1);
  --alerts-link: var(--black-black-dark);
  --alerts-icon-close: var(--grey-grey-2);
  --alerts-icon-info-bg: var(--yellow-yellow-light-4);
  --alerts-banner-link: var(--blue-blue);
  --background-bg-primary: var(--white-white);
  --background-bg-secondary: var(--white-white-2);
  --background-bg-alternate: #242426;
  --background-bg-tertiary: var(--white-white);
  --background-bg-disruptive: var(--red-red);
  --background-bg-disabled: var(--grey-grey-2);
  --background-bg-cards: var(--white-white);
  --badges-active-icon-text-primary: var(--green-green-dark);
  --badges-active-icon-bg-primary: var(--green-green-light);
  --badges-archived-text-primary: var(--grey-grey);
  --badges-archived-bg-primary: var(--grey-grey-light-5);
  --badges-archived-icon-text-primary: var(--grey-grey-2);
  --badges-archived-icon-bg-primary: var(--grey-grey-light-5);
  --badges-boost-text-primary: var(--teal-teal);
  --badges-boost-bg-primary: var(--teal-teal-light-1);
  --badges-completed-text-primary: var(--magenta-magenta-dark);
  --badges-completed-bg-primary: var(--magenta-magenta-light-3);
  --badges-completed-icon-text-primary: var(--magenta-magenta-dark);
  --badges-completed-icon-bg-primary: var(--magenta-magenta-light-3);
  --badges-custom-dark-text-primary: var(--white-white);
  --badges-custom-dark-bg-primary: var(--grey-grey);
  --badges-draft-text-primary: var(--grey-grey);
  --badges-draft-bg-primary: var(--yellow-yellow-light-1);
  --badges-draft-icon-text-primary: var(--yellow-yellow-1);
  --badges-draft-icon-bg-primary: var(--yellow-yellow-light-2);
  --badges-failed-to-post-text-primary: var(--red-red-2);
  --badges-failed-to-post-bg-primary: var(--red-red-4);
  --badges-incentive-text-primary: var(--magenta-magenta);
  --badges-incentive-bg-primary: var(--magenta-magenta-light-2);
  --badges-local-text-primary: var(--purple-purple-2);
  --badges-local-bg-primary: var(--purple-purple-4);
  --badges-local-dark-text-primary: var(--white-white);
  --badges-local-dark-bg-primary: var(--grey-grey);
  --badges-managed-dark-text-primary: var(--white-white);
  --badges-managed-dark-bg-primary: var(--grey-grey);
  --badges-national-text-primary: var(--purple-purple-2);
  --badges-national-bg-primary: var(--purple-purple-4);
  --badges-paused-icon-text-primary: var(--red-red-2);
  --badges-paused-icon-bg-primary: var(--red-red-3);
  --badges-popular-text-primary: var(--green-green);
  --badges-popular-bg-primary: var(--green-green-light);
  --badges-recent-text-primary: var(--blue-blue);
  --badges-recent-bg-primary: var(--blue-blue-light);
  --badges-requires-approval-text-primary: var(--orange-orange);
  --badges-requires-approval-bg-primary: var(--orange-orange-light);
  --border-border-input: var(--grey-grey-light-3);
  --border-border-active: var(--black-black-1);
  --border-border-selected: var(--black-black-1);
  --border-border-cards: var(--white-white);
  --border-border-divider: var(--grey-grey-light-3);
  --border-border-disruptive: var(--background-bg-disruptive);
  --buttons-dropdown-button-bg-default: var(--black-black-1);
  --buttons-dropdown-button-bg-hover: var(--black-black-3);
  --buttons-dropdown-button-bg-chip: var(--yellow-yellow-1);
  --buttons-dropdown-button-bg-disabled: var(--grey-grey-2);
  --buttons-dropdown-button-text-primary: var(--white-white);
  --buttons-dropdown-button-text-chip: var(--black-black-1);
  --buttons-dropdown-button-stroke-default: transparent;
  --buttons-dropdown-button-stroke-hover: var(--black-black-3);
  --buttons-dropdown-button-stroke-disabled: var(--grey-grey-2);
  --buttons-fab-button-disruptive-border-disruptive: var(--red-red);
  --buttons-fab-button-disruptive-icon-disruptive: var(--red-red);
  --buttons-fab-button-disruptive-bg-disruptive: var(--white-white);
  --buttons-fab-button-primary-bg-default: var(--purple-purple-2);
  --buttons-fab-button-primary-text-default: var(--white-white);
  --buttons-fab-button-secondary-bg-secondary: var(--black-black-1);
  --buttons-fab-button-secondary-text-secondary: var(--black-black-1);
  --buttons-icon-button-focus: var(--grey-grey-light-7-transparent);
  --buttons-link-button-secondary: var(--black-black-1);
  --buttons-link-button-default: var(--blue-blue);
  --buttons-link-button-disabled: var(--text-text-tetiary);
  --buttons-link-button-toolbar-link: var(--purple-purple-2);
  --buttons-link-hover: green;
  --buttons-primary-button-bg-default: var(--purple-purple-2);
  --buttons-primary-button-bg-hover: var(--purple-purple-3);
  --buttons-primary-button-bg-disruptive: var(--background-bg-disruptive);
  --buttons-primary-button-bg-disabled: var(--grey-grey-2);
  --buttons-primary-button-text-default: var(--text-text-alternate);
  --buttons-primary-button-text-disabled: var(--text-text-tetiary);
  --buttons-secondary-button-bg-default: var(--white-white);
  --buttons-secondary-button-stroke-default: var(--grey-grey-3);
  --buttons-secondary-button-text-default: var(--black-black-1);
  --buttons-secondary-button-hover: var(--purple-purple);
  --buttons-secondary-button-disruptive: var(--background-bg-disruptive);
  --buttons-secondary-button-disabled: var(--text-text-tetiary);
  --buttons-toggle-bg-primary: var(--purple-purple-2);
  --buttons-toggle-bg-secondary: var(--white-white);
  --buttons-toggle-bg-disabled: var(--grey-grey-light-2);
  --calendar-bg-primary: var(--action-sheet-bg-primary);
  --calendar-bg-active: var(--purple-purple-2);
  --calendar-bg-selected: var(--purple-purple-4);
  --calendar-text-primary: var(--text-text-primary);
  --calendar-text-tetiary: var(--text-text-tetiary);
  --calendar-text-dates: var(--grey-grey-3);
  --calendar-text-selected: var(--purple-purple-2);
  --calendar-text-selected-current-date: var(--white-white);
  --cards-all-cards-bg-main-card-primary: var(--background-bg-cards);
  --cards-all-cards-bg-secondary-subcard: var(--blue-blue-light-3);
  --cards-all-cards-text-primary: var(--text-text-primary);
  --cards-all-cards-text-secondary: var(--text-text-secondary);
  --cards-all-cards-border-card: var(--border-border-cards);
  --cards-all-cards-border-hovered: var(--border-border-active);
  --cards-all-cards-border-selected: var(--border-border-active);
  --cards-all-cards-border-subcard: var(--border-border-divider);
  --cards-all-cards-link: var(--blue-blue);
  --cards-all-cards-franify-tips-bg-yellow: var(--yellow-yellow-3);
  --cards-all-cards-franify-tips-bg-blue: var(--blue-blue-light);
  --cards-all-cards-franify-tips-bg-purple: var(--purple-purple-4);
  --cards-all-cards-franify-tips-icon-yellow: var(--yellow-yellow-1);
  --cards-all-cards-franify-tips-icon-blue: var(--blue-blue);
  --cards-all-cards-franify-tips-icon-purple: var(--purple-purple-2);
  --cards-all-cards-franify-tips-text-primary: var(--black-black-1);
  --chips-bg-primary: var(--action-sheet-bg-primary);
  --chips-bg-active: var(--purple-purple-4);
  --chips-text-primary: var(--text-text-primary);
  --chips-text-disabled: var(--text-text-tetiary);
  --chips-text-selected: var(--text-text-primary);
  --chips-border-primary: var(--border-border-divider);
  --chips-border-disabled: var(--grey-3);
  --chips-icon-bg: var(--purple-purple-2);
  --chips-icon-text: var(--text-text-alternate);
  --icons-custom-icon-color-1: var(--purple-purple);
  --icons-custom-icon-color-2: var(--yellow-yellow-5);
  --icons-custom-icon-color-3: var(--teal-teal-light-2);
  --icons-platform-instagram-icon: var(--magenta-magenta);
  --icons-platform-facebook-icon: var(--blue-blue);
  --icons-platform-icon-ig-main: var(--magenta-magenta);
  --icons-platform-icon-fb-main: var(--blue-blue);
  --icons-platform-icon-gs-1: var(--red-red);
  --icons-platform-icon-gs-2: var(--yellow-yellow-1);
  --icons-platform-icon-gs-3: var(--green-green-dark);
  --icons-platform-icon-gs-4: var(--blue-blue);
  --icons-platform-icon-ig-bg: var(--magenta-magenta-light-2);
  --icons-platform-icon-fb-bg: var(--blue-blue-light);
  --icons-platform-icon-linkedin-bg: #dce8ee;
  --icons-platform-icon-linked-main: #069;
  --icons-section-icons-bg-disabled: var(--grey-grey-light-4);
  --icons-section-icons-text-disabled: var(--grey-grey-2);
  --icons-section-icons-attention-bg-primary: var(--yellow-yellow-light-1);
  --icons-section-icons-attention-icon: var(--yellow-yellow-1);
  --icons-section-icons-budget-bg-primary: var(--magenta-magenta-light-3);
  --icons-section-icons-budget-text-primary: var(--magenta-magenta-dark);
  --icons-section-icons-campaigns-bg-primary: var(--purple-purple-4);
  --icons-section-icons-campaigns-text-primary: var(--purple-purple-2);
  --icons-section-icons-promotions-bg-primary: var(--teal-teal-light-1);
  --icons-section-icons-promotions-text-primary: var(--teal-teal);
  --icons-section-icons-promotions-button-stroke: var(--white-white);
  --icons-section-icons-schedule-bg-primary: var(--blue-blue-light);
  --icons-section-icons-schedule-text-primary: var(--blue-blue);
  --icons-section-icons-schedule-button-stroke: var(--white-white);
  --icons-section-icons-search-bg-primary: #e5efde;
  --icons-section-icons-search-text-primary: var(--green-green-dark);
  --icons-section-icons-search-button-stroke: var(--white-white);
  --icons-section-icons-success-bg-primary: var(--green-green-light);
  --icons-section-icons-success-text-primary: var(--green-green);
  --icons-section-icons-warning-bg-primary: var(--red-red-4);
  --icons-section-icons-warning-text-primary: var(--red-red);
  --inputs-bg-default: var(--background-bg-primary);
  --inputs-bg-disabled: var(--background-bg-secondary);
  --inputs-text-primary: var(--text-text-primary);
  --inputs-text-disabled: var(--grey-grey-2);
  --inputs-text-helper: var(--grey-grey);
  --inputs-border-primary: var(--border-border-active);
  --inputs-border-secondary: var(--border-border-divider);
  --inputs-border-disruptive: var(--border-border-disruptive);
  --list-item-bg-main: var(--grey-grey-light-6);
  --list-item-bg-hover: var(--grey-grey-light-5);
  --list-item-list-asset-bg-selected: var(--grey-grey-light-5);
  --navigation-bottom-nav-bg-primary: var(--background-bg-primary);
  --navigation-bottom-nav-text-default: var(--text-text-secondary);
  --navigation-bottom-nav-text-selected: var(--purple-purple-2);
  --navigation-bottom-nav-top-border: var(--border-border-cards);
  --navigation-top-nav-bg-primary: var(--background-bg-primary);
  --navigation-top-nav-border-primary: var(--border-border-divider);
  --navigation-top-nav-text-primary: var(--text-text-primary);
  --navigation-top-nav-text-secondary: var(--text-text-secondary);
  --notifications-bg-default: var(--background-bg-secondary);
  --notifications-bg-unread: var(--grey-grey-light-4);
  --sections-bg-primary: var(--background-bg-tertiary);
  --stats-border-border: var(--border-border-divider);
  --stats-header-text-primary: var(--text-text-primary);
  --stats-header-text-secondary: var(--text-text-secondary);
  --stats-item-text-primary: var(--text-text-primary);
  --stats-item-text-tetiary: var(--text-text-tetiary);
  --stats-label-text-positive: var(--green-green);
  --stats-label-text-negative: var(--red-red-2);
  --stats-label-bg-positive: var(--green-green-light-2);
  --stats-label-bg-negative: var(--red-red-4);
  --tags-asset-tags-text-default: var(--text-text-secondary);
  --tags-asset-tags-bg-selected: var(--black-black-5);
  --tags-asset-tags-text-selected: var(--white-white);
  --tags-search-filter-bg-default: var(--grey-grey-light-4);
  --tags-search-filter-bg-selected: var(--black-black-5);
  --tags-search-filter-text-default: var(--text-text-secondary);
  --tags-search-filter-text-selected: var(--grey-grey);
  --text-text-primary: var(--black-black-1);
  --text-text-secondary: var(--grey-grey);
  --text-text-tetiary: var(--grey-grey-2);
  --text-text-hover: var(--purple-purple);
  --text-text-selected: var(--purple-purple-2);
  --text-text-alternate: var(--white-white);
  --text-text-link: var(--blue-blue);
  --text-text-disruptive: var(--red-red);
  --text-text-selected-list: var(--purple-purple-2);
  --toast-bg: var(--black-black-3);
  --toast-text-primary: var(--white-white);
  --toast-text-secondary: var(--teal-teal);
  --toast-text-disruptive: var(--white-white);
  --toast-bg-attention: var(--yellow-yellow-4);
  --toast-text-attention: var(--black-black-1);
  --toast-bg-success: var(--green-green-dark);
  --ios-status-bar-default: var(--black-black-1);
  --ios-status-bar-highlight: var(--grey-grey-2);
  --ios-status-bar-highlight-2: var(--white-white);
  --nav-bar-text-color: var(--white-white);
  --radio-boarder-color: var(--black-black-1);
  --alert-note: var(--red-red-0);
  --skeleton-loader: var(--skeleton-background-light);
  --check-box-danger: var(--red-red);
  --stepper-color-grey: var(--grey-grey-3);
}
body.dark-mode {
  --action-sheet-bg-primary: var(--background-bg-primary);
  --action-sheet-slider: var(--grey-grey-3);
  --action-sheet-bg-secondary: var(--grey-grey);
  --alerts-icon-critical: var(--red-red);
  --alerts-icon-info: var(--blue-blue-2);
  --alerts-icon-success: var(--green-green-dark);
  --alerts-icon-warning: var(--yellow-yellow-1);
  --alerts-bg-info: var(--blue-blue-light-4);
  --alerts-bg-success: var(--green-green-light-4);
  --alerts-bg-warning: var(--yellow-yellow-3);
  --alerts-bg-critical: var(--red-red-3);
  --alerts-bg-archive: var(--grey-grey-light-5);
  --alerts-border-info: var(--blue-blue-3);
  --alerts-border-success: var(--green-green);
  --alerts-border-warning: var(--yellow-yellow-4);
  --alerts-border-critical: var(--red-red-3);
  --alerts-border-archive: var(--grey-grey-light-2);
  --alerts-text: var(--black-black-1);
  --alerts-link: var(--black-black-dark);
  --alerts-icon-close: var(--grey-grey-2);
  --alerts-icon-info-bg: var(--yellow-yellow-light-4);
  --alerts-banner-link: var(--blue-blue);
  --background-bg-primary: var(--black-black-1);
  --background-bg-secondary: var(--black-black-dark);
  --background-bg-alternate: var(--white-white-2);
  --background-bg-tertiary: var(--black-black-4);
  --background-bg-disruptive: var(--red-red-2);
  --background-bg-disabled: var(--grey-grey-2);
  --background-bg-cards: var(--black-black-1);
  --badges-active-icon-text-primary: var(--white-white);
  --badges-active-icon-bg-primary: var(--green-green-dark);
  --badges-archived-text-primary: var(--white-white);
  --badges-archived-bg-primary: var(--grey-grey);
  --badges-archived-icon-text-primary: var(--white-white);
  --badges-archived-icon-bg-primary: var(--grey-grey-2);
  --badges-boost-text-primary: var(--white-white);
  --badges-boost-bg-primary: var(--teal-teal);
  --badges-completed-text-primary: var(--white-white);
  --badges-completed-bg-primary: var(--magenta-magenta-dark);
  --badges-completed-icon-text-primary: var(--white-white);
  --badges-completed-icon-bg-primary: var(--magenta-magenta-dark);
  --badges-custom-dark-text-primary: var(--white-white);
  --badges-custom-dark-bg-primary: var(--grey-grey);
  --badges-draft-text-primary: var(--grey-grey);
  --badges-draft-bg-primary: var(--yellow-yellow-5);
  --badges-draft-icon-text-primary: var(--white-white);
  --badges-draft-icon-bg-primary: var(--yellow-yellow-1);
  --badges-failed-to-post-text-primary: var(--white-white);
  --badges-failed-to-post-bg-primary: var(--red-red-2);
  --badges-incentive-text-primary: var(--white-white);
  --badges-incentive-bg-primary: var(--magenta-magenta);
  --badges-local-text-primary: var(--white-white);
  --badges-local-bg-primary: var(--purple-purple-2);
  --badges-local-dark-text-primary: var(--white-white);
  --badges-local-dark-bg-primary: var(--grey-grey);
  --badges-managed-dark-text-primary: var(--white-white);
  --badges-managed-dark-bg-primary: var(--grey-grey);
  --badges-national-text-primary: var(--white-white);
  --badges-national-bg-primary: var(--purple-purple-2);
  --badges-paused-icon-text-primary: var(--white-white);
  --badges-paused-icon-bg-primary: var(--red-red-2);
  --badges-popular-text-primary: var(--white-white);
  --badges-popular-bg-primary: var(--green-green);
  --badges-recent-text-primary: var(--white-white);
  --badges-recent-bg-primary: var(--blue-blue-2);
  --badges-requires-approval-text-primary: var(--white-white);
  --badges-requires-approval-bg-primary: var(--orange-orange);
  --border-border-input: var(--black-black-5);
  --border-border-active: var(--border-border-selected);
  --border-border-selected: var(--white-white-2);
  --border-border-cards: var(--black-black-5);
  --border-border-divider: var(--black-black-5);
  --border-border-disruptive: var(--background-bg-disruptive);
  --buttons-dropdown-button-bg-default: var(--black-black-dark);
  --buttons-dropdown-button-bg-hover: var(--black-black-3);
  --buttons-dropdown-button-bg-chip: var(--yellow-yellow-1);
  --buttons-dropdown-button-bg-disabled: var(--grey-grey-2);
  --buttons-dropdown-button-text-primary: var(--white-white);
  --buttons-dropdown-button-text-chip: var(--black-black-1);
  --buttons-dropdown-button-stroke-default: var(--black-black-1);
  --buttons-dropdown-button-stroke-hover: var(--black-black-1);
  --buttons-dropdown-button-stroke-disabled: var(--black-black-1);
  --buttons-fab-button-disruptive-border-disruptive: var(--red-red-2);
  --buttons-fab-button-disruptive-icon-disruptive: var(--red-red-2);
  --buttons-fab-button-disruptive-bg-disruptive: var(--black-black-1);
  --buttons-fab-button-primary-bg-default: var(--purple-purple-2);
  --buttons-fab-button-primary-text-default: var(--white-white);
  --buttons-fab-button-secondary-bg-secondary: var(--white-white);
  --buttons-fab-button-secondary-text-secondary: var(--black-black-1);
  --buttons-icon-button-focus: var(--grey-grey-light-7-transparent);
  --buttons-link-button-secondary: var(--white-white);
  --buttons-link-button-default: var(--blue-blue-3);
  --buttons-link-button-disabled: var(--text-text-tetiary);
  --buttons-link-button-toolbar-link: var(--purple-purple-6);
  --buttons-link-hover: var(--white);
  --buttons-primary-button-bg-default: var(--purple-purple-2);
  --buttons-primary-button-bg-hover: var(--purple-purple-3);
  --buttons-primary-button-bg-disruptive: var(--background-bg-disruptive);
  --buttons-primary-button-bg-disabled: var(--grey-grey-2);
  --buttons-primary-button-text-default: var(--text-text-alternate);
  --buttons-primary-button-text-disabled: var(--text-text-tetiary);
  --buttons-secondary-button-bg-default: var(--black-black-1);
  --buttons-secondary-button-stroke-default: var(--grey-grey-3);
  --buttons-secondary-button-text-default: var(--white-white);
  --buttons-secondary-button-hover: var(--purple-purple-6);
  --buttons-secondary-button-disruptive: var(--background-bg-disruptive);
  --buttons-secondary-button-disabled: var(--text-text-tetiary);
  --buttons-toggle-bg-primary: var(--purple-purple-3);
  --buttons-toggle-bg-secondary: var(--white-white);
  --buttons-toggle-bg-disabled: var(--grey-grey-3);
  --calendar-bg-primary: var(--action-sheet-bg-primary);
  --calendar-bg-active: var(--purple-purple-3);
  --calendar-bg-selected: var(--purple-purple);
  --calendar-text-primary: var(--text-text-primary);
  --calendar-text-tetiary: var(--text-text-tetiary);
  --calendar-text-dates: var(--grey-grey);
  --calendar-text-selected: var(--white-white);
  --calendar-text-selected-current-date: var(--white-white);
  --cards-all-cards-bg-main-card-primary: var(--background-bg-cards);
  --cards-all-cards-bg-secondary-subcard: var(--black-black-5);
  --cards-all-cards-text-primary: var(--text-text-primary);
  --cards-all-cards-text-secondary: var(--text-text-secondary);
  --cards-all-cards-border-card: var(--border-border-cards);
  --cards-all-cards-border-hovered: var(--border-border-active);
  --cards-all-cards-border-selected: var(--border-border-selected);
  --cards-all-cards-border-subcard: var(--border-border-divider);
  --cards-all-cards-link: var(--blue-blue-3);
  --cards-all-cards-franify-tips-bg-yellow: var(--yellow-yellow-1);
  --cards-all-cards-franify-tips-bg-blue: var(--blue-blue);
  --cards-all-cards-franify-tips-bg-purple: var(--purple-purple-2);
  --cards-all-cards-franify-tips-icon-yellow: var(--black-black-1);
  --cards-all-cards-franify-tips-icon-blue: var(--blue-blue-light);
  --cards-all-cards-franify-tips-icon-purple: var(--purple-purple-4);
  --cards-all-cards-franify-tips-text-primary: var(--black-black-1);
  --chips-bg-primary: var(--action-sheet-bg-primary);
  --chips-bg-active: var(--purple-purple-3);
  --chips-text-primary: var(--text-text-primary);
  --chips-text-disabled: var(--text-text-secondary);
  --chips-text-selected: var(--text-text-primary);
  --chips-border-primary: var(--purple-purple-4);
  --chips-border-disabled: var(--grey-2);
  --chips-icon-bg: var(--purple-purple-3);
  --chips-icon-text: var(--text-text-alternate);
  --icons-custom-icon-color-1: var(--purple-purple-5);
  --icons-custom-icon-color-2: var(--yellow-yellow-5);
  --icons-custom-icon-color-3: var(--teal-teal-light-1);
  --icons-platform-instagram-icon: var(--magenta-magenta-light-1);
  --icons-platform-facebook-icon: var(--blue-blue-2);
  --icons-platform-icon-ig-main: var(--magenta-magenta-light-1);
  --icons-platform-icon-fb-main: var(--blue-blue-2);
  --icons-platform-icon-gs-1: var(--red-red-2);
  --icons-platform-icon-gs-2: var(--yellow-yellow-4);
  --icons-platform-icon-gs-3: var(--green-green);
  --icons-platform-icon-gs-4: var(--blue-blue-2);
  --icons-platform-icon-ig-bg: var(--magenta-magenta);
  --icons-platform-icon-fb-bg: var(--blue-blue-3);
  --icons-platform-icon-linkedin-bg: #069;
  --icons-platform-icon-linked-main: #dce8ee;
  --icons-section-icons-bg-disabled: var(--grey-grey);
  --icons-section-icons-text-disabled: var(--grey-grey-3);
  --icons-section-icons-attention-bg-primary: var(--yellow-yellow-1);
  --icons-section-icons-attention-icon: var(--white-white);
  --icons-section-icons-budget-bg-primary: var(--magenta-magenta-dark);
  --icons-section-icons-budget-text-primary: var(--white-white);
  --icons-section-icons-campaigns-bg-primary: var(--purple-purple-3);
  --icons-section-icons-campaigns-text-primary: var(--white-white);
  --icons-section-icons-promotions-bg-primary: var(--teal-teal);
  --icons-section-icons-promotions-text-primary: var(--white-white);
  --icons-section-icons-promotions-button-stroke: var(--teal-teal);
  --icons-section-icons-schedule-bg-primary: var(--blue-blue-2);
  --icons-section-icons-schedule-text-primary: var(--white-white);
  --icons-section-icons-schedule-button-stroke: var(--blue-blue-2);
  --icons-section-icons-search-bg-primary: var(--green-green-dark);
  --icons-section-icons-search-text-primary: var(--white-white);
  --icons-section-icons-search-button-stroke: var(--green-green-dark);
  --icons-section-icons-success-bg-primary: var(--green-green);
  --icons-section-icons-success-text-primary: var(--white-white);
  --icons-section-icons-warning-bg-primary: var(--red-red-2);
  --icons-section-icons-warning-text-primary: var(--white-white);
  --inputs-bg-default: var(--black-black-4);
  --inputs-bg-disabled: var(--black-black-4);
  --inputs-text-primary: var(--text-text-primary);
  --inputs-text-disabled: var(--grey-grey);
  --inputs-text-helper: var(--grey-grey-light-2);
  --inputs-border-primary: var(--white-white);
  --inputs-border-secondary: var(--border-border-divider);
  --inputs-border-disruptive: var(--border-border-disruptive);
  --list-item-bg-main: var(--black-black-1);
  --list-item-bg-hover: var(--black-black-3);
  --list-item-list-asset-bg-selected: var(--black-black-1);
  --navigation-bottom-nav-bg-primary: var(--background-bg-primary);
  --navigation-bottom-nav-text-default: var(--text-text-secondary);
  --navigation-bottom-nav-text-selected: var(--purple-purple-6);
  --navigation-bottom-nav-top-border: var(--border-border-cards);
  --navigation-top-nav-bg-primary: var(--black-black-dark);
  --navigation-top-nav-border-primary: var(--border-border-divider);
  --navigation-top-nav-text-primary: var(--text-text-primary);
  --navigation-top-nav-text-secondary: var(--text-text-secondary);
  --notifications-bg-default: var(--background-bg-primary);
  --notifications-bg-unread: var(--black-black-5);
  --sections-bg-primary: var(--background-bg-secondary);
  --stats-border-border: var(--border-border-divider);
  --stats-header-text-primary: var(--text-text-primary);
  --stats-header-text-secondary: var(--text-text-secondary);
  --stats-item-text-primary: var(--text-text-primary);
  --stats-item-text-tetiary: var(--text-text-tetiary);
  --stats-label-text-positive: var(--white-white);
  --stats-label-text-negative: var(--white-white);
  --stats-label-bg-positive: var(--green-green);
  --stats-label-bg-negative: var(--red-red-2);
  --tags-asset-tags-text-default: var(--text-text-secondary);
  --tags-asset-tags-bg-selected: var(--grey-grey-light-3);
  --tags-asset-tags-text-selected: var(--black-black-2);
  --tags-search-filter-bg-default: var(-grey-grey-light-4);
  --tags-search-filter-bg-selected: var(--grey-grey-light-3);
  --tags-search-filter-text-default: var(--text-text-secondary);
  --tags-search-filter-text-selected: var(--grey-grey);
  --text-text-primary: var(--white-white);
  --text-text-secondary: var(--grey-grey-3);
  --text-text-tetiary: var(--grey-grey-2);
  --text-text-hover: var(--purple-purple-4);
  --text-text-selected: var(--text-text-alternate);
  --text-text-selected-list: var(--purple-purple-2);
  --text-text-alternate: var(--white-white);
  --text-text-link: var(--blue-blue-3);
  --text-text-disruptive: var(--red-red-2);
  --toast-bg: rgba(255, 255, 255, 0.9);
  --toast-text-primary: var(--black-black-1);
  --toast-text-secondary: var(--blue-blue);
  --toast-text-disruptive: var(--white-white);
  --toast-bg-attention: var(--yellow-yellow-4);
  --toast-text-attention: var(--black-black-1);
  --toast-bg-success: var(--green-green-dark);
  --ios-status-bar-default: var(--white-white);
  --ios-status-bar-highlight: var(--grey-grey-2);
  --ios-status-bar-highlight-2: var(--white-white);
  --nav-bar-text-color: var(--white-white);
  --radio-boarder-color: var(--white);
  --alert-note: var(--white-white);
  --skeleton-loader: var(--skeleton-background-dark);
  --check-box-danger: var(--red-red);
  --stepper-color-grey: var(--grey-grey-2);
}
.Light-Mode {
  --stroke-light-grey: #e9e9e9;
  --bg-light-greay: #e5e5e6;
  --black: #242426;
  --grey-1: #616161;
  --grey-2: #9e9e9e;
  --grey-3: #d3d3d3;
  --blue-1: #0568f2;
  --purple-1: #6405eb;
}
.Dark-Mode {
  --stroke-light-grey: #e9e9e9;
  --bg-light-greay: #e5e5e6;
  --black: #242426;
  --grey-1: #616161;
  --grey-2: #9e9e9e;
  --grey-3: #d3d3d3;
  --blue-1: #0568f2;
  --purple-1: #6405eb;
}
:root {
  --ion-color-primary: var(--purple-purple-2);
  --ion-color-primary-rgb:
    100,
    5,
    235;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #6a00ff;
  --ion-color-primary-tint: #741eed;
  --ion-color-secondary: #FFFFFF;
  --ion-color-secondary-rgb:
    255,
    255,
    255;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-secondary-shade: #e0e0e0;
  --ion-color-secondary-tint: #ffffff;
  --ion-color-tertiary: #FAFAFA;
  --ion-color-tertiary-rgb:
    250,
    250,
    250;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-tertiary-shade: #dcdcdc;
  --ion-color-tertiary-tint: #fbfbfb;
  --ion-color-success: #4A9E13;
  --ion-color-success-rgb:
    74,
    158,
    19;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #418b11;
  --ion-color-success-tint: #5ca82b;
  --ion-color-warning: #F7BE00;
  --ion-color-warning-rgb:
    247,
    190,
    0;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #d9a700;
  --ion-color-warning-tint: #f8c51a;
  --ion-color-danger: #D72C0D;
  --ion-color-danger-rgb:
    215,
    44,
    13;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    0,
    0,
    0;
  --ion-color-danger-shade: #ffffff;
  --ion-color-danger-tint: #ffffff;
  --ion-color-light: #919191;
  --ion-color-light-rgb:
    145,
    145,
    145;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #fdfdfd;
  --ion-color-light-tint: #9c9c9c;
  --ion-color-medium: #D3D3D3;
  --ion-color-medium-rgb:
    211,
    211,
    211;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb:
    0,
    0,
    0;
  --ion-color-medium-shade: #bababa;
  --ion-color-medium-tint: #d7d7d7;
  --ion-color-fun: #a2f495;
  --ion-color-fun-rgb:
    36,
    36,
    38;
  --ion-color-fun-contrast: #090909;
  --ion-color-fun-contrast-rgb:
    255,
    255,
    255;
  --ion-color-fun-shade: #202021;
  --ion-color-fun-tint: #3a3a3c;
  --ion-color-gold: #ffd700;
  --ion-color-gold-rgb:
    255,
    215,
    0;
  --ion-color-gold-contrast: #000000;
  --ion-color-gold-contrast-rgb:
    0,
    0,
    0;
  --ion-color-gold-shade: #e0bd00;
  --ion-color-gold-tint: #ffdb1a;
  --ion-color-black: #242426;
  --ion-color-black-rgb:
    255,
    215,
    0;
  --ion-color-black-contrast: #ffffff;
  --ion-color-black-contrast-rgb:
    0,
    0,
    0;
  --ion-color-black-shade: #242426;
  --ion-color-black-tint: #242426;
  --ion-color-dark: var(--black-dark);
  --ion-color-dark-rgb:
    36,
    36,
    38;
  --ion-color-dark-contrast: var(--white-white);
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #202021;
  --ion-color-dark-tint: #3a3a3c;
}
body.dark-mode {
  --ion-color-primary: var(--purple-purple-2);
  --ion-color-primary-rgb:
    100,
    5,
    235;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #6a00ff;
  --ion-color-primary-tint: #741eed;
  --ion-color-secondary: #FFFFFF;
  --ion-color-secondary-rgb:
    255,
    255,
    255;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-secondary-shade: #e0e0e0;
  --ion-color-secondary-tint: #ffffff;
  --ion-color-tertiary: #FAFAFA;
  --ion-color-tertiary-rgb:
    250,
    250,
    250;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-tertiary-shade: #dcdcdc;
  --ion-color-tertiary-tint: #fbfbfb;
  --ion-color-success: #4A9E13;
  --ion-color-success-rgb:
    74,
    158,
    19;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #418b11;
  --ion-color-success-tint: #5ca82b;
  --ion-color-warning: #F7BE00;
  --ion-color-warning-rgb:
    247,
    190,
    0;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #d9a700;
  --ion-color-warning-tint: #f8c51a;
  --ion-color-danger: var(--buttons-primary-button-bg-disruptive);
  --ion-color-danger-rgb:
    215,
    44,
    13;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #bd270b;
  --ion-color-danger-tint: #db4125;
  --ion-color-light: #919191;
  --ion-color-light-rgb:
    145,
    145,
    145;
  --ion-color-light-contrast: #242426;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #808080;
  --ion-color-light-tint: #9c9c9c;
  --ion-color-medium: #D3D3D3;
  --ion-color-medium-rgb:
    211,
    211,
    211;
  --ion-color-medium-contrast: #FFFFFF;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #bababa;
  --ion-color-medium-tint: #d7d7d7;
  --ion-color-dark: var(--white-white);
  --ion-color-dark-rgb:
    36,
    36,
    38;
  --ion-color-dark-contrast: var(--black-black-dark);
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #202021;
  --ion-color-dark-tint: #3a3a3c;
  --ion-color-gold: #3b3b39;
  --ion-color-gold-rgb:
    255,
    215,
    0;
  --ion-color-gold-contrast: #000000;
  --ion-color-gold-contrast-rgb:
    0,
    0,
    0;
  --ion-color-gold-shade: #e0bd00;
  --ion-color-gold-tint: #ffdb1a;
  --ion-color-black: #ffffff;
  --ion-color-black-rgb:
    255,
    215,
    0;
  --ion-color-black-contrast: #050000;
  --ion-color-black-contrast-rgb:
    0,
    0,
    0;
  --ion-color-black-shade: #ffffff;
  --ion-color-black-tint: #ffffff;
}
.ion-color-gold {
  --ion-color-base: var(--ion-color-gold) !important;
  --ion-color-base-rgb: var(--ion-color-gold-rgb) !important;
  --ion-color-contrast: var(--ion-color-gold-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-gold-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-gold-shade) !important;
  --ion-color-tint: var(--ion-color-gold-tint) !important;
}
.ion-color-black {
  --ion-color-base: var(--ion-color-black) !important;
  --ion-color-base-rgb: var(--ion-color-black-rgb) !important;
  --ion-color-contrast: var(--ion-color-black-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-black-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-black-shade) !important;
  --ion-color-tint: var(--ion-color-black-tint) !important;
}
@media (max-width: 768px) {
  .my-ionic-item {
    padding: 0 !important;
  }
}
@media (min-width: 769px) {
  .my-ionic-item {
    padding-left: 16px;
  }
}
@media (max-width: 768px) {
  .global-padding-left-inside {
    padding-left: 0px !important;
  }
}
@media (min-width: 769px) {
  .global-padding-left-inside {
    padding-left: 32px;
  }
}
@media (max-width: 768px) {
  .global-padding-right-inside {
    padding-right: 0px !important;
  }
}
@media (min-width: 769px) {
  .global-padding-right-inside {
    padding-right: 32px;
  }
}
@media (max-width: 768px) {
  .global-padding-top-inside {
    padding-top: 0px !important;
  }
}
@media (min-width: 769px) {
  .global-padding-top-inside {
    padding-top: 32px;
  }
}
@media (max-width: 768px) {
  .global-margin-bottom-inside {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 769px) {
  .global-margin-bottom-inside {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .global-padding-bottom-inside {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 769px) {
  .global-padding-bottom-inside {
    padding-bottom: 32px;
  }
}
.global-margin-inside-16px {
  padding-bottom: 26px !important;
}
.no-click {
  pointer-events: none;
}
.no-hover {
  --background-hover: var(--background);
}
.no-ripple {
  --ripple-color: transparent;
  --background-activated: transparent;
  --background-activated-opacity: transparent;
  --background-focused: transparent;
  --background-focused-opacity: transparent;
  --background-hover: transparent;
  --background-hover-opacity: transparent;
}
@media (max-width: 768px) {
  .space-item {
    padding: 0 !important;
  }
}
@media (min-width: 769px) {
  .space-item {
    padding-left: 16px;
  }
}
@media (max-width: 768px) {
  .space-left-right {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (min-width: 769px) {
  .space-left-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .space-bottom {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 769px) {
  .space-bottom {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .space-top {
    padding-top: 40px !important;
  }
}
@media (min-width: 769px) {
  .space-top {
    padding-top: 20px;
  }
}
.space-mini-gap-right {
  margin-right: 12px;
}
@media (max-width: 768px) {
  .space-mini-gap-right {
    margin-right: 0px;
  }
}
.space-gap-web-row {
  margin-left: 20px;
}
ion-range {
  --bar-height: 4px;
  --knob-size: 28px;
  --knob-border-radius: 50%;
  --bar-background: var(--grey-light-2);
}
ion-range::part(bar) {
  height: var(--bar-height);
}
ion-range::part(knob) {
  width: var(--knob-size);
  height: var(--knob-size);
  border-radius: var(--knob-border-radius);
}
ion-range::part(pin) {
  width: var(--knob-size);
  height: var(--knob-size);
}
.custom-searchbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--stroke-light-grey, --stroke-light-grey);
  --placeholder-color: var(--grey-1);
  --box-shadow: 0 0 0 0px var(--stroke-light-grey);
  --placeholder-opacity: 1;
  color: var(--text-text-primary);
}
.custom-searchbar ion-icon {
  inset-inline-start: 10px !important;
  height: 18px !important;
  width: 18px !important;
  --icon-color: var(--ios-status-bar-default);
  color: var(--ios-status-bar-default);
}
.custom-searchbar input {
  --placeholder-opacity: 0.6;
  background: var(--inputs-bg-default) !important;
  padding-left: 38px !important;
}
.custom-searchbar .searchbar-input-container {
  --border-radius: 8px;
  font-size: 10px !important;
  --placeholder-opacity: 1;
}
.theme-bg-primary {
  background-color: var(--theme-bg-primary);
  --background: var(--theme-bg-primary) !important;
}
.theme-bg-secondary {
  background-color: var(--theme-bg-secondary);
  --background: var(--theme-bg-secondary) !important;
}
.theme-bg-alternate {
  background-color: var(--theme-bg-alternate);
  --background: var(--theme-bg-alternate) !important;
}
.theme-bg-tertiary {
  background-color: var(--theme-bg-tertiary);
  --background: var(--theme-bg-tertiary) !important;
}
.theme-bg-disruptive {
  background-color: var(--theme-bg-disruptive);
  --background: var(--theme-bg-disruptive) !important;
}
.theme-bg-disabled {
  background-color: var(--theme-bg-disabled);
  --background: var(--theme-bg-disabled) !important;
}
.theme-bg-cards {
  background-color: var(--theme-bg-cards);
  --background: var(--theme-bg-cards) !important;
}
.theme-text-primary {
  color: var(--theme-text-primary);
}
.theme-text-secondary {
  color: var(--theme-text-secondary);
}
.theme-text-tetiary {
  color: var(--theme-text-tetiary);
}
.theme-text-alternate {
  color: var(--theme-text-alternate);
}
.theme-text-link {
  color: var(--theme-text-link);
}
.theme-text-disruptive {
  color: var(--theme-text-disruptive);
}
.theme-text-hover {
  color: var(--theme-text-hover);
}
.theme-border-active {
  border-color: var(--theme-border-active);
}
.theme-border-selected {
  border-color: var(--theme-border-selected);
}
.theme-border-cards {
  border-color: var(--theme-border-cards);
}
.theme-border-divider {
  border-color: var(--theme-border-divider);
}
.theme-border-disruptive {
  border-color: var(--theme-border-disruptive);
}
.theme-icon-color-1 {
  color: var(--theme-icon-color-1);
}
.theme-icon-color-2 {
  color: var(--theme-icon-color-2);
}
.theme-icon-color-3 {
  color: var(--theme-icon-color-3);
}
.white {
  color: var(--white);
}
.white-2 {
  color: var(--white-2);
}
.transparent {
  color: var(--transparent);
}
.black-dark {
  color: var(--black-dark);
}
.black-1 {
  color: var(--black-1);
}
.black-2 {
  color: var(--black-2);
}
.black-3 {
  color: var(--black-3);
}
.black-4 {
  color: var(--black-4);
}
.black-5 {
  color: var(--black-5);
}
.grey {
  color: var(--grey);
}
.grey-2 {
  color: var(--grey-2);
}
.grey-3 {
  color: var(--grey-3);
}
.grey-light {
  color: var(--grey-light);
}
.grey-light-2 {
  color: var(--grey-light-2);
}
.grey-light-3 {
  color: var(--grey-light-3);
}
.grey-light-4 {
  color: var(--grey-light-4);
}
.grey-light-5 {
  color: var(--grey-light-5);
}
.grey-light-6 {
  color: var(--grey-light-6);
}
.grey-light-7 {
  color: var(--grey-light-7);
}
.grey-light-boarder {
  color: var(--grey-light-boarder);
}
.blue {
  color: var(--blue);
}
.blue-2 {
  color: var(--blue-2);
}
.blue-3 {
  color: var(--buttons-link-button-default);
}
.blue-3 {
  color: var(--buttons-link-button-default);
}
.primery_color {
  color: var(--buttons-link-button-toolbar-link);
}
.blue-light {
  color: var(--blue-light);
}
.blue-light-2 {
  color: var(--blue-light-2);
}
.blue-light-3 {
  color: var(--blue-light-3);
}
.blue-light-4 {
  color: var(--blue-light-4);
}
.purple {
  color: var(--purple);
}
.purple-primary {
  color: var(--buttons-link-button-toolbar-link);
}
.purple-2 {
  color: var(--purple-2);
}
.purple-3 {
  color: var(--purple-3);
}
.purple-4 {
  color: var(--purple-4);
}
.purple-5 {
  color: var(--purple-5);
}
.purple-6 {
  color: var(--purple-6);
}
.magenta-light-3 {
  color: var(--magenta-light-3);
}
.magenta-light-2 {
  color: var(--magenta-light-2);
}
.magenta-light-1 {
  color: var(--magenta-light-1);
}
.magenta {
  color: var(--magenta);
}
.magenta-dark {
  color: var(--magenta-dark);
}
.red {
  color: var(--red);
}
.red-2 {
  color: var(--red-2);
}
.red-3 {
  color: var(--red-3);
}
.red-4 {
  color: var(--red-4);
}
.green-dark {
  color: var(--green-dark);
}
.green {
  color: var(--green);
}
.green-2 {
  color: var(--green-2);
}
.green-light {
  color: var(--green-light);
}
.green-light-2 {
  color: var(--green-light-2);
}
.green-light-3 {
  color: var(--green-light-3);
}
.green-light-4 {
  color: var(--green-light-4);
}
.yellow-1 {
  color: var(--yellow-1);
}
.yellow-4 {
  color: var(--yellow-4);
}
.yellow-light-1 {
  color: var(--yellow-light-1);
}
.yellow-light-2 {
  color: var(--yellow-light-2);
}
.yellow-dark {
  color: var(--yellow-dark);
}
.yellow-3 {
  color: var(--yellow-3);
}
.yellow-light-4 {
  color: var(--yellow-light-4);
}
.yellow-5 {
  color: var(--yellow-5);
}
.orange {
  color: var(--orange);
}
.orange-light {
  color: var(--orange-light);
}
.teal {
  color: var(--teal);
}
.teal-light-1 {
  color: var(--teal-light-1);
}
.teal-light-2 {
  color: var(--teal-light-2);
}
.bg-primary {
  background-color: var(--bg-primary);
}
.bg-secondary {
  background-color: var(--bg-secondary);
}
.bg-alternate {
  background-color: var(--bg-alternate);
}
.bg-tertiary {
  background-color: var(--bg-tertiary);
}
.bg-disruptive {
  background-color: var(--bg-disruptive);
}
.bg-disabled {
  background-color: var(--bg-disabled);
}
.bg-cards {
  background-color: var(--bg-cards);
}
.text-primary {
  color: var(--text-primary);
}
.text-secondary {
  color: var(--text-secondary);
}
.text-tetiary {
  color: var(--text-tetiary);
}
.text-hover {
  color: var(--text-hover);
}
.text-selected {
  color: var(--text-selected);
}
.text-alternate {
  color: var(--text-alternate);
}
.text-link {
  color: var(--text-link);
}
.text-disruptive {
  color: var(--text-disruptive);
}
.border-active {
  border-color: var(--border-active);
}
.border-selected {
  border-color: var(--border-selected);
}
.border-cards {
  border-color: var(--border-cards);
}
.border-divider {
  border-color: var(--border-divider);
}
.border-disruptive {
  border-color: var(--border-disruptive);
}
.icon-critical {
  color: var(--icon-critical);
}
.icon-info {
  color: var(--icon-info);
}
.icon-success {
  color: var(--icon-success);
}
.icon-warning {
  color: var(--icon-warning);
}
.icon-close {
  color: var(--icon-close);
}
.h1-color {
  color: var(--h1-color);
}
.h2-color {
  color: var(--h2-color);
}
.h3-color {
  color: var(--h3-color);
}
.h4-color {
  color: var(--h4-color);
}
.h5-color {
  color: var(--h5-color);
}
.h6-color {
  color: var(--h6-color);
}
.p-color {
  color: var(--p-color);
}
.link-color {
  color: var(--link-color);
}
.link-hover-color {
  color: var(--link-hover-color);
}
.general-card {
  background-color: var(--general-card);
}
.buttons-link-button-secondary {
  color: var(--buttons-link-button-secondary);
}
:root {
  --white: #fafafa;
  --black-black-dark: #070707;
  --black-black-1: #242426;
  --black-black-2: #363638;
  --black-black-3: #444446;
  --black-black-4: #1b1b1b;
  --black-black-5: #3d3d3d;
  --blue-blue: #0568f2;
  --blue-blue-2: #4285f4;
  --blue-blue-3: #85b2f9;
  --blue-blue-light: #dde8f9;
  --blue-blue-light-2: #f0f6ff;
  --blue-blue-light-3: #f8fbff;
  --blue-blue-light-4: #d9efff;
  --green-green-dark: #4a9e13;
  --green-green: #4bc076;
  --green-green-2: #c3e9d0;
  --green-green-light: #e2f8d5;
  --green-green-light-2: #ecf5ef;
  --green-green-light-3: #ebfff2;
  --green-green-light-4: #d6ffe2;
  --grey-grey: #616161;
  --grey-grey-2: #919191;
  --grey-grey-3: #d3d3d3;
  --grey-grey-light: #e3e3e3;
  --grey-grey-light-2: #e5e5e6;
  --grey-grey-light-3: #e9e9e9;
  --grey-grey-light-4: #f0f0f0;
  --grey-grey-light-5: #efefef;
  --grey-grey-light-7-transparent: rgba(235, 235, 235, 0.5);
  --grey-grey-light-6: #f5f5f5;
  --magenta-magenta-light-3: #ece3ec;
  --magenta-magenta-light-2: #f9e7fa;
  --magenta-magenta-light-1: #ff52f8;
  --magenta-magenta: #de15d6;
  --magenta-magenta-dark: #823885;
  --orange-orange: #eb8d00;
  --orange-orange-light: #ffeddc;
  --purple-purple: #5004bd;
  --purple-purple-2: #6405eb;
  --purple-purple-3: #904de5;
  --purple-purple-4: #eee6f9;
  --purple-purple-5: #a45cff;
  --purple-purple-6: #a674e7;
  --red-red: #d72c0d;
  --red-red-2: #fe5c4c;
  --red-red-3: #f7d5c9;
  --red-red-4: #ffe5dd;
  --red-red-0: #be290d;
  --teal-teal: #08cfbe;
  --teal-teal-light-1: #def8f3;
  --teal-teal-light-2: #c4f3ef;
  --white-white: #fff;
  --white-white-2: #fafafa;
  --yellow-yellow-1: #f7be00;
  --yellow-yellow-4: #ffd64f;
  --yellow-yellow-light-1: #f7f6c9;
  --yellow-yellow-light-2: #fbfbe4;
  --yellow-yellow-dark: #908d00;
  --yellow-yellow-3: #fffce4;
  --yellow-yellow-light-4: #fffef7;
  --yellow-yellow-5: #f6f486;
  --skeleton-background-light:
    61,
    61,
    61;
  --skeleton-background-dark:
    255,
    255,
    255;
}
body {
  --action-sheet-bg-primary: var(--background-bg-primary);
  --action-sheet-slider: var(--grey-grey-3);
  --action-sheet-bg-secondary: var(--grey-grey-3);
  --alerts-icon-critical: var(--red-red);
  --alerts-icon-info: var(--blue-blue-2);
  --alerts-icon-success: var(--green-green-dark);
  --alerts-icon-warning: var(--yellow-yellow-1);
  --alerts-bg-info: var(--blue-blue-light-4);
  --alerts-bg-success: var(--green-green-light-4);
  --alerts-bg-warning: var(--yellow-yellow-3);
  --alerts-bg-critical: var(--red-red-4);
  --alerts-bg-archive: var(--grey-grey-light-5);
  --alerts-border-info: var(--blue-blue-3);
  --alerts-border-success: var(--green-green);
  --alerts-border-warning: var(--yellow-yellow-4);
  --alerts-border-critical: var(--red-red-3);
  --alerts-border-archive: var(--grey-grey-light-2);
  --alerts-text: var(--black-black-1);
  --alerts-link: var(--black-black-dark);
  --alerts-icon-close: var(--grey-grey-2);
  --alerts-icon-info-bg: var(--yellow-yellow-light-4);
  --alerts-banner-link: var(--blue-blue);
  --background-bg-primary: var(--white-white);
  --background-bg-secondary: var(--white-white-2);
  --background-bg-alternate: #242426;
  --background-bg-tertiary: var(--white-white);
  --background-bg-disruptive: var(--red-red);
  --background-bg-disabled: var(--grey-grey-2);
  --background-bg-cards: var(--white-white);
  --badges-active-icon-text-primary: var(--green-green-dark);
  --badges-active-icon-bg-primary: var(--green-green-light);
  --badges-archived-text-primary: var(--grey-grey);
  --badges-archived-bg-primary: var(--grey-grey-light-5);
  --badges-archived-icon-text-primary: var(--grey-grey-2);
  --badges-archived-icon-bg-primary: var(--grey-grey-light-5);
  --badges-boost-text-primary: var(--teal-teal);
  --badges-boost-bg-primary: var(--teal-teal-light-1);
  --badges-completed-text-primary: var(--magenta-magenta-dark);
  --badges-completed-bg-primary: var(--magenta-magenta-light-3);
  --badges-completed-icon-text-primary: var(--magenta-magenta-dark);
  --badges-completed-icon-bg-primary: var(--magenta-magenta-light-3);
  --badges-custom-dark-text-primary: var(--white-white);
  --badges-custom-dark-bg-primary: var(--grey-grey);
  --badges-draft-text-primary: var(--grey-grey);
  --badges-draft-bg-primary: var(--yellow-yellow-light-1);
  --badges-draft-icon-text-primary: var(--yellow-yellow-1);
  --badges-draft-icon-bg-primary: var(--yellow-yellow-light-2);
  --badges-failed-to-post-text-primary: var(--red-red-2);
  --badges-failed-to-post-bg-primary: var(--red-red-4);
  --badges-incentive-text-primary: var(--magenta-magenta);
  --badges-incentive-bg-primary: var(--magenta-magenta-light-2);
  --badges-local-text-primary: var(--purple-purple-2);
  --badges-local-bg-primary: var(--purple-purple-4);
  --badges-local-dark-text-primary: var(--white-white);
  --badges-local-dark-bg-primary: var(--grey-grey);
  --badges-managed-dark-text-primary: var(--white-white);
  --badges-managed-dark-bg-primary: var(--grey-grey);
  --badges-national-text-primary: var(--purple-purple-2);
  --badges-national-bg-primary: var(--purple-purple-4);
  --badges-paused-icon-text-primary: var(--red-red-2);
  --badges-paused-icon-bg-primary: var(--red-red-3);
  --badges-popular-text-primary: var(--green-green);
  --badges-popular-bg-primary: var(--green-green-light);
  --badges-recent-text-primary: var(--blue-blue);
  --badges-recent-bg-primary: var(--blue-blue-light);
  --badges-requires-approval-text-primary: var(--orange-orange);
  --badges-requires-approval-bg-primary: var(--orange-orange-light);
  --border-border-input: var(--grey-grey-light-3);
  --border-border-active: var(--black-black-1);
  --border-border-selected: var(--black-black-1);
  --border-border-cards: var(--white-white);
  --border-border-divider: var(--grey-grey-light-3);
  --border-border-disruptive: var(--background-bg-disruptive);
  --buttons-dropdown-button-bg-default: var(--black-black-1);
  --buttons-dropdown-button-bg-hover: var(--black-black-3);
  --buttons-dropdown-button-bg-chip: var(--yellow-yellow-1);
  --buttons-dropdown-button-bg-disabled: var(--grey-grey-2);
  --buttons-dropdown-button-text-primary: var(--white-white);
  --buttons-dropdown-button-text-chip: var(--black-black-1);
  --buttons-dropdown-button-stroke-default: transparent;
  --buttons-dropdown-button-stroke-hover: var(--black-black-3);
  --buttons-dropdown-button-stroke-disabled: var(--grey-grey-2);
  --buttons-fab-button-disruptive-border-disruptive: var(--red-red);
  --buttons-fab-button-disruptive-icon-disruptive: var(--red-red);
  --buttons-fab-button-disruptive-bg-disruptive: var(--white-white);
  --buttons-fab-button-primary-bg-default: var(--purple-purple-2);
  --buttons-fab-button-primary-text-default: var(--white-white);
  --buttons-fab-button-secondary-bg-secondary: var(--black-black-1);
  --buttons-fab-button-secondary-text-secondary: var(--black-black-1);
  --buttons-icon-button-focus: var(--grey-grey-light-7-transparent);
  --buttons-link-button-secondary: var(--black-black-1);
  --buttons-link-button-default: var(--blue-blue);
  --buttons-link-button-disabled: var(--text-text-tetiary);
  --buttons-link-button-toolbar-link: var(--purple-purple-2);
  --buttons-link-hover: green;
  --buttons-primary-button-bg-default: var(--purple-purple-2);
  --buttons-primary-button-bg-hover: var(--purple-purple-3);
  --buttons-primary-button-bg-disruptive: var(--background-bg-disruptive);
  --buttons-primary-button-bg-disabled: var(--grey-grey-2);
  --buttons-primary-button-text-default: var(--text-text-alternate);
  --buttons-primary-button-text-disabled: var(--text-text-tetiary);
  --buttons-secondary-button-bg-default: var(--white-white);
  --buttons-secondary-button-stroke-default: var(--grey-grey-3);
  --buttons-secondary-button-text-default: var(--black-black-1);
  --buttons-secondary-button-hover: var(--purple-purple);
  --buttons-secondary-button-disruptive: var(--background-bg-disruptive);
  --buttons-secondary-button-disabled: var(--text-text-tetiary);
  --buttons-toggle-bg-primary: var(--purple-purple-2);
  --buttons-toggle-bg-secondary: var(--white-white);
  --buttons-toggle-bg-disabled: var(--grey-grey-light-2);
  --calendar-bg-primary: var(--action-sheet-bg-primary);
  --calendar-bg-active: var(--purple-purple-2);
  --calendar-bg-selected: var(--purple-purple-4);
  --calendar-text-primary: var(--text-text-primary);
  --calendar-text-tetiary: var(--text-text-tetiary);
  --calendar-text-dates: var(--grey-grey-3);
  --calendar-text-selected: var(--purple-purple-2);
  --calendar-text-selected-current-date: var(--white-white);
  --cards-all-cards-bg-main-card-primary: var(--background-bg-cards);
  --cards-all-cards-bg-secondary-subcard: var(--blue-blue-light-3);
  --cards-all-cards-text-primary: var(--text-text-primary);
  --cards-all-cards-text-secondary: var(--text-text-secondary);
  --cards-all-cards-border-card: var(--border-border-cards);
  --cards-all-cards-border-hovered: var(--border-border-active);
  --cards-all-cards-border-selected: var(--border-border-active);
  --cards-all-cards-border-subcard: var(--border-border-divider);
  --cards-all-cards-link: var(--blue-blue);
  --cards-all-cards-franify-tips-bg-yellow: var(--yellow-yellow-3);
  --cards-all-cards-franify-tips-bg-blue: var(--blue-blue-light);
  --cards-all-cards-franify-tips-bg-purple: var(--purple-purple-4);
  --cards-all-cards-franify-tips-icon-yellow: var(--yellow-yellow-1);
  --cards-all-cards-franify-tips-icon-blue: var(--blue-blue);
  --cards-all-cards-franify-tips-icon-purple: var(--purple-purple-2);
  --cards-all-cards-franify-tips-text-primary: var(--black-black-1);
  --chips-bg-primary: var(--action-sheet-bg-primary);
  --chips-bg-active: var(--purple-purple-4);
  --chips-text-primary: var(--text-text-primary);
  --chips-text-disabled: var(--text-text-tetiary);
  --chips-text-selected: var(--text-text-primary);
  --chips-border-primary: var(--border-border-divider);
  --chips-border-disabled: var(--grey-3);
  --chips-icon-bg: var(--purple-purple-2);
  --chips-icon-text: var(--text-text-alternate);
  --icons-custom-icon-color-1: var(--purple-purple);
  --icons-custom-icon-color-2: var(--yellow-yellow-5);
  --icons-custom-icon-color-3: var(--teal-teal-light-2);
  --icons-platform-instagram-icon: var(--magenta-magenta);
  --icons-platform-facebook-icon: var(--blue-blue);
  --icons-platform-icon-ig-main: var(--magenta-magenta);
  --icons-platform-icon-fb-main: var(--blue-blue);
  --icons-platform-icon-gs-1: var(--red-red);
  --icons-platform-icon-gs-2: var(--yellow-yellow-1);
  --icons-platform-icon-gs-3: var(--green-green-dark);
  --icons-platform-icon-gs-4: var(--blue-blue);
  --icons-platform-icon-ig-bg: var(--magenta-magenta-light-2);
  --icons-platform-icon-fb-bg: var(--blue-blue-light);
  --icons-platform-icon-linkedin-bg: #dce8ee;
  --icons-platform-icon-linked-main: #069;
  --icons-section-icons-bg-disabled: var(--grey-grey-light-4);
  --icons-section-icons-text-disabled: var(--grey-grey-2);
  --icons-section-icons-attention-bg-primary: var(--yellow-yellow-light-1);
  --icons-section-icons-attention-icon: var(--yellow-yellow-1);
  --icons-section-icons-budget-bg-primary: var(--magenta-magenta-light-3);
  --icons-section-icons-budget-text-primary: var(--magenta-magenta-dark);
  --icons-section-icons-campaigns-bg-primary: var(--purple-purple-4);
  --icons-section-icons-campaigns-text-primary: var(--purple-purple-2);
  --icons-section-icons-promotions-bg-primary: var(--teal-teal-light-1);
  --icons-section-icons-promotions-text-primary: var(--teal-teal);
  --icons-section-icons-promotions-button-stroke: var(--white-white);
  --icons-section-icons-schedule-bg-primary: var(--blue-blue-light);
  --icons-section-icons-schedule-text-primary: var(--blue-blue);
  --icons-section-icons-schedule-button-stroke: var(--white-white);
  --icons-section-icons-search-bg-primary: #e5efde;
  --icons-section-icons-search-text-primary: var(--green-green-dark);
  --icons-section-icons-search-button-stroke: var(--white-white);
  --icons-section-icons-success-bg-primary: var(--green-green-light);
  --icons-section-icons-success-text-primary: var(--green-green);
  --icons-section-icons-warning-bg-primary: var(--red-red-4);
  --icons-section-icons-warning-text-primary: var(--red-red);
  --inputs-bg-default: var(--background-bg-primary);
  --inputs-bg-disabled: var(--background-bg-secondary);
  --inputs-text-primary: var(--text-text-primary);
  --inputs-text-disabled: var(--grey-grey-2);
  --inputs-text-helper: var(--grey-grey);
  --inputs-border-primary: var(--border-border-active);
  --inputs-border-secondary: var(--border-border-divider);
  --inputs-border-disruptive: var(--border-border-disruptive);
  --list-item-bg-main: var(--grey-grey-light-6);
  --list-item-bg-hover: var(--grey-grey-light-5);
  --list-item-list-asset-bg-selected: var(--grey-grey-light-5);
  --navigation-bottom-nav-bg-primary: var(--background-bg-primary);
  --navigation-bottom-nav-text-default: var(--text-text-secondary);
  --navigation-bottom-nav-text-selected: var(--purple-purple-2);
  --navigation-bottom-nav-top-border: var(--border-border-cards);
  --navigation-top-nav-bg-primary: var(--background-bg-primary);
  --navigation-top-nav-border-primary: var(--border-border-divider);
  --navigation-top-nav-text-primary: var(--text-text-primary);
  --navigation-top-nav-text-secondary: var(--text-text-secondary);
  --notifications-bg-default: var(--background-bg-secondary);
  --notifications-bg-unread: var(--grey-grey-light-4);
  --sections-bg-primary: var(--background-bg-tertiary);
  --stats-border-border: var(--border-border-divider);
  --stats-header-text-primary: var(--text-text-primary);
  --stats-header-text-secondary: var(--text-text-secondary);
  --stats-item-text-primary: var(--text-text-primary);
  --stats-item-text-tetiary: var(--text-text-tetiary);
  --stats-label-text-positive: var(--green-green);
  --stats-label-text-negative: var(--red-red-2);
  --stats-label-bg-positive: var(--green-green-light-2);
  --stats-label-bg-negative: var(--red-red-4);
  --tags-asset-tags-text-default: var(--text-text-secondary);
  --tags-asset-tags-bg-selected: var(--black-black-5);
  --tags-asset-tags-text-selected: var(--white-white);
  --tags-search-filter-bg-default: var(--grey-grey-light-4);
  --tags-search-filter-bg-selected: var(--black-black-5);
  --tags-search-filter-text-default: var(--text-text-secondary);
  --tags-search-filter-text-selected: var(--grey-grey);
  --text-text-primary: var(--black-black-1);
  --text-text-secondary: var(--grey-grey);
  --text-text-tetiary: var(--grey-grey-2);
  --text-text-hover: var(--purple-purple);
  --text-text-selected: var(--purple-purple-2);
  --text-text-alternate: var(--white-white);
  --text-text-link: var(--blue-blue);
  --text-text-disruptive: var(--red-red);
  --text-text-selected-list: var(--purple-purple-2);
  --toast-bg: var(--black-black-3);
  --toast-text-primary: var(--white-white);
  --toast-text-secondary: var(--teal-teal);
  --toast-text-disruptive: var(--white-white);
  --toast-bg-attention: var(--yellow-yellow-4);
  --toast-text-attention: var(--black-black-1);
  --toast-bg-success: var(--green-green-dark);
  --ios-status-bar-default: var(--black-black-1);
  --ios-status-bar-highlight: var(--grey-grey-2);
  --ios-status-bar-highlight-2: var(--white-white);
  --nav-bar-text-color: var(--white-white);
  --radio-boarder-color: var(--black-black-1);
  --alert-note: var(--red-red-0);
  --skeleton-loader: var(--skeleton-background-light);
  --check-box-danger: var(--red-red);
  --stepper-color-grey: var(--grey-grey-3);
}
body.dark-mode {
  --action-sheet-bg-primary: var(--background-bg-primary);
  --action-sheet-slider: var(--grey-grey-3);
  --action-sheet-bg-secondary: var(--grey-grey);
  --alerts-icon-critical: var(--red-red);
  --alerts-icon-info: var(--blue-blue-2);
  --alerts-icon-success: var(--green-green-dark);
  --alerts-icon-warning: var(--yellow-yellow-1);
  --alerts-bg-info: var(--blue-blue-light-4);
  --alerts-bg-success: var(--green-green-light-4);
  --alerts-bg-warning: var(--yellow-yellow-3);
  --alerts-bg-critical: var(--red-red-3);
  --alerts-bg-archive: var(--grey-grey-light-5);
  --alerts-border-info: var(--blue-blue-3);
  --alerts-border-success: var(--green-green);
  --alerts-border-warning: var(--yellow-yellow-4);
  --alerts-border-critical: var(--red-red-3);
  --alerts-border-archive: var(--grey-grey-light-2);
  --alerts-text: var(--black-black-1);
  --alerts-link: var(--black-black-dark);
  --alerts-icon-close: var(--grey-grey-2);
  --alerts-icon-info-bg: var(--yellow-yellow-light-4);
  --alerts-banner-link: var(--blue-blue);
  --background-bg-primary: var(--black-black-1);
  --background-bg-secondary: var(--black-black-dark);
  --background-bg-alternate: var(--white-white-2);
  --background-bg-tertiary: var(--black-black-4);
  --background-bg-disruptive: var(--red-red-2);
  --background-bg-disabled: var(--grey-grey-2);
  --background-bg-cards: var(--black-black-1);
  --badges-active-icon-text-primary: var(--white-white);
  --badges-active-icon-bg-primary: var(--green-green-dark);
  --badges-archived-text-primary: var(--white-white);
  --badges-archived-bg-primary: var(--grey-grey);
  --badges-archived-icon-text-primary: var(--white-white);
  --badges-archived-icon-bg-primary: var(--grey-grey-2);
  --badges-boost-text-primary: var(--white-white);
  --badges-boost-bg-primary: var(--teal-teal);
  --badges-completed-text-primary: var(--white-white);
  --badges-completed-bg-primary: var(--magenta-magenta-dark);
  --badges-completed-icon-text-primary: var(--white-white);
  --badges-completed-icon-bg-primary: var(--magenta-magenta-dark);
  --badges-custom-dark-text-primary: var(--white-white);
  --badges-custom-dark-bg-primary: var(--grey-grey);
  --badges-draft-text-primary: var(--grey-grey);
  --badges-draft-bg-primary: var(--yellow-yellow-5);
  --badges-draft-icon-text-primary: var(--white-white);
  --badges-draft-icon-bg-primary: var(--yellow-yellow-1);
  --badges-failed-to-post-text-primary: var(--white-white);
  --badges-failed-to-post-bg-primary: var(--red-red-2);
  --badges-incentive-text-primary: var(--white-white);
  --badges-incentive-bg-primary: var(--magenta-magenta);
  --badges-local-text-primary: var(--white-white);
  --badges-local-bg-primary: var(--purple-purple-2);
  --badges-local-dark-text-primary: var(--white-white);
  --badges-local-dark-bg-primary: var(--grey-grey);
  --badges-managed-dark-text-primary: var(--white-white);
  --badges-managed-dark-bg-primary: var(--grey-grey);
  --badges-national-text-primary: var(--white-white);
  --badges-national-bg-primary: var(--purple-purple-2);
  --badges-paused-icon-text-primary: var(--white-white);
  --badges-paused-icon-bg-primary: var(--red-red-2);
  --badges-popular-text-primary: var(--white-white);
  --badges-popular-bg-primary: var(--green-green);
  --badges-recent-text-primary: var(--white-white);
  --badges-recent-bg-primary: var(--blue-blue-2);
  --badges-requires-approval-text-primary: var(--white-white);
  --badges-requires-approval-bg-primary: var(--orange-orange);
  --border-border-input: var(--black-black-5);
  --border-border-active: var(--border-border-selected);
  --border-border-selected: var(--white-white-2);
  --border-border-cards: var(--black-black-5);
  --border-border-divider: var(--black-black-5);
  --border-border-disruptive: var(--background-bg-disruptive);
  --buttons-dropdown-button-bg-default: var(--black-black-dark);
  --buttons-dropdown-button-bg-hover: var(--black-black-3);
  --buttons-dropdown-button-bg-chip: var(--yellow-yellow-1);
  --buttons-dropdown-button-bg-disabled: var(--grey-grey-2);
  --buttons-dropdown-button-text-primary: var(--white-white);
  --buttons-dropdown-button-text-chip: var(--black-black-1);
  --buttons-dropdown-button-stroke-default: var(--black-black-1);
  --buttons-dropdown-button-stroke-hover: var(--black-black-1);
  --buttons-dropdown-button-stroke-disabled: var(--black-black-1);
  --buttons-fab-button-disruptive-border-disruptive: var(--red-red-2);
  --buttons-fab-button-disruptive-icon-disruptive: var(--red-red-2);
  --buttons-fab-button-disruptive-bg-disruptive: var(--black-black-1);
  --buttons-fab-button-primary-bg-default: var(--purple-purple-2);
  --buttons-fab-button-primary-text-default: var(--white-white);
  --buttons-fab-button-secondary-bg-secondary: var(--white-white);
  --buttons-fab-button-secondary-text-secondary: var(--black-black-1);
  --buttons-icon-button-focus: var(--grey-grey-light-7-transparent);
  --buttons-link-button-secondary: var(--white-white);
  --buttons-link-button-default: var(--blue-blue-3);
  --buttons-link-button-disabled: var(--text-text-tetiary);
  --buttons-link-button-toolbar-link: var(--purple-purple-6);
  --buttons-link-hover: var(--white);
  --buttons-primary-button-bg-default: var(--purple-purple-2);
  --buttons-primary-button-bg-hover: var(--purple-purple-3);
  --buttons-primary-button-bg-disruptive: var(--background-bg-disruptive);
  --buttons-primary-button-bg-disabled: var(--grey-grey-2);
  --buttons-primary-button-text-default: var(--text-text-alternate);
  --buttons-primary-button-text-disabled: var(--text-text-tetiary);
  --buttons-secondary-button-bg-default: var(--black-black-1);
  --buttons-secondary-button-stroke-default: var(--grey-grey-3);
  --buttons-secondary-button-text-default: var(--white-white);
  --buttons-secondary-button-hover: var(--purple-purple-6);
  --buttons-secondary-button-disruptive: var(--background-bg-disruptive);
  --buttons-secondary-button-disabled: var(--text-text-tetiary);
  --buttons-toggle-bg-primary: var(--purple-purple-3);
  --buttons-toggle-bg-secondary: var(--white-white);
  --buttons-toggle-bg-disabled: var(--grey-grey-3);
  --calendar-bg-primary: var(--action-sheet-bg-primary);
  --calendar-bg-active: var(--purple-purple-3);
  --calendar-bg-selected: var(--purple-purple);
  --calendar-text-primary: var(--text-text-primary);
  --calendar-text-tetiary: var(--text-text-tetiary);
  --calendar-text-dates: var(--grey-grey);
  --calendar-text-selected: var(--white-white);
  --calendar-text-selected-current-date: var(--white-white);
  --cards-all-cards-bg-main-card-primary: var(--background-bg-cards);
  --cards-all-cards-bg-secondary-subcard: var(--black-black-5);
  --cards-all-cards-text-primary: var(--text-text-primary);
  --cards-all-cards-text-secondary: var(--text-text-secondary);
  --cards-all-cards-border-card: var(--border-border-cards);
  --cards-all-cards-border-hovered: var(--border-border-active);
  --cards-all-cards-border-selected: var(--border-border-selected);
  --cards-all-cards-border-subcard: var(--border-border-divider);
  --cards-all-cards-link: var(--blue-blue-3);
  --cards-all-cards-franify-tips-bg-yellow: var(--yellow-yellow-1);
  --cards-all-cards-franify-tips-bg-blue: var(--blue-blue);
  --cards-all-cards-franify-tips-bg-purple: var(--purple-purple-2);
  --cards-all-cards-franify-tips-icon-yellow: var(--black-black-1);
  --cards-all-cards-franify-tips-icon-blue: var(--blue-blue-light);
  --cards-all-cards-franify-tips-icon-purple: var(--purple-purple-4);
  --cards-all-cards-franify-tips-text-primary: var(--black-black-1);
  --chips-bg-primary: var(--action-sheet-bg-primary);
  --chips-bg-active: var(--purple-purple-3);
  --chips-text-primary: var(--text-text-primary);
  --chips-text-disabled: var(--text-text-secondary);
  --chips-text-selected: var(--text-text-primary);
  --chips-border-primary: var(--purple-purple-4);
  --chips-border-disabled: var(--grey-2);
  --chips-icon-bg: var(--purple-purple-3);
  --chips-icon-text: var(--text-text-alternate);
  --icons-custom-icon-color-1: var(--purple-purple-5);
  --icons-custom-icon-color-2: var(--yellow-yellow-5);
  --icons-custom-icon-color-3: var(--teal-teal-light-1);
  --icons-platform-instagram-icon: var(--magenta-magenta-light-1);
  --icons-platform-facebook-icon: var(--blue-blue-2);
  --icons-platform-icon-ig-main: var(--magenta-magenta-light-1);
  --icons-platform-icon-fb-main: var(--blue-blue-2);
  --icons-platform-icon-gs-1: var(--red-red-2);
  --icons-platform-icon-gs-2: var(--yellow-yellow-4);
  --icons-platform-icon-gs-3: var(--green-green);
  --icons-platform-icon-gs-4: var(--blue-blue-2);
  --icons-platform-icon-ig-bg: var(--magenta-magenta);
  --icons-platform-icon-fb-bg: var(--blue-blue-3);
  --icons-platform-icon-linkedin-bg: #069;
  --icons-platform-icon-linked-main: #dce8ee;
  --icons-section-icons-bg-disabled: var(--grey-grey);
  --icons-section-icons-text-disabled: var(--grey-grey-3);
  --icons-section-icons-attention-bg-primary: var(--yellow-yellow-1);
  --icons-section-icons-attention-icon: var(--white-white);
  --icons-section-icons-budget-bg-primary: var(--magenta-magenta-dark);
  --icons-section-icons-budget-text-primary: var(--white-white);
  --icons-section-icons-campaigns-bg-primary: var(--purple-purple-3);
  --icons-section-icons-campaigns-text-primary: var(--white-white);
  --icons-section-icons-promotions-bg-primary: var(--teal-teal);
  --icons-section-icons-promotions-text-primary: var(--white-white);
  --icons-section-icons-promotions-button-stroke: var(--teal-teal);
  --icons-section-icons-schedule-bg-primary: var(--blue-blue-2);
  --icons-section-icons-schedule-text-primary: var(--white-white);
  --icons-section-icons-schedule-button-stroke: var(--blue-blue-2);
  --icons-section-icons-search-bg-primary: var(--green-green-dark);
  --icons-section-icons-search-text-primary: var(--white-white);
  --icons-section-icons-search-button-stroke: var(--green-green-dark);
  --icons-section-icons-success-bg-primary: var(--green-green);
  --icons-section-icons-success-text-primary: var(--white-white);
  --icons-section-icons-warning-bg-primary: var(--red-red-2);
  --icons-section-icons-warning-text-primary: var(--white-white);
  --inputs-bg-default: var(--black-black-4);
  --inputs-bg-disabled: var(--black-black-4);
  --inputs-text-primary: var(--text-text-primary);
  --inputs-text-disabled: var(--grey-grey);
  --inputs-text-helper: var(--grey-grey-light-2);
  --inputs-border-primary: var(--white-white);
  --inputs-border-secondary: var(--border-border-divider);
  --inputs-border-disruptive: var(--border-border-disruptive);
  --list-item-bg-main: var(--black-black-1);
  --list-item-bg-hover: var(--black-black-3);
  --list-item-list-asset-bg-selected: var(--black-black-1);
  --navigation-bottom-nav-bg-primary: var(--background-bg-primary);
  --navigation-bottom-nav-text-default: var(--text-text-secondary);
  --navigation-bottom-nav-text-selected: var(--purple-purple-6);
  --navigation-bottom-nav-top-border: var(--border-border-cards);
  --navigation-top-nav-bg-primary: var(--black-black-dark);
  --navigation-top-nav-border-primary: var(--border-border-divider);
  --navigation-top-nav-text-primary: var(--text-text-primary);
  --navigation-top-nav-text-secondary: var(--text-text-secondary);
  --notifications-bg-default: var(--background-bg-primary);
  --notifications-bg-unread: var(--black-black-5);
  --sections-bg-primary: var(--background-bg-secondary);
  --stats-border-border: var(--border-border-divider);
  --stats-header-text-primary: var(--text-text-primary);
  --stats-header-text-secondary: var(--text-text-secondary);
  --stats-item-text-primary: var(--text-text-primary);
  --stats-item-text-tetiary: var(--text-text-tetiary);
  --stats-label-text-positive: var(--white-white);
  --stats-label-text-negative: var(--white-white);
  --stats-label-bg-positive: var(--green-green);
  --stats-label-bg-negative: var(--red-red-2);
  --tags-asset-tags-text-default: var(--text-text-secondary);
  --tags-asset-tags-bg-selected: var(--grey-grey-light-3);
  --tags-asset-tags-text-selected: var(--black-black-2);
  --tags-search-filter-bg-default: var(-grey-grey-light-4);
  --tags-search-filter-bg-selected: var(--grey-grey-light-3);
  --tags-search-filter-text-default: var(--text-text-secondary);
  --tags-search-filter-text-selected: var(--grey-grey);
  --text-text-primary: var(--white-white);
  --text-text-secondary: var(--grey-grey-3);
  --text-text-tetiary: var(--grey-grey-2);
  --text-text-hover: var(--purple-purple-4);
  --text-text-selected: var(--text-text-alternate);
  --text-text-selected-list: var(--purple-purple-2);
  --text-text-alternate: var(--white-white);
  --text-text-link: var(--blue-blue-3);
  --text-text-disruptive: var(--red-red-2);
  --toast-bg: rgba(255, 255, 255, 0.9);
  --toast-text-primary: var(--black-black-1);
  --toast-text-secondary: var(--blue-blue);
  --toast-text-disruptive: var(--white-white);
  --toast-bg-attention: var(--yellow-yellow-4);
  --toast-text-attention: var(--black-black-1);
  --toast-bg-success: var(--green-green-dark);
  --ios-status-bar-default: var(--white-white);
  --ios-status-bar-highlight: var(--grey-grey-2);
  --ios-status-bar-highlight-2: var(--white-white);
  --nav-bar-text-color: var(--white-white);
  --radio-boarder-color: var(--white);
  --alert-note: var(--white-white);
  --skeleton-loader: var(--skeleton-background-dark);
  --check-box-danger: var(--red-red);
  --stepper-color-grey: var(--grey-grey-2);
}
.Light-Mode {
  --stroke-light-grey: #e9e9e9;
  --bg-light-greay: #e5e5e6;
  --black: #242426;
  --grey-1: #616161;
  --grey-2: #9e9e9e;
  --grey-3: #d3d3d3;
  --blue-1: #0568f2;
  --purple-1: #6405eb;
}
.Dark-Mode {
  --stroke-light-grey: #e9e9e9;
  --bg-light-greay: #e5e5e6;
  --black: #242426;
  --grey-1: #616161;
  --grey-2: #9e9e9e;
  --grey-3: #d3d3d3;
  --blue-1: #0568f2;
  --purple-1: #6405eb;
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-Q2M24ULZ.css.map */