@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
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-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
  padding-top: 0px;
}
html.ios ion-modal .ion-page {
  border-radius: inherit;
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !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, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !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, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 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, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !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, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !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, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !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, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !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, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !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;
  overflow: hidden;
  z-index: 0;
}
.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,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  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: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@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;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
/*# sourceMappingURL=core.css.map */
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
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::-moz-placeholder {
  padding-left: 2px;
}
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 {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: 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=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*# sourceMappingURL=normalize.css.map */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
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%;
  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;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
/*# sourceMappingURL=structure.css.map */
html {
  font-family: var(--ion-default-font);
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: #3880ff;
  color: var(--ion-color-primary, #3880ff);
}
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: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/*# sourceMappingURL=typography.css.map */
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/*# sourceMappingURL=display.css.map */
/* Optional CSS utils that can be commented out */
.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);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 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);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
/*# sourceMappingURL=padding.css.map */
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  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;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    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;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    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;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    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;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
/*# sourceMappingURL=float-elements.css.map */
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
/*# sourceMappingURL=text-alignment.css.map */
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
/*# sourceMappingURL=text-transformation.css.map */
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
/*# sourceMappingURL=flex-utils.css.map */
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
body.dark {
  --ion-text-color: var(--ion-color-black);
  --border-color: var(--ion-color-light);
  --creand-container-bg: #2D2D2D;
  --line-chart-grid-color: #0f0f0f;
  --ion-background-color: #000000;
  --ion-color-primary: #90d5ac;
  --ion-color-primary-rgb: 144, 213, 172;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #7fbb97;
  --ion-color-primary-tint: #9bd9b4;
  --ion-color-primary-01: #023318;
  --ion-color-primary-01-rgb: 2, 51, 24;
  --ion-color-primary-01-contrast: #ffffff;
  --ion-color-primary-01-contrast-rgb: 255, 255, 255;
  --ion-color-primary-01-shade: #022d15;
  --ion-color-primary-01-tint: #1b472f;
  --ion-color-primary-02: #242525;
  --ion-color-primary-02-rgb: 36, 37, 37;
  --ion-color-primary-02-contrast: #ffffff;
  --ion-color-primary-02-contrast-rgb: 255, 255, 255;
  --ion-color-primary-02-shade: #202121;
  --ion-color-primary-02-tint: #3a3b3b;
  --ion-color-secondary: #6260a9;
  --ion-color-secondary-rgb: 98, 96, 169;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #565495;
  --ion-color-secondary-tint: #7270b2;
  --ion-color-secondary-01: #6d4e8c;
  --ion-color-secondary-01-rgb: 109, 78, 140;
  --ion-color-secondary-01-contrast: #ffffff;
  --ion-color-secondary-01-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-01-shade: #60457b;
  --ion-color-secondary-01-tint: #7c6098;
  --ion-color-secondary-02: #023318;
  --ion-color-secondary-02-rgb: 2, 51, 24;
  --ion-color-secondary-02-contrast: #ffffff;
  --ion-color-secondary-02-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-02-shade: #022d15;
  --ion-color-secondary-02-tint: #1b472f;
  --ion-color-tertiary: #cff264;
  --ion-color-tertiary-rgb: 207, 242, 100;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #b6d558;
  --ion-color-tertiary-tint: #d4f374;
  --ion-color-tertiary-01: #6d4e8c;
  --ion-color-tertiary-01-rgb: 109, 78, 140;
  --ion-color-tertiary-01-contrast: #ffffff;
  --ion-color-tertiary-01-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-01-shade: #60457b;
  --ion-color-tertiary-01-tint: #7c6098;
  --ion-color-tertiary-02: #212030;
  --ion-color-tertiary-02-rgb: 33, 32, 48;
  --ion-color-tertiary-02-contrast: #ffffff;
  --ion-color-tertiary-02-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-02-shade: #1d1c2a;
  --ion-color-tertiary-02-tint: #373645;
  --ion-color-quaternary: #413b5a;
  --ion-color-quaternary-rgb: 65, 59, 90;
  --ion-color-quaternary-contrast: #ffffff;
  --ion-color-quaternary-contrast-rgb: 255, 255, 255;
  --ion-color-quaternary-shade: #39344f;
  --ion-color-quaternary-tint: #544f6b;
  --ion-color-quaternary-01: #54507c;
  --ion-color-quaternary-01-rgb: 84, 80, 124;
  --ion-color-quaternary-01-contrast: #ffffff;
  --ion-color-quaternary-01-contrast-rgb: 255, 255, 255;
  --ion-color-quaternary-01-shade: #4a466d;
  --ion-color-quaternary-01-tint: #656289;
  --ion-color-quaternary-02: #131313;
  --ion-color-quaternary-02-rgb: 19, 19, 19;
  --ion-color-quaternary-02-contrast: #ffffff;
  --ion-color-quaternary-02-contrast-rgb: 255, 255, 255;
  --ion-color-quaternary-02-shade: #111111;
  --ion-color-quaternary-02-tint: #2b2b2b;
  --ion-color-success: #90d5ac;
  --ion-color-success-rgb: 144, 213, 172;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #7fbb97;
  --ion-color-success-tint: #9bd9b4;
  --ion-color-success-01: #023318;
  --ion-color-success-01-rgb: 2, 51, 24;
  --ion-color-success-01-contrast: #ffffff;
  --ion-color-success-01-contrast-rgb: 255, 255, 255;
  --ion-color-success-01-shade: #022d15;
  --ion-color-success-01-tint: #1b472f;
  --ion-color-warning: #ff7e56;
  --ion-color-warning-rgb: 255, 126, 86;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e06f4c;
  --ion-color-warning-tint: #ff8b67;
  --ion-color-warning-01: #3a1003;
  --ion-color-warning-01-rgb: 58, 16, 3;
  --ion-color-warning-01-contrast: #ffffff;
  --ion-color-warning-01-contrast-rgb: 255, 255, 255;
  --ion-color-warning-01-shade: #330e03;
  --ion-color-warning-01-tint: #4e281c;
  --ion-color-danger: #fca9c7;
  --ion-color-danger-rgb: 252, 169, 199;
  --ion-color-danger-contrast: #000000;
  --ion-color-danger-contrast-rgb: 0, 0, 0;
  --ion-color-danger-shade: #de95af;
  --ion-color-danger-tint: #fcb2cd;
  --ion-color-danger-01: #56032b;
  --ion-color-danger-01-rgb: 86, 3, 43;
  --ion-color-danger-01-contrast: #ffffff;
  --ion-color-danger-01-contrast-rgb: 255, 255, 255;
  --ion-color-danger-01-shade: #4c0326;
  --ion-color-danger-01-tint: #671c40;
  --ion-color-pending: #c8c7ff;
  --ion-color-pending-rgb: 200, 199, 255;
  --ion-color-pending-contrast: #000000;
  --ion-color-pending-contrast-rgb: 0, 0, 0;
  --ion-color-pending-shade: #b0afe0;
  --ion-color-pending-tint: #cecdff;
  --ion-color-pending-01: #2c2859;
  --ion-color-pending-01-rgb: 0, 0, 0;
  --ion-color-pending-01-contrast: #ffffff;
  --ion-color-pending-01-contrast-rgb: 255, 255, 255;
  --ion-color-pending-01-shade: #000000;
  --ion-color-pending-01-tint: #1a1a1a;
  --ion-color-dark: #f9f9f9;
  --ion-color-dark-rgb: 249, 249, 249;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #dbdbdb;
  --ion-color-dark-tint: #fafafa;
  --ion-color-dark-01: #141414;
  --ion-color-dark-01-rgb: 20, 20, 20;
  --ion-color-dark-01-contrast: #ffffff;
  --ion-color-dark-01-contrast-rgb: 255, 255, 255;
  --ion-color-dark-01-shade: #121212;
  --ion-color-dark-01-tint: #2c2c2c;
  --ion-color-medium: #aeaeae;
  --ion-color-medium-rgb: 174, 174, 174;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #999999;
  --ion-color-medium-tint: #b6b6b6;
  --ion-color-medium-01: #262626;
  --ion-color-medium-01-rgb: 38, 38, 38;
  --ion-color-medium-01-contrast: #ffffff;
  --ion-color-medium-01-contrast-rgb: 255, 255, 255;
  --ion-color-medium-01-shade: #212121;
  --ion-color-medium-01-tint: #3c3c3c;
  --ion-color-light: #585858;
  --ion-color-light-rgb: 88, 88, 88;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #4d4d4d;
  --ion-color-light-tint: #696969;
  --ion-color-light-01: #2d2d2d;
  --ion-color-light-01-rgb: 45, 45, 45;
  --ion-color-light-01-contrast: #ffffff;
  --ion-color-light-01-contrast-rgb: 255, 255, 255;
  --ion-color-light-01-shade: #282828;
  --ion-color-light-01-tint: #424242;
  --ion-color-light-02: #242525;
  --ion-color-light-02-rgb: 36, 37, 37;
  --ion-color-light-02-contrast: #ffffff;
  --ion-color-light-02-contrast-rgb: 255, 255, 255;
  --ion-color-light-02-shade: #202121;
  --ion-color-light-02-tint: #3a3b3b;
  --ion-color-info: #90d5ac;
  --ion-color-info-rgb: 144, 213, 172;
  --ion-color-info-contrast: #000000;
  --ion-color-info-contrast-rgb: 0, 0, 0;
  --ion-color-info-shade: #7fbb97;
  --ion-color-info-tint: #9bd9b4;
  --ion-color-info-01: #023318;
  --ion-color-info-01-rgb: 2, 51, 24;
  --ion-color-info-01-contrast: #ffffff;
  --ion-color-info-01-contrast-rgb: 255, 255, 255;
  --ion-color-info-01-shade: #022d15;
  --ion-color-info-01-tint: #1b472f;
  --ion-color-black: #ffffff;
  --ion-color-black-rgb: 255, 255, 255;
  --ion-color-black-contrast: #000000;
  --ion-color-black-contrast-rgb: 0, 0, 0;
  --ion-color-black-shade: #e0e0e0;
  --ion-color-black-tint: #ffffff;
  --ion-color-black-01: #7b7b7b;
  --ion-color-black-01-rgb: 123, 123, 123;
  --ion-color-black-01-contrast: #ffffff;
  --ion-color-black-01-contrast-rgb: 255, 255, 255;
  --ion-color-black-01-shade: #6c6c6c;
  --ion-color-black-01-tint: #888888;
  --ion-color-white: #000000;
  --ion-color-white-rgb: 0, 0, 0;
  --ion-color-white-contrast: #ffffff;
  --ion-color-white-contrast-rgb: 255, 255, 255;
  --ion-color-white-shade: #000000;
  --ion-color-white-tint: #1a1a1a;
  --ion-color-white-01: #7b7b7b;
  --ion-color-white-01-rgb: 123, 123, 123;
  --ion-color-white-01-contrast: #ffffff;
  --ion-color-white-01-contrast-rgb: 255, 255, 255;
  --ion-color-white-01-shade: #6c6c6c;
  --ion-color-white-01-tint: #888888;
  --ion-color-shadow-01: rgba(var(--ion-color-black-rgb), 0.1);
  --ion-color-shadow-015: rgba(var(--ion-color-black-rgb), 0.15);
  --ion-color-shadow-02: rgba(var(--ion-color-black-rgb), 0.2);
}
body.dark ion-button[disabled] {
  --background: transparent !important ;
}
body.light {
  --creand-container-bg: #F3F4F8;
  --border-color: rgb(218, 218, 218);
  --line-chart-grid-color: #e9e9e9;
  --ion-color-primary: #2c881b;
  --ion-color-primary-rgb: 44, 136, 27;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #277818;
  --ion-color-primary-tint: #419432;
  --ion-color-primary-01: #e3f2ea;
  --ion-color-primary-01-rgb: 227, 242, 234;
  --ion-color-primary-01-contrast: #000000;
  --ion-color-primary-01-contrast-rgb: 0, 0, 0;
  --ion-color-primary-01-shade: #c8d5ce;
  --ion-color-primary-01-tint: #e6f3ec;
  --ion-color-primary-02: #f4f9f4;
  --ion-color-primary-02-rgb: 244, 249, 244;
  --ion-color-primary-02-contrast: #000;
  --ion-color-primary-02-contrast-rgb: 0, 0, 0;
  --ion-color-primary-02-shade: #d7dbd7;
  --ion-color-primary-02-tint: #f5faf5;
  --ion-color-secondary: #90d5ac;
  --ion-color-secondary-rgb: 144, 213, 172;
  --ion-color-secondary-contrast: #000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #7fbb97;
  --ion-color-secondary-tint: #9bd9b4;
  --ion-color-secondary-01: #c1e5d2;
  --ion-color-secondary-01-rgb: 193, 229, 210;
  --ion-color-secondary-01-contrast: #000000;
  --ion-color-secondary-01-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-01-shade: #aacab9;
  --ion-color-secondary-01-tint: #c7e8d7;
  --ion-color-secondary-02: #e3f4ea;
  --ion-color-secondary-02-rgb: 227, 244, 234;
  --ion-color-secondary-02-contrast: #000000;
  --ion-color-secondary-02-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-02-shade: #c8d7ce;
  --ion-color-secondary-02-tint: #e6f5ec;
  --ion-color-tertiary: #78853c;
  --ion-color-tertiary-rgb: 120, 133, 60;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #6a7535;
  --ion-color-tertiary-tint: #869150;
  --ion-color-tertiary-01: #b1bf72;
  --ion-color-tertiary-01-rgb: 177, 191, 114;
  --ion-color-tertiary-01-contrast: #000000;
  --ion-color-tertiary-01-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-01-shade: #9ca864;
  --ion-color-tertiary-01-tint: #b9c580;
  --ion-color-tertiary-02: #f1f3eb;
  --ion-color-tertiary-02-rgb: 241, 243, 235;
  --ion-color-tertiary-02-contrast: #000000;
  --ion-color-tertiary-02-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-02-shade: #d4d6cf;
  --ion-color-tertiary-02-tint: #f2f4ed;
  --ion-color-quaternary: #d0cfec;
  --ion-color-quaternary-rgb: 208, 207, 236;
  --ion-color-quaternary-contrast: #000000;
  --ion-color-quaternary-contrast-rgb: 0, 0, 0;
  --ion-color-quaternary-shade: #b7b6d0;
  --ion-color-quaternary-tint: #d5d4ee;
  --ion-color-quaternary-01: #efeefa;
  --ion-color-quaternary-01-rgb: 239, 238, 250;
  --ion-color-quaternary-01-contrast: #000000;
  --ion-color-quaternary-01-contrast-rgb: 0, 0, 0;
  --ion-color-quaternary-01-shade: #d2d1dc;
  --ion-color-quaternary-01-tint: #f1f0fb;
  --ion-color-quaternary-02: #f8f8fc;
  --ion-color-quaternary-02-rgb: 248, 248, 252;
  --ion-color-quaternary-02-contrast: #000000;
  --ion-color-quaternary-02-contrast-rgb: 0, 0, 0;
  --ion-color-quaternary-02-shade: #dadade;
  --ion-color-quaternary-02-tint: #f9f9fc;
  --ion-color-success: #2c881b;
  --ion-color-success-rgb: 44, 136, 27;
  --ion-color-success-contrast: #fff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #277818;
  --ion-color-success-tint: #419432;
  --ion-color-success-01: #e3f2ea;
  --ion-color-success-01-rgb: 227, 242, 234;
  --ion-color-success-01-contrast: #000000;
  --ion-color-success-01-contrast-rgb: 0, 0, 0;
  --ion-color-success-01-shade: #c8d5ce;
  --ion-color-success-01-tint: #e6f3ec;
  --ion-color-warning: #af4e30;
  --ion-color-warning-rgb: 175, 78, 48;
  --ion-color-warning-contrast: #fff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #9a452a;
  --ion-color-warning-tint: #b76045;
  --ion-color-warning-01: #f7edea;
  --ion-color-warning-01-rgb: 247, 237, 234;
  --ion-color-warning-01-contrast: #000;
  --ion-color-warning-01-contrast-rgb: 0, 0, 0;
  --ion-color-warning-01-shade: #d9d1ce;
  --ion-color-warning-01-tint: #f8efec;
  --ion-color-danger: #a61259;
  --ion-color-danger-rgb: 166, 18, 89;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #92104e;
  --ion-color-danger-tint: #af2a6a;
  --ion-color-danger-01: #f8ecf2;
  --ion-color-danger-01-rgb: 248, 236, 242;
  --ion-color-danger-01-contrast: #000000;
  --ion-color-danger-01-contrast-rgb: 0, 0, 0;
  --ion-color-danger-01-shade: #dad0d5;
  --ion-color-danger-01-tint: #f9eef3;
  --ion-color-pending: #6d4e8c;
  --ion-color-pending-rgb: 109, 78, 140;
  --ion-color-pending-contrast: #ffffff;
  --ion-color-pending-contrast-rgb: 255, 255, 255;
  --ion-color-pending-shade: #60457b;
  --ion-color-pending-tint: #7c6098;
  --ion-color-pending-01: #efeefa;
  --ion-color-pending-01-rgb: 239, 238, 250;
  --ion-color-pending-01-contrast: #000000;
  --ion-color-pending-01-contrast-rgb: 0, 0, 0;
  --ion-color-pending-01-shade: #d2d1dc;
  --ion-color-pending-01-tint: #f1f0fb;
  --ion-color-dark: #333;
  --ion-color-dark-rgb: 51, 51, 51;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #2d2d2d;
  --ion-color-dark-tint: #474747;
  --ion-color-dark-01: #dcdcdc;
  --ion-color-dark-01-rgb: 220, 220, 220;
  --ion-color-dark-01-contrast: #000000;
  --ion-color-dark-01-contrast-rgb: 0, 0, 0;
  --ion-color-dark-01-shade: #c2c2c2;
  --ion-color-dark-01-tint: #e0e0e0;
  --ion-color-medium: #646464;
  --ion-color-medium-rgb: 100, 100, 100;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #585858;
  --ion-color-medium-tint: #747474;
  --ion-color-medium-01: #efefef;
  --ion-color-medium-01-rgb: 239, 239, 239;
  --ion-color-medium-01-contrast: #000;
  --ion-color-medium-01-contrast-rgb: 0, 0, 0;
  --ion-color-medium-01-shade: #d2d2d2;
  --ion-color-medium-01-tint: #f1f1f1;
  --ion-color-light: #bbb;
  --ion-color-light-rgb: 187, 187, 187;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #a5a5a5;
  --ion-color-light-tint: #c2c2c2;
  --ion-color-light-01: #f3f4f8;
  --ion-color-light-01-rgb: 243, 244, 248;
  --ion-color-light-01-contrast: #000;
  --ion-color-light-01-contrast-rgb: 0, 0, 0;
  --ion-color-light-01-shade: #d6d7da;
  --ion-color-light-01-tint: #f4f5f9;
  --ion-color-light-02: #f9f9fb;
  --ion-color-light-02-rgb: 249, 249, 251;
  --ion-color-light-02-contrast: #000;
  --ion-color-light-02-contrast-rgb: 0, 0, 0;
  --ion-color-light-02-shade: #dbdbdd;
  --ion-color-light-02-tint: #fafafb;
  --ion-color-info: #2c881b;
  --ion-color-info-rgb: 44, 136, 27;
  --ion-color-info-contrast: #fff;
  --ion-color-info-contrast-rgb: 255, 255, 255;
  --ion-color-info-shade: #277818;
  --ion-color-info-tint: #419432;
  --ion-color-info-01: #e3f2ea;
  --ion-color-info-01-rgb: 227, 242, 234;
  --ion-color-info-01-contrast: #000000;
  --ion-color-info-01-contrast-rgb: 0, 0, 0;
  --ion-color-info-01-shade: #c8d5ce;
  --ion-color-info-01-tint: #e6f3ec;
  --ion-color-black: #000;
  --ion-color-black-rgb: 0, 0, 0;
  --ion-color-black-contrast: #fff;
  --ion-color-black-contrast-rgb: 255, 255, 255;
  --ion-color-black-shade: #000;
  --ion-color-black-tint: #1a1a1a;
  --ion-color-black-01: #e5e5e5;
  --ion-color-black-01-rgb: 229, 229, 229;
  --ion-color-black-01-contrast: #000;
  --ion-color-black-01-contrast-rgb: 0, 0, 0;
  --ion-color-black-01-shade: #cacaca;
  --ion-color-black-01-tint: #e8e8e8;
  --ion-color-white: #fff;
  --ion-color-white-rgb: 255, 255, 255;
  --ion-color-white-contrast: var(--ion-color-primary);
  --ion-color-white-contrast-rgb: var(--ion-color-primary-rgb);
  --ion-color-white-shade: #e0e0e0;
  --ion-color-white-tint: #fff;
  --ion-color-white-01: #7b7b7b;
  --ion-color-white-01-rgb: 123, 123, 123;
  --ion-color-white-01-contrast: #ffffff;
  --ion-color-white-01-contrast-rgb: 255, 255, 255;
  --ion-color-white-01-shade: #6c6c6c;
  --ion-color-white-01-tint: #888888;
  --ion-color-shadow-01: rgba(var(--ion-color-black-rgb), 0.1);
  --ion-color-shadow-015: rgba(var(--ion-color-black-rgb), 0.15);
  --ion-color-shadow-02: rgba(var(--ion-color-black-rgb), 0.2);
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
span, h1, h2, h3, p, div {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.d-flex {
  display: flex;
}
.d-none {
  display: none;
}
.hidden {
  visibility: hidden;
}
.absolute {
  position: absolute;
}
h2 {
  font-family: "Tiempos Bold", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  padding-bottom: 1rem;
  transition: padding 0.1s ease-in-out;
}
@media (max-width: 767px) {
  h2 {
    padding-bottom: 0.5rem;
  }
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url('icomoon.eot');
  src: url('icomoon.eot#iefix') format("embedded-opentype"), url('icomoon.ttf') format("truetype"), url('icomoon.woff') format("woff"), url('icomoon.svg#icomoon') format("svg");
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon", sans-serif !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.icon-pendingicon::before {
  content: "";
}
.icon-transactionicon::before {
  content: "";
}
.icon-closeicon::before {
  content: "";
}
.icon-plus::before {
  content: "";
}
.icon-largedotline::before {
  content: "";
}
.icon-largedotfill::before {
  content: "";
}
.icon-dotline::before {
  content: "";
}
.icon-dotfill::before {
  content: "";
}
.icon-qr::before {
  content: "";
}
.icon-qrlector::before {
  content: "";
}
.icon-upload::before {
  content: "";
}
.icon-circlecheck::before {
  content: "";
}
.icon-closewhite::before {
  content: "";
}
.icon-delete::before {
  content: "";
}
.icon-eyewhite::before {
  content: "";
}
.icon-fingerprint::before {
  content: "";
}
.icon-line::before {
  content: "";
}
.icon-menu::before {
  content: "";
}
.icon-password::before {
  content: "";
}
.icon-arrowdown::before {
  content: "";
}
.icon-arrowdowngray::before {
  content: "";
}
.icon-arrowleftpurple::before {
  content: "";
}
.icon-arrowup::before {
  content: "";
}
.icon-box::before {
  content: "";
}
.icon-withdrawalwhite::before {
  content: "";
}
.icon-check::before {
  content: "";
}
.icon-checkbox::before {
  content: "";
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
.qr-container hr {
  animation-delay: 0.4s;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 2;
  animation-name: slideUpDown;
  animation-timing-function: linear;
  border-radius: 5px;
  height: 3px;
  margin: 0 auto 10px;
  opacity: 0;
}
.qr-container .qrc-class canvas {
  border-radius: 5px;
}
@keyframes slideUpDown {
  0% {
    opacity: 0.75;
    transform: translateY(0);
  }
  25% {
    opacity: 1;
    transform: translateY(90px);
  }
  50% {
    opacity: 0.8;
    transform: translateY(180px);
  }
  75% {
    opacity: 0.5;
    transform: translateY(90px);
  }
  to {
    opacity: 0;
    transform: translateY(0);
  }
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
.confirmation {
  color: var(--font-semibold);
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  transform: translateY(5px);
}
.confirmation .icon {
  font-size: 14px;
  margin-right: 4px;
}
.copied .confirmation {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-name: slideInOut;
}
@keyframes slideInOut {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  10% {
    opacity: 0.9;
    transform: translateY(0);
  }
  90% {
    opacity: 0.9;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
ion-toast::part(button) {
  --color: var(--text-toaster-color);
  --height: 22px;
  --width: 19px;
  font-family: var(--font-regular);
  font-size: var(--font-size-m);
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize !important;
}
.error-toastr {
  --background: var(--background-toastr-error);
  --color: var(--text-toaster-color);
  --white-space: 0;
  --width: 100;
  --start: 0;
  --end: 0;
  --box-shadow: none;
  --border-radius: 0;
  font-size: var(--font-size-m);
  text-align: start;
}
.toastr {
  --background: var(--background-toastr-success);
  --color: var(--background-color);
  --white-space: 0;
  --width: 100;
  --start: 0;
  --end: 0;
  --box-shadow: none;
  --border-radius: 0;
  font-size: var(--font-size-m);
  text-align: start;
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
ion-item.item-has-focus ion-label.label-floating {
  color: var(--ion-color-secondary) !important;
}
.no-ripple {
  --ripple-color: transparent;
}
.back-button {
  --icon-padding-bottom: 12px;
  --icon-padding-end: 12px;
  --icon-padding-start: 12px;
  --icon-padding-top: 12px;
}
.button__icon--color {
  color: rgb(var(--icon-button-color));
}
.button__icon-buy--color {
  color: rgb(var(--icon-color-buy));
}
.button__icon-sell--color {
  color: rgb(var(--icon-color-sell));
}
.button__icon-withdrawal--color {
  color: rgb(var(--icon-color-withdrawal));
}
.button__icon-address--color {
  color: rgb(var(--icon-color-address));
}
.button {
  --box-shadow: none;
  font-family: "Helvetica Regular", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
}
.button--secondary {
  --background: var(--ion-color-primary-contrast);
  --border-color: var(--ion-color-primary);
  --border-style: solid;
  --border-width: 2px;
  --color: var(--ion-color-primary);
}
.button--icon {
  --border-radius: 100%;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0.5rem;
  --padding-end: 0.5rem;
  --height-button: 2rem;
  margin: 0;
}
.button-disabled {
  color: #aeaeae;
  --border-color: #aeaeae;
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
.all-charts {
  height: 35vh;
  margin-bottom: 20px;
  margin-right: 5px;
  margin-top: 20px;
}
.all-charts .chart-container {
  display: flex;
  flex-direction: column;
  height: 35vh;
  justify-content: center;
  opacity: 1;
  position: absolute;
  transition: visibility 0s linear 300ms, opacity 300ms;
  visibility: visible;
}
.all-charts .chart-container.chart-hidden {
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
  visibility: hidden;
}
.range-default {
  color: var(--font-color-range-default);
  font-family: var(--font-family-range-default);
  font-size: var(--font-size-range-default);
  letter-spacing: var(--letter-spacing-range-default);
  padding: 5px;
  padding: var(--padding-range-default);
  text-transform: var(--tt-range-default);
}
.range-default.active {
  border-top: 1px solid var(--font-color-range-active);
  color: var(--font-color-range-active);
  font-family: var(--font-family-range-active);
  font-size: var(--font-size-range-active);
  font-weight: bold;
  letter-spacing: var(--letter-spacing-range-active);
  padding: var(--padding-range-active);
  text-transform: var(--tt-range-active);
}
.date-data {
  font-size: 12px;
  font-size: var(--font-size-date-data);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loader-modal .modal-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.asset-card-list {
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  min-width: 21rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  transition: column-gap 0.1s ease-in-out, row-gap 0.1s ease-in-out;
  transition: column-gap 0.1s ease-in-out, row-gap 0.1s ease-in-out, -moz-column-gap 0.1s ease-in-out;
}
@media (max-width: 767px) {
  .asset-card-list {
    grid-column-gap: 0.6rem;
    -moz-column-gap: 0.6rem;
         column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
    row-gap: 0.6rem;
  }
}
.asset-card {
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  cursor: pointer;
  display: grid;
  min-width: 10rem;
  padding: 1rem 1.6rem;
  grid-row-gap: 0.2rem;
  row-gap: 0.2rem;
  transition: width 0.1s ease-in-out, padding 0.1s ease-in-out;
}
.asset-card__icon-and-symbol {
  align-items: center;
  grid-column-gap: 0.7rem;
  -moz-column-gap: 0.7rem;
       column-gap: 0.7rem;
  display: flex;
}
.asset-card__icon {
  width: 2.3rem;
}
.asset-card__symbol {
  color: var(--ion-text-color);
  font-size: var(--font-size-m);
  font-weight: 600;
  text-transform: uppercase;
}
.asset-card__price {
  color: var(--ion-text-color);
  font-size: 1.5rem;
  font-size: max(1.2rem, 1.6vw);
  font-weight: 600;
  margin-top: 0.5rem;
  text-wrap: nowrap;
}
.asset-card__change {
  color: #3880ff;
  color: var(--ion-color-primary);
  font-size: var(--font-size);
  font-weight: 600;
}
.asset-card__change--red {
  color: var(--ion-color-danger);
}
@media (max-width: 767px) {
  .asset-card {
    max-width: 100%;
    padding: 1rem 1rem;
    grid-row-gap: 0.1rem;
    row-gap: 0.1rem;
  }
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
ion-content {
  --safe-area-top: calc(8px + var(--ion-safe-area-top));
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 0;
  --padding-bottom: 10px;
}
div.swiper-pagination {
  padding-top: 15px;
  position: relative;
}
.header ion-title {
  color: var(--font-color-header);
  font-family: var(--font-family-header);
  font-size: var(--font-size-header);
  text-transform: var(--tt-header);
}
.header ion-menu-button {
  color: var(--burguer-menu-color);
}
.title-card .title {
  color: var(--font-color-card-title);
  font-family: var(--font-family-card-title);
  font-size: var(--font-size-card-title);
  text-transform: var(--tt-card-title);
}
.title-card .subtitle {
  color: var(--font-color-card-subtitle);
  font-family: var(--font-family-card-subtitle);
  font-size: var(--font-size-card-subtitle);
  text-transform: var(--tt-card-subtitle);
}
.title-card .icon-asset {
  height: var(--font-size-card-title);
  width: var(--font-size-card-title);
}
ion-list-header h2 {
  color: var(--font-color-ion-list-title);
  font-family: var(--font-family-ion-list-title);
  font-size: var(--font-size-ion-list-title);
  text-transform: var(--tt-ion-list-title);
}
.item-assets .first-text {
  color: var(--font-color-item-asset-name);
  font-family: var(--font-family-item-asset-name);
  font-size: var(--font-size-item-asset-name);
  line-height: 1;
  text-transform: var(--tt-item-asset-name);
}
.item-assets .second-text {
  color: var(--font-color-item-asset-symbol);
  font-family: var(--font-family-item-asset-symbol);
  font-size: var(--font-size-item-asset-symbol);
  line-height: 1;
  text-transform: var(--tt-item-asset-symbol);
}
.item-assets .end-text {
  color: var(--font-color-item-asset-price);
  font-family: var(--font-family-item-asset-price);
  font-size: var(--font-size-item-asset-price);
  line-height: 1;
  text-transform: var(--tt-item-asset-price);
}
.item-assets .variation {
  line-height: 1;
}
.item-assets .variation__positive {
  color: var(--font-color-item-asset-increment-positive);
  font-family: var(--font-family-item-asset-increment-positive);
  font-size: var(--font-size-item-asset-increment-positive);
  text-transform: var(--tt-item-asset-increment-positive);
}
.item-assets .variation__negative {
  color: var(--font-color-item-asset-increment-negative);
  font-family: var(--font-family-item-asset-increment-negative);
  font-size: var(--font-size-item-asset-increment-negative);
  text-transform: var(--tt-item-asset-increment-negative);
}
.item-graph .first-text {
  color: var(--font-color-item-graph-money);
  font-family: var(--font-family-item-graph-money);
  font-size: var(--font-size-item-graph-money);
  text-transform: var(--tt-item-graph-money);
}
.item-graph .end-text {
  color: var(--font-color-item-graph-date);
  font-family: var(--font-family-item-graph-date);
  font-size: var(--font-size-item-graph-date);
  text-transform: var(--tt-item-graph-date);
}
.vertical-info .first-text {
  color: var(--font-color-item-vertical-label);
  font-family: var(--font-family-item-vertical-label);
  font-size: var(--font-size-item-vertical-label);
  text-transform: var(--tt-item-vertical-label);
}
.vertical-info .end-text {
  color: var(--font-color-item-vertical-data);
  font-family: var(--font-family-item-vertical-data);
  font-size: var(--font-size-item-vertical-data);
  text-transform: var(--tt-item-vertical-data);
}
.horizontal-info .first-text {
  color: var(--font-color-item-horizontal-label);
  font-family: var(--font-family-item-horizontal-label);
  font-size: var(--font-size-item-horizontal-label);
  text-transform: var(--tt-item-horizontal-label);
}
.horizontal-info .end-text {
  color: var(--font-color-item-horizontal-data);
  font-family: var(--font-family-item-horizontal-data);
  font-size: var(--font-size-item-horizontal-data);
  text-transform: var(--tt-item-horizontal-data);
}
ion-segment-button ion-label {
  color: var(--font-color-segment);
  font-family: var(--font-family-segment);
  font-size: var(--font-size-segment);
  text-transform: var(--tt-segment);
}
ion-button {
  height: 36px;
  height: var(--height-button);
}
ion-button[color=primary] {
  border-radius: var(--border-radius-primary-button);
  color: var(--font-color-primary-button);
  font-family: var(--font-family-primary-button);
  font-size: var(--font-size-primary-button);
  text-transform: var(--tt-primary-button);
}
ion-button[color=secondary] {
  background: var(--disabled-color);
  border-radius: var(--border-radius-secondary-button);
  color: var(--font-color-secondary-button);
  font-family: var(--font-family-secondary-button);
  font-size: var(--font-size-secondary-button);
  text-transform: var(--tt-secondary-button);
}
ion-item.input {
  --ion-item-background: var(--background-color-input);
  border-radius: var(--border-radius-input);
}
ion-item.input ion-input,
ion-item.input ion-select,
ion-item.input .alert-radio-label {
  color: var(--font-color-input);
  font-family: var(--font-family-input);
  font-size: var(--font-size-input);
  text-transform: var(--tt-input);
}
ion-item.input ion-label {
  color: var(--font-color-label);
  font-family: var(--font-family-label);
  font-size: var(--font-size-label);
  text-transform: var(--tt-label);
}
ion-footer {
  padding: var(--padding-footer);
}
.creand-account {
  font-family: "Helvetica Regular", sans-serif;
  width: -moz-min-content;
  width: min-content;
  display: grid;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
  animation: fadeIn 1s;
}
.creand-account__euro {
  max-width: 2.8rem;
  max-height: 2.8rem;
}
.creand-account__details {
  display: flex;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  align-items: center;
}
.creand-account__iban {
  display: grid;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.creand-account__iban-title {
  font-family: "Helvetica Bold", sans-serif;
  white-space: nowrap;
}
.creand-account__iban-number {
  font-family: "Helvetica Regular", sans-serif;
  color: var(--ion-color-medium);
  white-space: nowrap;
  font-size: 0.875rem;
}
.creand-account__balance {
  display: flex;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  font-size: 0.875rem;
  align-items: center;
}
.creand-account__balance-value {
  font-family: "Helvetica Bold", sans-serif;
  font-size: 1rem;
  font-size: 1.5rem;
}
.creand-asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  grid-row-gap: 2rem;
  grid-row-gap: 2rem;
  row-gap: 2rem;
}
.creand-asset-grid__item {
  display: grid;
}
.creand-asset-grid__item-title {
  color: var(--ion-color-medium);
  font-family: "Helvetica Thin", sans-serif;
  text-wrap: nowrap;
}
@media (max-width: 767px) {
  .creand-asset-grid__item-title {
    font-size: 0.9rem;
  }
}
.creand-asset-grid__item-value {
  font-family: "Helvetica Bold", sans-serif;
  text-wrap: nowrap;
}
.creand-asset-grid__separator {
  border-top: 1px solid var(--border-color);
  margin: 30px 0;
}
@media (max-width: 767px) {
  .creand-asset-grid__separator {
    margin: 30px 10px;
  }
}
.creand-asset-grid--general {
  grid-template-areas: "volume24h ath high24h low24h";
}
@media (max-width: 767px) {
  .creand-asset-grid--general {
    grid-template-areas: "volume24h ath" "high24h low24h";
  }
}
.creand-asset-grid--detailed {
  grid-template-areas: "percentChange1h percentChange24h percentChange7d percentChange14d" "percentChange200d percentChange1y . .";
}
@media (max-width: 767px) {
  .creand-asset-grid--detailed {
    grid-template-areas: "percentChange1h percentChange24h" "percentChange7d percentChange14d" "percentChange200d percentChange1y";
  }
}
@media (max-width: 767px) {
  .creand-asset-grid {
    grid-template-columns: 6rem 9rem;
    justify-content: space-between;
  }
}
.creand-card-asset {
  display: flex;
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
  font-family: "Helvetica Bold", sans-serif;
  font-size: 1.1rem;
}
.creand-card-asset__asset {
  display: flex;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}
.creand-card-asset__asset-icon {
  max-width: 2rem;
  max-height: 2rem;
}
.creand-card-asset__asset-name {
  font-size: 1.2rem;
}
.creand-card-asset__variation {
  font-size: 1rem;
  color: var(--ion-color-medium);
  font-family: "Helvetica Thin", sans-serif;
}
.creand-card-asset__variation-value {
  font-family: "Helvetica Bold", sans-serif;
  font-size: 1.1rem;
  color: black;
}
.creand-card-asset__variation-value--positive {
  color: #3880ff;
  color: var(--ion-color-primary);
}
.creand-card-asset__variation-value--negative {
  color: var(--ion-color-danger);
}
@media (max-width: 767px) {
  .creand-card-asset {
    display: grid;
    grid-row-gap: 0.6rem;
    row-gap: 0.6rem;
  }
}
.creand-card-wallet {
  display: flex;
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
}
.creand-card-wallet__asset {
  font-family: "Helvetica Bold", sans-serif;
  font-size: 1.1rem;
  display: flex;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.creand-card-wallet__asset-icon {
  max-width: 2rem;
  max-height: 2rem;
}
.creand-card-wallet__asset-name {
  font-family: "Helvetica Bold";
  font-size: 1.2rem;
}
.creand-card-wallet__prop {
  display: flex;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  line-height: 18px;
}
.creand-card-wallet__prop-title {
  font-family: "Helvetica Regular", sans-serif;
  color: gray;
  text-wrap: nowrap;
  text-align: right;
}
.creand-card-wallet__prop-value {
  font-family: "Helvetica Bold", sans-serif;
  text-wrap: nowrap;
  font-size: 1.2rem;
  text-align: left;
}
.creand-card-wallet__prop-subvalue {
  font-size: 1rem;
  font-family: "Helvetica Regular", sans-serif;
}
.creand-card-wallet__address {
  display: flex;
  grid-column-gap: 0.4rem;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  align-items: center;
  justify-content: center;
}
.creand-card-wallet__address-copy {
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
}
.creand-card-wallet__address-value {
  color: gray;
  text-decoration: underline;
  font-family: "Helvetica Thin", sans-serif;
  font-size: 1rem;
}
.creand-card-wallet__details {
  display: grid;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
.creand-card-wallet__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.creand-card-wallet__actions-button {
  cursor: pointer;
  font-family: "Helvetica Thin", sans-serif;
  text-decoration: underline;
  color: #3880ff;
  color: var(--ion-color-primary);
}
.creand-card-wallet__actions-button--disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(1);
}
.creand-card-wallet__actions-button img {
  max-width: 1rem;
  margin-left: 0.2rem;
  vertical-align: text-top;
}
@media (max-width: 767px) {
  .creand-card-wallet {
    display: grid;
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }
}
.creand-card {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border-radius: 0.8rem;
  background: var(--ion-color-primary-01);
  grid-row-gap: 0.9rem;
  row-gap: 0.9rem;
  text-align: center;
}
.creand-container {
  background: var(--creand-container-bg);
  padding: 2rem;
  border-radius: 8px;
}
.dashboard {
  display: grid;
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-template-areas: "wallet chart" "transactions transactions";
}
.dashboard__wallet {
  grid-area: wallet;
  grid-template-rows: max-content 1fr;
  display: grid;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
.dashboard__actions {
  align-self: baseline;
}
.dashboard__chart {
  grid-area: chart;
}
.dashboard__transactions {
  grid-area: transactions;
}
@media (max-width: 991px) {
  .dashboard {
    grid-template-columns: 100%;
    grid-template-areas: "wallet" "actions" "chart" "transactions";
  }
}
.donut-chart {
  display: grid;
  grid-template-areas: "chart" "legend";
  justify-content: center;
  justify-items: center;
  margin: 1rem 0 1.5rem;
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
  grid-template-columns: 1fr;
  position: relative;
  z-index: 1;
}
.donut-chart__chart {
  width: 100% !important;
  animation: fadeIn 1s;
}
.donut-chart__chart-container {
  grid-area: chart;
  place-self: center;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 15rem;
  min-height: 15rem;
  max-width: 18rem;
  max-height: 18rem;
}
.donut-chart__chart-container-fixed {
  min-width: 15rem;
  min-height: 15rem;
  max-width: 18rem;
  max-height: 18rem;
}
.donut-chart__legend {
  animation: fadeIn 0.5s;
  align-items: center;
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  display: flex;
  flex-wrap: nowrap;
  grid-area: legend;
  justify-content: center;
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}
@media (max-width: 767px) {
  .donut-chart__legend {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
    flex-wrap: wrap;
    width: 15rem;
    justify-self: center;
  }
}
.donut-chart__legend-asset {
  font-family: "Helvetica Bold", sans-serif;
  font-weight: 500;
}
.donut-chart__legend-item {
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.donut-chart__legend-item--hidden {
  opacity: 0.4;
}
.donut-chart__legend-color {
  border-radius: 100%;
  height: 1.6rem;
  min-width: 1.6rem;
  transition: width 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .donut-chart__legend-color {
    height: 1.2rem;
    min-width: 1.2rem;
  }
}
.donut-chart__center-container {
  animation: fadeIn 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  justify-items: center;
  font-family: "Helvetica Bold", sans-serif;
  pointer-events: none;
  z-index: -1;
}
.donut-chart__center-amount-container {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  grid-column-gap: 0.3rem;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
  justify-content: center;
  align-items: baseline;
}
.donut-chart__center-amount {
  font-size: 2rem;
}
.donut-chart__center-symbol {
  font-size: 1.2rem;
  color: var(--ion-color-medium);
}
.donut-chart__center-total {
  font-size: 1.3rem;
  color: var(--ion-color-light-shade);
}
@media (max-width: 767px) {
  .donut-chart {
    grid-template-areas: "legend" "chart";
  }
}
.go-back {
  font-family: "Helvetica Regular", sans-serif;
  display: flex;
  align-items: center;
  color: #3880ff;
  color: var(--ion-color-primary);
  font-size: 0.9rem;
  font-weight: 600;
  grid-column-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
  cursor: pointer;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.go-back__button {
  font-size: 0.8rem;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0.2rem;
  --padding-end: 0.2rem;
  --height-button: 1.4rem;
}
:root {
  --transform-y-radio-button: 0;
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-toolbar-color: black;
  --height-button: 36px;
  --line-color-home-graph1: black;
  --card-color: 227, 242, 234;
  --background-color-home-graph1: gray;
  --line-color-dashboard-graph1: black;
  --background-color-dashboard-graph1: gray;
  --line-color-dashboard-graph2: black;
  --background-color-dashboard-graph2: gray;
  --color-doughnut-2: #99fa6e;
  --color-doughnut-1: #95f46d;
  --color-doughnut-3: #91ee6c;
  --color-doughnut-4: #8de76b;
  --color-doughnut-5: #89e16a;
  --color-doughnut-6: #85da69;
  --color-doughnut-7: #81d368;
  --color-doughnut-8: #7ccb66;
  --color-doughnut-9: #78c465;
  --color-doughnut-10: #73bc64;
  --color-doughnut-11: #6eb463;
  --color-doughnut-12: #68ab62;
  --color-doughnut-13: #63a261;
  --color-doughnut-14: #5d995f;
  --color-doughnut-15: #568e5e;
  --color-doughnut-16: #50835d;
  --color-doughnut-17: #48775c;
  --color-doughnut-18: #406a5b;
  --color-doughnut-19: #365b59;
  --color-doughnut-20: #2a4858;
  --back-button-color: var(--ion-color-primary);
  --back-button-height: 18px;
  --back-button-width: 18px;
  --close-button-color: var(--ion-color-primary);
  --close-button-height: 26px;
  --close-button-width: 26px;
  --home-asset-color: var(--ion-color-primary);
  --home-asset-width: 24px;
  --home-asset-height: 24px;
  --dashboard-asset-color: var(--ion-color-primary);
  --dashboard-asset-width: 40px;
  --dashboard-asset-height: 40px;
  --padding-range-default: 5px;
  --font-size-date-data: 12px;
  --font-size-s: 12px;
  --form-checked-color: var(--ion-color-primary-rgb);
}
.line-chart {
  width: 100%;
  min-height: 16rem;
  animation: fadeIn 1s;
}
.line-chart__container {
  min-height: inherit;
}
.line-chart__price {
  font-family: "Helvetica Bold";
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  animation: fadeIn 1s;
}
.section {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .section--reactive {
    margin-bottom: 1rem;
  }
}
.transaction-list {
  position: relative;
}
.transaction-list__grid {
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-areas: ". balance amount" "groups groups groups";
  grid-template-columns: 1fr 133px;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
@media (max-width: 767px) {
  .transaction-list__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "groups";
  }
}
.transaction-list__groups {
  display: grid;
  grid-area: groups;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
.transaction-list__header {
  font-family: "Helvetica Regular", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
}
.transaction-list__header--balance {
  grid-area: balance;
  text-align: right;
}
.transaction-list__header--amount {
  text-align: right;
  grid-area: amount;
}
@media (max-width: 767px) {
  .transaction-list__header {
    display: none;
  }
}
.transaction-list__group-header {
  background: var(--ion-color-light-01);
  color: var(--ion-color-medium);
  font-family: "Helvetica Thin", sans-serif;
  font-size: 16px;
  padding: 8px 20px;
  text-transform: capitalize;
  text-wrap: nowrap;
}
.transaction-list__group-header-whenday {
  font-family: "Helvetica Bold", sans-serif;
  margin-right: 0.1rem;
}
.transaction-list__group {
  display: grid;
}
.transaction-list__group-item {
  cursor: pointer;
  padding: 1rem 0;
}
.transaction-list__group-item:not(:nth-child(1)):not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.transaction-item {
  align-items: center;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-areas: "desc balance";
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
.transaction-item__balance {
  text-align: right;
  font-size: 16px;
  grid-area: balance;
}
.transaction-item__balance--negative {
  color: var(--ion-color-danger);
}
.transaction-item__amount {
  padding-right: 1rem;
  grid-area: amount;
  white-space: nowrap;
  font-family: "Helvetica Bold", sans-serif;
}
@media (max-width: 767px) {
  .transaction-item__amount {
    display: none;
  }
}
.transaction-item__desc-content {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem;
  gap: 1rem;
}
@media (max-width: 767px) {
  .transaction-item__desc-content {
    grid-gap: 0rem;
    gap: 0rem;
    flex-direction: column;
  }
}
.transaction-item__desc {
  align-items: center;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  font-family: "Helvetica Bold", sans-serif;
  font-size: 18px;
  grid-area: desc;
  word-break: break-word;
  max-height: 52px;
}
.transaction-item__desc img {
  max-width: 48px;
}
@media (max-width: 575px) {
  .transaction-item__desc {
    font-size: 1rem;
  }
}
.transaction-item__balance-responsive {
  display: block;
  white-space: nowrap;
  font-family: "Helvetica Thin", sans-serif;
}
@media (max-width: 767px) {
  .transaction-item__balance-responsive {
    display: grid;
    text-align: right;
  }
}
.transaction-item__balance-responsive-amount {
  font-family: "Helvetica Bold", sans-serif;
  display: none;
}
@media (max-width: 767px) {
  .transaction-item__balance-responsive-amount {
    display: block;
  }
}
@media (max-width: 767px) {
  .transaction-item {
    grid-template-areas: "desc balance";
    grid-template-columns: 1fr 1fr;
  }
}
.wallet-actions {
  display: flex;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}
.wallet-item-list {
  display: grid;
}
.wallet-item {
  border-bottom: 1px solid var(--border-color);
  display: grid;
  grid-gap: 0 1rem;
  gap: 0 1rem;
  grid-template-areas: "asset asset asset asset actions" "balance balance-value amount amount-value go";
  grid-template-columns: repeat(4, minmax(9rem, 1fr)) 40px;
  grid-template-rows: 5rem 2.4rem;
  padding: 1rem 0 2rem 0;
}
.wallet-item--no-wallet {
  grid-template-rows: 5rem 1.5rem;
  padding: 2rem 0;
}
.wallet-item__amount {
  grid-area: amount;
}
.wallet-item__amount-value {
  grid-area: amount-value;
}
.wallet-item__asset {
  align-items: center;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  font-family: "Helvetica Bold", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  grid-area: asset;
  text-transform: capitalize;
  text-wrap: nowrap;
}
.wallet-item__asset-logo {
  height: 2.3rem;
  width: 2.3rem;
  min-width: 2.3rem;
  max-width: 2.3rem;
  max-height: 2.3rem;
  min-height: 2.3rem;
}
.wallet-item__actions {
  align-items: center;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
  grid-area: actions;
  justify-content: flex-end;
}
.wallet-item__rentalPercent {
  grid-area: rentalPercent;
}
.wallet-item__rentalPercent-value {
  grid-area: rentalPercent-value;
}
.wallet-item__rentalEur {
  grid-area: rentalEur;
}
.wallet-item__rentalEur-value {
  grid-area: rentalEur-value;
}
.wallet-item__balance {
  grid-area: balance;
}
.wallet-item__balance-value {
  grid-area: balance-value;
}
.wallet-item__asset-prop-container {
  align-items: center;
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
}
@media (max-width: 767px) {
  .wallet-item__asset-prop-container {
    justify-content: space-between;
    max-width: 100%;
  }
}
.wallet-item__asset-prop {
  /*     width: 18rem;
      max-width: 18rem; */
  color: var(--ion-color-medium);
  flex-grow: 1;
  padding-left: 1rem;
  text-wrap: nowrap;
}
.wallet-item__asset-pair-value {
  font-size: 0.8rem;
}
.wallet-item__asset-value {
  font-family: "Helvetica Bold", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-wrap: nowrap;
}
.wallet-item__asset-value--positive {
  color: #3880ff;
  color: var(--ion-color-primary);
}
.wallet-item__asset-value--negative {
  color: var(--ion-color-danger);
}
@media (max-width: 767px) {
  .wallet-item__asset-value {
    width: 100%;
    text-align: right;
  }
}
.wallet-item__go {
  align-items: center;
  display: flex;
  grid-area: go;
  justify-content: flex-end;
  padding-right: 2px;
}
@media (max-width: 767px) {
  .wallet-item {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "asset go" "balance balance-value" "amount amount-value" "actions actions";
    grid-template-rows: 4rem 2.4rem 2.4rem 4.2rem;
    padding: 1rem 0;
  }
  .wallet-item--no-wallet {
    grid-template-rows: 3rem 1rem;
    padding: 1rem 0 1.1rem;
  }
}
.tx-tag-state {
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  border-width: 1.5px;
  border-style: dashed;
  font-family: "Helvetica Regular", sans-serif;
  font-size: 14px;
}
.tx-tag-state--pending {
  background-color: #ffa50026;
  border-color: #ffa5003b;
  color: #ff9d13;
}
.tx-tag-state--approved {
  background-color: #00800026;
  border-color: #0080003b;
  color: #008000;
}
.tx-tag-state--rejected {
  background-color: #ff000026;
  border-color: #ff00003b;
  color: #ff0000;
}
.tx-tag-state--sent {
  background-color: #00800026;
  border-color: #0080003b;
  color: #008000;
}
.tx-tag-state--refunded {
  background-color: #00800026;
  border-color: #0080003b;
  color: #008000;
}
.tx-tag-state--frozen {
  background-color: #00c4ff26;
  border-color: #00c4ff3b;
  color: #00c4ff;
}
@media (max-width: 767px) {
  .tx-tag-state {
    font-size: 12px;
    padding: 0.15rem 0.35rem;
  }
}
/*!
 * Ladda including the default theme.
 *//*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */@keyframes ladda-spinner-line-fade{0%,100%{opacity:.22}1%{opacity:1}}.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,.2);display:none;transition:.1s linear all}.ladda-button[data-loading] .ladda-progress{display:block}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{transition:.3s ease all}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size=s],.ladda-button[data-style=expand-right][data-loading][data-size=xs]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size=s],.ladda-button[data-style=expand-left][data-loading][data-size=xs]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size=s],.ladda-button[data-style=expand-up][data-loading][data-size=xs]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size=s],.ladda-button[data-style=expand-down][data-loading][data-size=xs]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}[dir=rtl] .ladda-button[data-style=slide-right] .ladda-spinner{right:auto}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;transform:scale(2.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;transform:scale(0.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}[dir=rtl] .ladda-spinner>div{left:25% !important}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ladda-button:hover{border-color:rgba(0,0,0,.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973c2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,.07)}.ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em}