@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

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-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px
}

html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px
}

html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px)
}

@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: .18
  }
}

ion-modal.modal-default:not(.overlay-hidden)~ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none
}

html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius)
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #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 {
  inset: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0
}

ion-modal .ion-page:not(ion-nav .ion-page) {
  position: relative;
  contain: layout style;
  height: 100%
}

.split-pane-visible>.ion-page.split-pane-main {
  position: relative
}

ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  display: none !important
}

.ion-page-invisible {
  opacity: 0
}

.can-go-back>ion-header ion-back-button {
  display: block
}

html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding)
  }
}

@supports (padding-top: 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: translateZ(0)
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px #00000014
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px #00000014
}

.md .menu-content-reveal,
.md .menu-content-push {
  box-shadow: 4px 0 16px #0000002e
}

ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px
}

ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon {
  transition: .3s transform cubic-bezier(.25, .8, .5, 1)
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important
  }
}

ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg)
}

ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px
}

ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0
}

ion-input input::-webkit-date-and-time-value {
  text-align: start
}

.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content
}

.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px
}

audio,
canvas,
progress,
video {
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

b,
strong {
  font-weight: 700
}

img {
  max-width: 100%
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit
}

textarea::placeholder {
  padding-left: 2px
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit
}

html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation
}

a ion-label,
button ion-label {
  pointer-events: none
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button
}

[tappable] {
  cursor: pointer
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%
}

html.ion-ce body {
  display: block
}

html.plt-pwa {
  height: 100vh
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none
}

html {
  font-family: var(--ion-font-family)
}

a {
  background-color: transparent;
  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: -.5em
}

sub {
  bottom: -.25em
}

.ion-hide,
.ion-hide-up,
.ion-hide-down {
  display: none !important
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important
  }
}

@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important
  }
}

@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important
  }
}

@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important
  }
}

@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important
  }
}

@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important
  }
}

@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important
  }
}

@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important
  }
}

.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding: 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: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 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: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px)
  }
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px)
}

.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  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: var(--ion-padding, 16px)
  }
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 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: var(--ion-padding, 16px)
  }
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px)
}

.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px)
}

.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 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: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px)
  }
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin: 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: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 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: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px)
  }
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px)
}

.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  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: var(--ion-margin, 16px)
  }
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 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: var(--ion-margin, 16px)
  }
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px)
}

.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px)
}

.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 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: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px)
  }
}

.ion-float-left {
  float: left !important
}

.ion-float-right {
  float: right !important
}

.ion-float-start {
  float: left !important
}

[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
  }
}

.ion-text-center {
  text-align: center !important
}

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

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

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

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

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

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

.ion-text-wrap {
  white-space: normal !important
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important
  }

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

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

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

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

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

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

  .ion-text-sm-wrap {
    white-space: normal !important
  }
}

@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important
  }

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

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

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

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

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

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

  .ion-text-md-wrap {
    white-space: normal !important
  }
}

@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important
  }

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

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

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

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

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

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

  .ion-text-lg-wrap {
    white-space: normal !important
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important
  }

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

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

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

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

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

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

  .ion-text-xl-wrap {
    white-space: normal !important
  }
}

.ion-text-uppercase {
  text-transform: uppercase !important
}

.ion-text-lowercase {
  text-transform: lowercase !important
}

.ion-text-capitalize {
  text-transform: capitalize !important
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important
  }

  .ion-text-sm-lowercase {
    text-transform: lowercase !important
  }

  .ion-text-sm-capitalize {
    text-transform: capitalize !important
  }
}

@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important
  }

  .ion-text-md-lowercase {
    text-transform: lowercase !important
  }

  .ion-text-md-capitalize {
    text-transform: capitalize !important
  }
}

@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important
  }

  .ion-text-lg-lowercase {
    text-transform: lowercase !important
  }

  .ion-text-lg-capitalize {
    text-transform: capitalize !important
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important
  }

  .ion-text-xl-lowercase {
    text-transform: lowercase !important
  }

  .ion-text-xl-capitalize {
    text-transform: capitalize !important
  }
}

.ion-align-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
}

@keyframes hotToastEnter {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.hot-toast-animated-icon {
  animation: var(--hot-toast-animated-icon-animation, hotToastEnter .3s ease-in-out forwards);
  position: var(--hot-toast-animated-icon-position, relative);
  transform: var(--hot-toast-animated-icon-transform, scale(0))
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-animated-icon {
    animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
    opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
    transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1))
  }
}

@keyframes hotToastCircleAnimation {
  0% {
    opacity: 0;
    transform: scale(0) rotate(45deg)
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(45deg)
  }
}

@keyframes hotToastCheckmarkAnimation {
  0% {
    height: 0;
    opacity: 0;
    width: 0
  }

  40% {
    height: 0;
    opacity: 1;
    width: 6px
  }

  to {
    height: 10px;
    opacity: 1
  }
}

.hot-toast-checkmark-icon {
  animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation .3s cubic-bezier(.175, .885, .32, 1.275) forwards);
  animation-delay: var(--hot-toast-checkmark-icon-animation-delay, .1s);
  background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
  border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
  height: var(--hot-toast-checkmark-icon-height, 20px);
  opacity: var(--hot-toast-checkmark-icon-opacity, 0);
  position: var(--hot-toast-checkmark-icon-position, relative);
  transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
  width: var(--hot-toast-checkmark-icon-width, 20px)
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon {
    animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms)
  }
}

.hot-toast-checkmark-icon:after {
  animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation .2s ease-out forwards);
  animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, .2s);
  border-bottom-style: solid;
  border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
  border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
  border-right-style: solid;
  border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
  bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
  box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
  content: var(--hot-toast-checkmark-icon-after-content, "");
  height: var(--hot-toast-checkmark-icon-after-height, 10px);
  left: var(--hot-toast-checkmark-icon-after-left, 6px);
  opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
  position: var(--hot-toast-checkmark-icon-after-position, absolute);
  width: var(--hot-toast-checkmark-icon-after-width, 6px)
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon:after {
    animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms)
  }
}

@keyframes hotToastErrorCircleAnimation {
  0% {
    opacity: 0;
    transform: scale(0) rotate(45deg)
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(45deg)
  }
}

@keyframes hotToastFirstLineAnimation {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes hotToastSecondLineAnimation {
  0% {
    opacity: 0;
    transform: scale(0) rotate(90deg)
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(90deg)
  }
}

.hot-toast-error-icon {
  animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation .3s cubic-bezier(.175, .885, .32, 1.275) forwards);
  animation-delay: var(--hot-toast-error-icon-animation-delay, .1s);
  background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
  border-radius: var(--hot-toast-error-icon-border-radius, 10px);
  height: var(--hot-toast-error-icon-height, 20px);
  opacity: var(--hot-toast-error-icon-opacity, 0);
  position: var(--hot-toast-error-icon-position, relative);
  transform: var(--hot-toast-error-icon-transform, rotate(45deg));
  width: var(--hot-toast-error-icon-width, 20px)
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon {
    animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms)
  }
}

.hot-toast-error-icon:after,
.hot-toast-error-icon:before {
  animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation .15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, .15s);
  background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
  border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
  bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
  content: var(--hot-toast-error-icon-after-before-content, "");
  height: var(--hot-toast-error-icon-after-before-height, 2px);
  left: var(--hot-toast-error-icon-after-before-left, 4px);
  opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
  position: var(--hot-toast-error-icon-after-before-position, absolute);
  width: var(--hot-toast-error-icon-after-before-width, 12px)
}

@media (prefers-reduced-motion: reduce) {

  .hot-toast-error-icon:after,
  .hot-toast-error-icon:before {
    animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms)
  }
}

.hot-toast-error-icon:before {
  animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation .15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-before-animation-delay, .18s);
  transform: var(--hot-toast-error-icon-before-transform, rotate(90deg))
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon:before {
    animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms)
  }
}

.hot-toast-bar-base {
  align-items: var(--hot-toast-align-items, center);
  background-color: var(--hot-toast-bg, #fff);
  border-radius: var(--hot-toast-border-radius, 4px);
  box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, .1), 0 3px 3px rgba(0, 0, 0, .05));
  color: var(--hot-toast-color, #363636);
  display: var(--hot-toast-display, flex);
  line-height: var(--hot-toast-line, 1.3);
  margin: var(--hot-toast-margin, 16px);
  max-width: var(--hot-toast-max-width, 350px);
  padding: var(--hot-toast-padding, 8px 10px);
  pointer-events: var(--hot-toast-pointer-events, auto);
  width: var(--hot-toast-width, -moz-fit-content);
  width: var(--hot-toast-width, fit-content);
  will-change: var(--hot-toast-will-change, transform)
}

.hot-toast-bar-base:hover,
.hot-toast-bar-base:focus {
  animation-play-state: var(--hot-toast-animation-state, paused) !important
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base {
    animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important
  }
}

.hot-toast-message {
  color: var(--hot-toast-message-color, inherit);
  display: var(--hot-toast-message-display, flex);
  flex: var(--hot-toast-message-flex, 1);
  justify-content: var(--hot-toast-message-justify-content, center);
  margin: var(--hot-toast-message-margin, 4px 10px)
}

.hot-toast-bar-base-container {
  display: var(--hot-toast-container-display, flex);
  pointer-events: var(--hot-toast-container-pointer-events, none);
  position: var(--hot-toast-container-position, absolute);
  transition: var(--hot-toast-container-transition, transform .23s cubic-bezier(.21, 1.02, .73, 1))
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base-container {
    transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important
  }
}

.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
  background: var(--hot-toast-snackbar-bg, #323232);
  box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12));
  color: var(--hot-toast-snackbar-color, rgb(255, 255, 255))
}

.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
  filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%))
}

.hot-toast-close-btn {
  align-self: var(--hot-toast-close-btn-align-self, flex-start);
  background-color: var(--hot-toast-close-btn-background-color, transparent);
  background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
  background-position: var(--hot-toast-close-btn-background-position, center);
  background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-close-btn-background-size, .75em);
  border: var(--hot-toast-close-btn-border, 0);
  border-radius: var(--hot-toast-close-btn-border-radius, .25rem);
  box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
  display: var(--hot-toast-close-btn-display, flex);
  height: var(--hot-toast-close-btn-height, .8em);
  margin-top: var(--hot-toast-close-btn-margin-top, .25em);
  opacity: var(--hot-toast-close-btn-opacity, .5);
  padding: var(--hot-toast-close-btn-padding, .25em);
  width: var(--hot-toast-close-btn-width, .8em)
}

.hot-toast-close-btn:focus {
  box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 .125rem rgba(13, 110, 253, .25));
  outline: var(--hot-toast-close-btn-outline, none)
}

.hot-toast-close-btn:hover,
.hot-toast-close-btn:focus {
  opacity: var(--hot-toast-close-btn-opacity, .75)
}

.hot-toast-icon {
  align-self: var(--hot-toast-icon-align-self, flex-start);
  padding-top: var(--hot-toast-icon-padding-top, .25em)
}

@keyframes hotToastEnterAnimationNegative {
  0% {
    opacity: .5;
    transform: translate3d(0, -80px, 0) scale(.6)
  }

  to {
    opacity: 1;
    transform: translateZ(0) scale(1)
  }
}

@keyframes hotToastEnterAnimationPositive {
  0% {
    opacity: .5;
    transform: translate3d(0, 80px, 0) scale(.6)
  }

  to {
    opacity: 1;
    transform: translateZ(0) scale(1)
  }
}

@keyframes hotToastExitAnimationPositive {
  0% {
    opacity: 1;
    transform: translateZ(-1px) scale(1)
  }

  to {
    opacity: 0;
    transform: translate3d(0, 130px, -1px) scale(.5)
  }
}

@keyframes hotToastExitAnimationNegative {
  0% {
    opacity: 1;
    transform: translateZ(-1px) scale(1)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -130px, -1px) scale(.5)
  }
}

.hot-toast-indicator-wrapper {
  align-items: var(--hot-toast-indicator-wrapper-align-items, center);
  display: var(--hot-toast-indicator-wrapper-display, flex);
  justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
  min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
  min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
  position: var(--hot-toast-indicator-wrapper-position, relative)
}

.hot-toast-status-wrapper {
  position: var(--hot-toast-status-wrapper-position, absolute)
}

@keyframes animate-info-background {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes animate-info-line {
  0% {
    height: 0;
    opacity: 0
  }

  40% {
    height: 4.8px;
    opacity: 1
  }

  to {
    height: 8px;
    opacity: 1
  }
}

.hot-toast-info-icon {
  animation: var(--hot-toast-info-icon-animation, animate-info-background .3s cubic-bezier(.175, .885, .32, 1.275) forwards);
  animation-delay: var(--hot-toast-info-icon-animation-delay, .1s);
  background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
  border-radius: var(--hot-toast-info-icon-border-radius, 50%);
  display: var(--hot-toast-info-icon-display, block);
  height: var(--hot-toast-info-icon-height, 20px);
  opacity: var(--hot-toast-info-icon-opacity, 0);
  position: var(--hot-toast-info-icon-position, relative);
  transform: var(--hot-toast-info-icon-transform, scale(0));
  width: var(--hot-toast-info-icon-width, 20px)
}

.hot-toast-info-icon:after,
.hot-toast-info-icon:before {
  background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
  border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-info-icon-after-before-content, "");
  display: var(--hot-toast-info-icon-after-before-display, block);
  left: var(--hot-toast-info-icon-after-before-left, 8.5px);
  position: var(--hot-toast-info-icon-after-before-position, absolute);
  width: var(--hot-toast-info-icon-after-before-width, 2.5px)
}

.hot-toast-info-icon:after {
  animation: var(--hot-toast-info-icon-after-animation, animate-info-line .2s ease-out forwards);
  animation-delay: var(--hot-toast-info-icon-after-animation-delay, .2s);
  height: var(--hot-toast-info-icon-after-height, 0);
  opacity: var(--hot-toast-info-icon-after-opacity, 0);
  top: var(--hot-toast-info-icon-after-bottom, 8px)
}

.hot-toast-info-icon:before {
  height: var(--hot-toast-info-icon-before-height, 2px);
  top: var(--hot-toast-info-icon-before-top, 4px)
}

@keyframes hotToastRotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.hot-toast-loader-icon {
  animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
  border: var(--hot-toast-loader-icon-border, 2px solid);
  border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
  border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
  border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
  height: var(--hot-toast-loader-icon-height, 18px);
  padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
  width: var(--hot-toast-loader-icon-width, 18px)
}

@media (prefers-reduced-motion: reduce) {
  .hot-toast-loader-icon {
    animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s)
  }
}

@keyframes animate-warn-background {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes animate-warn-line {
  0% {
    height: 0;
    opacity: 0
  }

  40% {
    height: 4.8px;
    opacity: 1
  }

  to {
    height: 8px;
    opacity: 1
  }
}

.hot-toast-warning-icon {
  animation: var(--hot-toast-warning-icon-animation, animate-warn-background .3s cubic-bezier(.175, .885, .32, 1.275) forwards);
  animation-delay: var(--hot-toast-warning-icon-animation-delay, .1s);
  background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
  border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
  display: var(--hot-toast-warning-icon-display, block);
  height: var(--hot-toast-warning-icon-height, 20px);
  opacity: var(--hot-toast-warning-icon-opacity, 0);
  position: var(--hot-toast-warning-icon-position, relative);
  transform: var(--hot-toast-warning-icon-transform, scale(0));
  width: var(--hot-toast-warning-icon-width, 20px)
}

.hot-toast-warning-icon:after,
.hot-toast-warning-icon:before {
  background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
  border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-warning-icon-after-before-content, "");
  display: var(--hot-toast-warning-icon-after-before-display, block);
  left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
  position: var(--hot-toast-warning-icon-after-before-position, absolute);
  width: var(--hot-toast-warning-icon-after-before-width, 2.5px)
}

.hot-toast-warning-icon:after {
  animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line .2s ease-out forwards);
  animation-delay: var(--hot-toast-warning-icon-after-animation-delay, .2s);
  height: var(--hot-toast-warning-icon-after-height, 0);
  opacity: var(--hot-toast-warning-icon-after-opacity, 0);
  top: var(--hot-toast-warning-icon-after-top, 4px)
}

.hot-toast-warning-icon:before {
  bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
  height: var(--hot-toast-warning-icon-before-height, 2px)
}

@font-face {
  font-family: fp-saol;
  src: URL("/MixContent/StaticFiles/floralpunk/default/css/FP-SaolDisplay-ThinItalic.otf");
  font-weight: 300px;
  font-style: italic
}

@font-face {
  font-family: fp-saol;
  src: URL("/MixContent/StaticFiles/floralpunk/default/css/FP-SaolDisplay-Regular.ttf");
  font-style: normal
}

@font-face {
  font-family: svn-miller;
  src: URL("/MixContent/StaticFiles/floralpunk/default/css/SVN-Miller Banner Regular.ttf");
  font-style: normal
}

.f-fp {
  font-family: fp-saol
}

.f-opens {
  font-family: Open Sans, sans-serif
}

.f-svn {
  font-family: svn-miller
}

.f-italic {
  font-style: italic
}

.fw-300 {
  font-weight: 300
}

.fw-700 {
  font-weight: 700
}

.text-h1 {
  font-size: 30px
}

.text-8 {
  font-size: 8px
}

.text-10,
.text-12 {
  font-size: 12px
}

.text-14 {
  font-size: 14px
}

.text-16 {
  font-size: 16px
}

.text-20 {
  font-size: 20px
}

.text-31 {
  font-size: 31px
}

.t-white {
  color: #fff
}

.header-1 {
  font-weight: 300;
  font-size: 12px;
  line-height: 24px
}

.header-2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 20px
}

a {
  --ion-color-primary: #000;
  text-decoration: underline
}

.t-underline {
  text-decoration: underline
}

.lh-20 {
  line-height: 20px
}

ion-toolbar {
  --min-height: 51px;
  --background: #fff;
  --border-color: #e0e0e0;
  --padding-start: 27px;
  --padding-end: 27px
}

ion-content {
  --padding-start: 27px;
  --padding-end: 27px
}

ion-content::-webkit-scrollbar {
  display: none
}

.overscroll::-webkit-scrollbar {
  display: none !important
}

ion-button {
  --color: #000;
  --padding-start: 25px;
  --padding-end: 25px;
  font-size: inherit;
  font-weight: 400;
  height: 33px;
  position: relative
}

ion-button .btn-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%)
}

ion-button.xl {
  width: 153px;
  --padding-start: 12px;
  --padding-end: 12px
}

ion-button[fill=outline] {
  --background: rgba(0, 0, 0, 0);
  --border-color: #fff;
  --color: #fff;
  --background-activated: rgba(240, 240, 240, .3)
}

ion-button[fill=secondary] {
  --background: #f4f2ef;
  --background-activated: #fff;
  --color: #000;
  --color-activated: #000
}

ion-button[fill=primary] {
  --background: #000000;
  --background-activated: #f4f2ef;
  --color: #fff;
  --color-activated: #000;
  --border-color: rgba(0, 0, 0, 0)
}

ion-button[type=icon-only] {
  --padding-start: 0px;
  --padding-end: 0px
}

ion-back-button {
  --color: #000
}

ion-icon.icon-svg {
  height: 16px
}

ion-item.flp-input {
  --border-width: 0 0 0 0;
  --inner-border-width: 0;
  --show-full-highlight: 0;
  --show-inset-highlight: 0;
  border-color: #e0e0e0;
  border-width: thin;
  border-style: solid;
  border-radius: 50px;
  font-size: 13px
}

ion-item.flp-input ion-select {
  width: 100%
}

ion-item.flp-input.left-icon {
  position: relative
}

ion-item.flp-input.left-icon .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  background: unset;
  z-index: 3;
  pointer-events: visible
}

ion-item.flp-input.left-icon .icon ion-icon {
  width: 22px;
  height: 22px;
  --ionicon-stroke-width: 24px
}

ion-item {
  --ion-background-color: #fff
}

ion-checkbox {
  --background-checked: #000;
  --border-color-checked: #000;
  --size: 12px
}

.sc-ion-input-ios-h {
  font-size: 13px
}

.action-sheet-button.sc-ion-action-sheet-ios {
  font-size: 13px;
  text-transform: uppercase;
  color: #000
}

.w-100 {
  width: 100%
}

.mt-6 {
  margin-top: 6px
}

.mt-12 {
  margin-top: 12px
}

.mt-16 {
  margin-top: 16px
}

.mt-19 {
  margin-top: 19px
}

.mt-20 {
  margin-top: 20px
}

.mt-24 {
  margin-top: 24px
}

.mt-32 {
  margin-top: 32px
}

.mt-45 {
  margin-top: 45px
}

.mt-50 {
  margin-top: 50px
}

.mt-90 {
  padding-top: 90px
}

.mr-35 {
  margin-right: 35px
}

.mb-40 {
  margin-bottom: 40px
}

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

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

.text-center {
  text-align: center
}

.checkbox {
  display: flex;
  align-items: center;
  font-size: 14px
}

.checkbox ion-checkbox {
  margin-right: 16px;
  --border-radius: 0%
}

ion-modal.date-picker {
  --height: fit-content;
  --width: fit-content
}

.d-flex {
  display: flex
}

.d-block {
  display: block
}

.align-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-end {
  justify-content: flex-end
}

.flex-h-between {
  display: flex;
  justify-content: space-between
}

.flex-h-center {
  display: flex;
  justify-content: center
}

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

.flex-column {
  flex-direction: column
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.ion-page {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 14px
}

ion-content {
  --background: #fff;
  --color: #000
}

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

ion-icon {
  --ionicon-stroke-width: 16px
}

.ion-accordion-toggle-icon {
  position: absolute;
  right: 10px;
  width: 14px
}

.error-message {
  color: red;
  margin-top: 4px;
  padding: 0 22px
}

.loading-page {
  position: relative
}

.loading-page .background {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #00000080
}

.loading-page .background .overlay {
  background-color: #00000030;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.loading-page .background .bg-image {
  z-index: 1;
  height: 100%;
  width: 100%
}

.loading-page .main-content {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff
}

.loading-page .main-content ion-spinner {
  --color: #fff;
  transform: scale(2);
  margin-bottom: 12px
}

.loading-content.sc-ion-loading-ios {
  font-weight: 300 !important;
  font-family: fp-saol !important;
  font-style: italic !important
}

ol {
  padding-inline-start: 20px
}

.expire-box {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: 1px solid #000;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px
}

:root {
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9
}