@charset "UTF-8";

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

/* node_modules/@ionic/angular/css/normalize.css */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* node_modules/@ionic/angular/css/structure.css */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* node_modules/@ionic/angular/css/typography.css */
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* node_modules/@ionic/angular/css/display.css */
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
.ion-display-none {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-display-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-none {
    display: none !important;
  }
}
.ion-display-inline {
  display: inline !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline {
    display: inline !important;
  }
}
.ion-display-inline-block {
  display: inline-block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-block {
    display: inline-block !important;
  }
}
.ion-display-block {
  display: block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-block {
    display: block !important;
  }
}
.ion-display-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-flex {
    display: flex !important;
  }
}
.ion-display-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ion-display-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-grid {
    display: grid !important;
  }
}
.ion-display-inline-grid {
  display: inline-grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
.ion-display-table {
  display: table !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table {
    display: table !important;
  }
}
.ion-display-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-cell {
    display: table-cell !important;
  }
}
.ion-display-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-row {
    display: table-row !important;
  }
}

/* node_modules/@ionic/angular/css/padding.css */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

/* node_modules/@ionic/angular/css/float-elements.css */
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
[dir=rtl] .ion-float-start {
  float: right !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}
:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
[dir=rtl] .ion-float-end {
  float: left !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}

/* node_modules/@ionic/angular/css/text-alignment.css */
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}

/* node_modules/@ionic/angular/css/text-transformation.css */
.ion-text-uppercase {
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}

/* node_modules/@ionic/angular/css/flex-utils.css */
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}

/* node_modules/@sopi/angular-components/styles/styles.scss */
#storybook-docs {
  overflow: auto;
  height: 100vh;
}

/* node_modules/@sopi/angular-components/styles/variables.scss */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto-v19-latin-100.eot);
  src:
    local("Roboto Thin"),
    local("Roboto-Thin"),
    url(/assets/fonts/roboto-v19-latin-100.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-100.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-100.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-100.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-100.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-v19-latin-300.eot);
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url(/assets/fonts/roboto-v19-latin-300.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-300.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-300.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-300.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-300.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-v19-latin-regular.eot);
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(/assets/fonts/roboto-v19-latin-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-regular.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-regular.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-regular.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-regular.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto-v19-latin-500.eot);
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(/assets/fonts/roboto-v19-latin-500.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-500.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-500.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-500.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-500.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-v19-latin-700.eot);
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(/assets/fonts/roboto-v19-latin-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-700.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-700.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-700.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-700.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/roboto-v19-latin-900.eot);
  src:
    local("Roboto Black"),
    local("Roboto-Black"),
    url(/assets/fonts/roboto-v19-latin-900.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-v19-latin-900.woff2) format("woff2"),
    url(/assets/fonts/roboto-v19-latin-900.woff) format("woff"),
    url(/assets/fonts/roboto-v19-latin-900.ttf) format("truetype"),
    url(/assets/fonts/roboto-v19-latin-900.svg#Roboto) format("svg");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-condensed-v17-latin-300.eot);
  src:
    local("Roboto Condensed Light"),
    local("RobotoCondensed-Light"),
    url(/assets/fonts/roboto-condensed-v17-latin-300.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-condensed-v17-latin-300.woff2) format("woff2"),
    url(/assets/fonts/roboto-condensed-v17-latin-300.woff) format("woff"),
    url(/assets/fonts/roboto-condensed-v17-latin-300.ttf) format("truetype"),
    url(/assets/fonts/roboto-condensed-v17-latin-300.svg#RobotoCondensed) format("svg");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-condensed-v17-latin-regular.eot);
  src:
    local("Roboto Condensed"),
    local("RobotoCondensed-Regular"),
    url(/assets/fonts/roboto-condensed-v17-latin-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-condensed-v17-latin-regular.woff2) format("woff2"),
    url(/assets/fonts/roboto-condensed-v17-latin-regular.woff) format("woff"),
    url(/assets/fonts/roboto-condensed-v17-latin-regular.ttf) format("truetype"),
    url(/assets/fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed) format("svg");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-condensed-v17-latin-700.eot);
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(/assets/fonts/roboto-condensed-v17-latin-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-condensed-v17-latin-700.woff2) format("woff2"),
    url(/assets/fonts/roboto-condensed-v17-latin-700.woff) format("woff"),
    url(/assets/fonts/roboto-condensed-v17-latin-700.ttf) format("truetype"),
    url(/assets/fonts/roboto-condensed-v17-latin-700.svg#RobotoCondensed) format("svg");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto-mono-v6-latin-100.eot);
  src:
    local("Roboto Mono Thin"),
    local("RobotoMono-Thin"),
    url(/assets/fonts/roboto-mono-v6-latin-100.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-mono-v6-latin-100.woff2) format("woff2"),
    url(/assets/fonts/roboto-mono-v6-latin-100.woff) format("woff"),
    url(/assets/fonts/roboto-mono-v6-latin-100.ttf) format("truetype"),
    url(/assets/fonts/roboto-mono-v6-latin-100.svg#RobotoMono) format("svg");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-mono-v6-latin-300.eot);
  src:
    local("Roboto Mono Light"),
    local("RobotoMono-Light"),
    url(/assets/fonts/roboto-mono-v6-latin-300.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-mono-v6-latin-300.woff2) format("woff2"),
    url(/assets/fonts/roboto-mono-v6-latin-300.woff) format("woff"),
    url(/assets/fonts/roboto-mono-v6-latin-300.ttf) format("truetype"),
    url(/assets/fonts/roboto-mono-v6-latin-300.svg#RobotoMono) format("svg");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-mono-v6-latin-regular.eot);
  src:
    local("Roboto Mono"),
    local("RobotoMono-Regular"),
    url(/assets/fonts/roboto-mono-v6-latin-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-mono-v6-latin-regular.woff2) format("woff2"),
    url(/assets/fonts/roboto-mono-v6-latin-regular.woff) format("woff"),
    url(/assets/fonts/roboto-mono-v6-latin-regular.ttf) format("truetype"),
    url(/assets/fonts/roboto-mono-v6-latin-regular.svg#RobotoMono) format("svg");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto-mono-v6-latin-500.eot);
  src:
    local("Roboto Mono Medium"),
    local("RobotoMono-Medium"),
    url(/assets/fonts/roboto-mono-v6-latin-500.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-mono-v6-latin-500.woff2) format("woff2"),
    url(/assets/fonts/roboto-mono-v6-latin-500.woff) format("woff"),
    url(/assets/fonts/roboto-mono-v6-latin-500.ttf) format("truetype"),
    url(/assets/fonts/roboto-mono-v6-latin-500.svg#RobotoMono) format("svg");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-mono-v6-latin-700.eot);
  src:
    local("Roboto Mono Bold"),
    local("RobotoMono-Bold"),
    url(/assets/fonts/roboto-mono-v6-latin-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-mono-v6-latin-700.woff2) format("woff2"),
    url(/assets/fonts/roboto-mono-v6-latin-700.woff) format("woff"),
    url(/assets/fonts/roboto-mono-v6-latin-700.ttf) format("truetype"),
    url(/assets/fonts/roboto-mono-v6-latin-700.svg#RobotoMono) format("svg");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/roboto-slab-v8-latin-100.eot);
  src:
    local("Roboto Slab Thin"),
    local("RobotoSlab-Thin"),
    url(/assets/fonts/roboto-slab-v8-latin-100.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-slab-v8-latin-100.woff2) format("woff2"),
    url(/assets/fonts/roboto-slab-v8-latin-100.woff) format("woff"),
    url(/assets/fonts/roboto-slab-v8-latin-100.ttf) format("truetype"),
    url(/assets/fonts/roboto-slab-v8-latin-100.svg#RobotoSlab) format("svg");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto-slab-v8-latin-300.eot);
  src:
    local("Roboto Slab Light"),
    local("RobotoSlab-Light"),
    url(/assets/fonts/roboto-slab-v8-latin-300.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-slab-v8-latin-300.woff2) format("woff2"),
    url(/assets/fonts/roboto-slab-v8-latin-300.woff) format("woff"),
    url(/assets/fonts/roboto-slab-v8-latin-300.ttf) format("truetype"),
    url(/assets/fonts/roboto-slab-v8-latin-300.svg#RobotoSlab) format("svg");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto-slab-v8-latin-regular.eot);
  src:
    local("Roboto Slab Regular"),
    local("RobotoSlab-Regular"),
    url(/assets/fonts/roboto-slab-v8-latin-regular.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-slab-v8-latin-regular.woff2) format("woff2"),
    url(/assets/fonts/roboto-slab-v8-latin-regular.woff) format("woff"),
    url(/assets/fonts/roboto-slab-v8-latin-regular.ttf) format("truetype"),
    url(/assets/fonts/roboto-slab-v8-latin-regular.svg#RobotoSlab) format("svg");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto-slab-v8-latin-700.eot);
  src:
    local("Roboto Slab Bold"),
    local("RobotoSlab-Bold"),
    url(/assets/fonts/roboto-slab-v8-latin-700.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/roboto-slab-v8-latin-700.woff2) format("woff2"),
    url(/assets/fonts/roboto-slab-v8-latin-700.woff) format("woff"),
    url(/assets/fonts/roboto-slab-v8-latin-700.ttf) format("truetype"),
    url(/assets/fonts/roboto-slab-v8-latin-700.svg#RobotoSlab) format("svg");
}
:root {
  --headline-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --common-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --common-font-condensed:
    "Roboto Condensed",
    "Helvetica Neue",
    sans-serif;
  --common-font-slab:
    "Roboto Slab",
    "Helvetica Neue",
    sans-serif;
  --button-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --badge-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --segment-font:
    "Roboto Condensed",
    "Helvetica Neue",
    sans-serif;
  --ion-font-family: var(--common-font);
}
body p {
  font-family: var(--common-font);
  margin: 4px 0 8px 0;
}
h1,
h2,
h3,
h4 {
  font-family: var(--headline-font);
  color: var(--schrift);
}
h1 {
  font-size: 22px !important;
  font-weight: 700 !important;
}
h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
}
h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
}
h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.TextFont {
  font-family: var(--common-font-slab);
  color: var(--infobox-text, #2E626D);
  font-size: 15px;
  font-weight: 300;
}
.Title {
  color: var(--schrift);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.SubTitle {
  color: var(--schrift) !important;
  font-size: 10px !important;
  font-weight: 600;
}
.LabelBold {
  color: var(--schrift) !important;
  font-size: 12px;
  font-weight: 600;
}
.Chat-Title {
  color: var(--schrift) !important;
  font-size: 16px;
  font-weight: 600;
}
.SubLabel {
  color: var(--schrift);
  font-size: 12px;
  font-weight: 600;
  opacity: 0.5;
}
.Label {
  color: var(--schrift);
  font-size: 12px;
  font-weight: 400;
}
.LabelIcon {
  color: var(--sopi-sublabel-light-color);
  font-size: 12px;
}
.LabelIconDanger {
  color: var(--ion-color-danger);
  font-size: 16px;
}
.Message {
  color: var(--schrift);
  font-size: 14px;
  font-weight: 400;
}
.MessageTitle {
  color: var(--schrift);
  font-size: 16px;
  font-weight: 600;
}
.ChipLabel {
  color: white;
  font-weight: 700;
  font-size: 12px;
}
.ChipSubLabel {
  color: white;
  font-weight: 500;
  font-size: 12px;
}
.Chat-Badge {
  margin: 0 8px 0 0;
  font-family: var(--common-font);
  color: white !important;
  font-size: 10px !important;
  font-weight: 400;
}
.SOPI-Label {
  font-family: var(--common-font);
  color: var(--schrift) !important;
  font-size: 12px !important;
  font-weight: 400;
}
.SOPI-SubLabel {
  margin: 0;
  order: 0;
  align-self: start;
  font-family: var(--common-font);
  color: var(--schrift);
  font-size: 10px !important;
  font-weight: 400;
}
.SOPI-TopLabel {
  margin: 0;
  order: 0;
  align-self: start;
  font-family: var(--common-font);
  color: var(--schrift);
  font-size: 10px !important;
  font-weight: 400;
}
.SOPI-Label-Warning {
  margin: 4px 0 0 0 !important;
  order: 0 !important;
  align-self: start !important;
  font-family: var(--common-font);
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--ion-color-danger) !important;
}
.SOPI-Placeholder {
  margin: 0;
  order: 0;
  align-self: start;
  font-family: var(--common-font);
  font-size: 16px;
  font-weight: 300;
}
.SOPI-Value {
  margin: 0 0 0 0 !important;
  order: 0;
  align-self: start;
  font-family: var(--common-font);
  color: var(--sopi-value-color) !important;
  font-size: 16px !important;
  font-weight: 400;
}
.SOPI-Subvalue {
  font-family: var(--common-font);
  color: var(--sopi-value-color) !important;
  font-size: 10px !important;
  font-weight: 400;
}
.SOPI-Infotext {
  font-family: var(--common-font);
  color: var(--sopi-infotext-color) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}
.cal-month-view .cal-header .cal-cell,
.cal-week-view .cal-header,
.cal-time {
  color: var(--schrift) !important;
  font-size: 11px !important;
  font-weight: 600;
}
.cal-week-view .cal-time {
  padding-top: 2px;
  width: 40px;
}
:root {
  --font-family-display:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --font-family-text:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  --font-family-condensed:
    "Roboto Condensed",
    "Helvetica Neue",
    sans-serif;
  --font-family-serif:
    "Roboto Slab",
    "Georgia",
    serif;
  --font-family-monospace:
    "Roboto Mono",
    "Courier New",
    monospace;
  --default-line-height: 1.4;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-display-2xl: clamp(1.75rem, 3.125vw + 1.125rem, 3rem);
  --line-height-display-2xl: var(--default-line-height);
  --font-size-display-xl: clamp(1.625rem, 2.1875vw + 1.1875rem, 2.5rem);
  --line-height-display-xl: var(--default-line-height);
  --font-size-display-lg: clamp(1.5rem, 1.5625vw + 1.1875rem, 2.125rem);
  --line-height-display-lg: var(--default-line-height);
  --font-size-display-md: clamp(1.375rem, 0.9375vw + 1.1875rem, 1.75rem);
  --line-height-display-md: var(--default-line-height);
  --font-size-display-sm: clamp(1.25rem, 0.625vw + 1.125rem, 1.5rem);
  --line-height-display-sm: var(--default-line-height);
  --font-size-display-xs: clamp(1.125rem, 0.3125vw + 1.0625rem, 1.25rem);
  --line-height-display-xs: var(--default-line-height);
  --font-size-text-xl: clamp(1.125rem, 0.3125vw + 1.0625rem, 1.25rem);
  --line-height-text-xl: var(--default-line-height);
  --font-size-text-lg: clamp(1rem, 0.3125vw + 0.9375rem, 1.125rem);
  --line-height-text-lg: var(--default-line-height);
  --font-size-text-md: clamp(0.875rem, 0.3125vw + 0.8125rem, 1rem);
  --line-height-text-md: var(--default-line-height);
  --font-size-text-sm: clamp(0.75rem, 0.3125vw + 0.6875rem, 0.875rem);
  --line-height-text-sm: var(--default-line-height);
  --font-size-text-xs: 0.75rem;
  --line-height-text-xs: var(--default-line-height);
  --font-size-text-xxs: 0.625rem;
  --line-height-text-xxs: var(--default-line-height);
}
.text-display-2xl-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-2xl) !important;
  line-height: var(--line-height-display-2xl) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-2xl-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-2xl) !important;
  line-height: var(--line-height-display-2xl) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-2xl-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-2xl) !important;
  line-height: var(--line-height-display-2xl) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-2xl-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-2xl) !important;
  line-height: var(--line-height-display-2xl) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-2xl-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-2xl) !important;
  line-height: var(--line-height-display-2xl) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-display-xl-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xl) !important;
  line-height: var(--line-height-display-xl) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-xl-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xl) !important;
  line-height: var(--line-height-display-xl) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-xl-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xl) !important;
  line-height: var(--line-height-display-xl) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-xl-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xl) !important;
  line-height: var(--line-height-display-xl) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-xl-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xl) !important;
  line-height: var(--line-height-display-xl) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-display-lg-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-lg) !important;
  line-height: var(--line-height-display-lg) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-lg-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-lg) !important;
  line-height: var(--line-height-display-lg) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-lg-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-lg) !important;
  line-height: var(--line-height-display-lg) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-lg-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-lg) !important;
  line-height: var(--line-height-display-lg) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-lg-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-lg) !important;
  line-height: var(--line-height-display-lg) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-display-md-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-md) !important;
  line-height: var(--line-height-display-md) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-md-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-md) !important;
  line-height: var(--line-height-display-md) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-md-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-md) !important;
  line-height: var(--line-height-display-md) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-md-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-md) !important;
  line-height: var(--line-height-display-md) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-md-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-md) !important;
  line-height: var(--line-height-display-md) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-display-sm-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-sm) !important;
  line-height: var(--line-height-display-sm) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-sm-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-sm) !important;
  line-height: var(--line-height-display-sm) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-sm-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-sm) !important;
  line-height: var(--line-height-display-sm) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-sm-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-sm) !important;
  line-height: var(--line-height-display-sm) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-sm-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-sm) !important;
  line-height: var(--line-height-display-sm) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-display-xs-thin {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xs) !important;
  line-height: var(--line-height-display-xs) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-display-xs-light {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xs) !important;
  line-height: var(--line-height-display-xs) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-display-xs-regular {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xs) !important;
  line-height: var(--line-height-display-xs) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-display-xs-bold {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xs) !important;
  line-height: var(--line-height-display-xs) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-display-xs-black {
  font-family: var(--font-family-display) !important;
  font-size: var(--font-size-display-xs) !important;
  line-height: var(--line-height-display-xs) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-xl-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xl) !important;
  line-height: var(--line-height-text-xl) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-xl-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xl) !important;
  line-height: var(--line-height-text-xl) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-xl-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xl) !important;
  line-height: var(--line-height-text-xl) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-xl-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xl) !important;
  line-height: var(--line-height-text-xl) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-xl-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xl) !important;
  line-height: var(--line-height-text-xl) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-lg-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-lg) !important;
  line-height: var(--line-height-text-lg) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-lg-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-lg) !important;
  line-height: var(--line-height-text-lg) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-lg-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-lg) !important;
  line-height: var(--line-height-text-lg) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-lg-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-lg) !important;
  line-height: var(--line-height-text-lg) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-lg-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-lg) !important;
  line-height: var(--line-height-text-lg) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-md-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-md) !important;
  line-height: var(--line-height-text-md) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-md-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-md) !important;
  line-height: var(--line-height-text-md) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-md-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-md) !important;
  line-height: var(--line-height-text-md) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-md-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-md) !important;
  line-height: var(--line-height-text-md) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-md-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-md) !important;
  line-height: var(--line-height-text-md) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-sm-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-sm) !important;
  line-height: var(--line-height-text-sm) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-sm-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-sm) !important;
  line-height: var(--line-height-text-sm) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-sm-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-sm) !important;
  line-height: var(--line-height-text-sm) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-sm-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-sm) !important;
  line-height: var(--line-height-text-sm) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-sm-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-sm) !important;
  line-height: var(--line-height-text-sm) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-xs-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xs) !important;
  line-height: var(--line-height-text-xs) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-xs-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xs) !important;
  line-height: var(--line-height-text-xs) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-xs-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xs) !important;
  line-height: var(--line-height-text-xs) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-xs-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xs) !important;
  line-height: var(--line-height-text-xs) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-xs-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xs) !important;
  line-height: var(--line-height-text-xs) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-text-xxs-thin {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xxs) !important;
  line-height: var(--line-height-text-xxs) !important;
  font-weight: var(--font-weight-thin) !important;
}
.text-text-xxs-light {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xxs) !important;
  line-height: var(--line-height-text-xxs) !important;
  font-weight: var(--font-weight-light) !important;
}
.text-text-xxs-regular {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xxs) !important;
  line-height: var(--line-height-text-xxs) !important;
  font-weight: var(--font-weight-regular) !important;
}
.text-text-xxs-bold {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xxs) !important;
  line-height: var(--line-height-text-xxs) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-text-xxs-black {
  font-family: var(--font-family-text) !important;
  font-size: var(--font-size-text-xxs) !important;
  line-height: var(--line-height-text-xxs) !important;
  font-weight: var(--font-weight-black) !important;
}
.text-font-condensed {
  font-family: var(--font-family-condensed) !important;
}
.text-font-serif {
  font-family: var(--font-family-serif) !important;
}
.text-font-monospace {
  font-family: var(--font-family-monospace) !important;
}
.M-0 {
  margin: 0;
}
.M-T2 {
  margin: 2px 0 0 0;
}
.M-T4 {
  margin: 4px 0 0 0;
}
.M-T6 {
  margin: 6px 0 0 0;
}
.M-T8 {
  margin: 8px 0 0 0;
}
.M-T12 {
  margin: 12px 0 0 0;
}
.M-T16 {
  margin: 16px 0 0 0;
}
.M-T32 {
  margin: 32px 0 0 0;
}
.M-B2 {
  margin: 0 0 2px 0;
}
.M-B4 {
  margin: 0 0 4px 0;
}
.M-B6 {
  margin: 0 0 6px 0;
}
.M-B8 {
  margin: 0 0 8px 0;
}
.M-B12 {
  margin: 0 0 12px 0;
}
.M-B16 {
  margin: 0 0 16px 0;
}
.M-B32 {
  margin: 0 0 32px 0;
}
.M-L2 {
  margin: 0 0 0 2px;
}
.M-L4 {
  margin: 0 0 0 4px;
}
.M-L6 {
  margin: 0 0 0 6px;
}
.M-L8 {
  margin: 0 0 0 8px;
}
.M-L12 {
  margin: 0 0 0 12px;
}
.M-L16 {
  margin: 0 0 0 16px;
}
.M-L32 {
  margin: 0 0 0 32px;
}
.M-R2 {
  margin: 0 2px 0 0;
}
.M-R4 {
  margin: 0 4px 0 0;
}
.M-R6 {
  margin: 0 6px 0 0;
}
.M-R8 {
  margin: 0 8px 0 0;
}
.M-R12 {
  margin: 0 12px 0 0;
}
.M-R16 {
  margin: 0 16px 0 0;
}
.M-R32 {
  margin: 0 32px 0 0;
}
.M-T2-B2 {
  margin: 2px 0;
}
.M-T4-B4 {
  margin: 4px 0;
}
.M-T6-B6 {
  margin: 6px 0;
}
.M-T8-B8 {
  margin: 8px 0;
}
.M-T12-B12 {
  margin: 12px 0;
}
.M-T16-B16 {
  margin: 16px 0;
}
.M-T32-B32 {
  margin: 32px 0;
}
.M-L2-R2 {
  margin: 0 2px;
}
.M-L4-R4 {
  margin: 0 4px;
}
.M-L6-R6 {
  margin: 0 6px;
}
.M-L8-R8 {
  margin: 0 8px;
}
.M-L12-R12 {
  margin: 0 12px;
}
.M-L16-R16 {
  margin: 0 16px;
}
.M-L32-R32 {
  margin: 0 32px;
}
.P-L2 {
  padding: 0 0 0 2px;
}
.P-L4 {
  padding: 0 0 0 4px;
}
.P-L6 {
  padding: 0 0 0 4px;
}
.P-L8 {
  padding: 0 0 0 8px;
}
.P-L12 {
  padding: 0 0 0 12px;
}
.P-L16 {
  padding: 0 0 0 16px;
}
.P-L32 {
  padding: 0 0 0 32px;
}
.P-R2 {
  padding: 0 2px 0 0;
}
.P-R4 {
  padding: 0 4px 0 0;
}
.P-R6 {
  padding: 0 6px 0 0;
}
.P-R8 {
  padding: 0 8px 0 0;
}
.P-R12 {
  padding: 0 12px 0 0;
}
.P-R16 {
  padding: 0 16px 0 0;
}
.P-R32 {
  padding: 0 32px 0 0;
}
:root {
  --dfl-white: #fff;
  --dfl-red: #d20515;
  --dfl-grey: #919191;
  --dfl-black: #000;
  --dfl-neutral-gray: #333;
  --dfl-neutral-gray-66: #8f8f8f;
  --dfl-neutral-gray-44: #b9b9b9;
  --dfl-neutral-gray-22: #dedede;
  --dfl-neutral-gray-11: #efefef;
  --dfl-premium-black: #000E14;
  --dfl-hard-black: #191E24;
  --dfl-soft-black: #34383C;
  --dfl-dark-gray: #64686C;
  --dfl-medium-gray: #888C90;
  --dfl-light-gray: #C9CCCF;
  --dfl-super-light-gray: #E9EBED;
  --dfl-off-white: #F4F5F6;
  --b04-red: #FF0000;
  --b04-red2: #d0021b;
  --b04-red3: #A20423;
  --b04-red4: #7A0222;
  --b04-grey: #979797;
  --b04-grey2: #dad9d6;
  --b04-grey3: #d1d0cd;
  --b04-black: #000000;
  --clubfarbe1: #2b353e;
  --clubfarbe2: #404b52;
  --clubfarbe3: #404951;
  --clubfarbe4: #2e626d;
  --clubfarbe5: #1E8496;
  --contrast1: #C4E2E7;
  --contrast2: #CAEAE9;
  --contrast3: #f8f8f9;
  --contrast4: #f2f2f2;
  --contrast5: #A6C7C6;
  --orga1-taupe: #30636E;
  --orga2-hell: #C4E2E7;
  --orga3-orange: #E65E0E;
  --orga4-petrol: #1E8496;
  --orga5-tint: #879996;
  --orga6-dunkel: #484747;
  --orga7-gruen: #92c252;
  --orga8-hellorange: #f09e00;
  --orga-white: #fff;
  --orga-grey-10: #f6f6f6;
  --orga-grey-20: #f4f4f4;
  --orga-grey-30: #e7e7e7;
  --orga-grey-40: #EDEDED;
  --orga-grey-80: #252525;
  --orga-grey-90: #121212;
  --orga-black: #000;
  --schrift: var(--orga-grey-80);
  --sopi-border-color: var(--theme-border-color, var(--contrast2, #caeae9));
  --contrast-background-color: var(--theme-surface-background, #f6f6f6);
  --control-background-color: var(--theme-control-background, #e5e5e5);
  --surface-background: var(--theme-surface-background, #f6f6f6);
  --sopi-header-color: var(--theme-header-text, white);
  --sopi-header-background-color: var(--theme-header-background, var(--clubfarbe4, #2e626d));
  --sopi-header-selection-button-color: var(--theme-header-selection-button-text, #2e626d);
  --sopi-header-selection-button-background-color: var(--theme-header-selection-button-background, white);
  --sopi-button-color: var(--theme-button-text, white);
  --sopi-button-background-color: var(--theme-button-background, var(--orga3-orange));
  --sopi-button-hover-background-color: var(--theme-button-background, var(--orga3-orange));
  --radio-color: var(--theme-radio-color, var(--clubfarbe5, #1E8496));
  --radio-color-checked: var(--theme-radio-color-checked, var(--clubfarbe5, #1E8496));
  --ion-placeholder-opacity: 0.6;
  --ion-color-primary: var(--clubfarbe4);
  --ion-color-primary-rgb:
    46,
    98,
    109;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #285660;
  --ion-color-primary-tint: #43727c;
  --ion-color-secondary: #666666;
  --ion-color-secondary-rgb:
    102,
    102,
    102;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #5a5a5a;
  --ion-color-secondary-tint: #757575;
  --ion-color-tertiary: #E65E0E;
  --ion-color-tertiary-rgb:
    230,
    94,
    14;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb:
    0,
    0,
    0;
  --ion-color-tertiary-shade: #ca530c;
  --ion-color-tertiary-tint: #e96e26;
  --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-light: #f6f8fc;
  --ion-color-light-rgb:
    246,
    248,
    252;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d8dade;
  --ion-color-light-tint: #f7f9fc;
  --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-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-info: #B6B6B6;
  --ion-color-info-rgb:
    182,
    182,
    182;
  --ion-color-info-contrast: #000000;
  --ion-color-info-contrast-rgb:
    0,
    0,
    0;
  --ion-color-info-shade: #a0a0a0;
  --ion-color-info-tint: #bdbdbd;
  --ion-color-loading: #1a1a1a;
  --ion-color-loading-rgb:
    26,
    26,
    26;
  --ion-color-loading-contrast: #ffffff;
  --ion-color-loading-contrast-rgb:
    255,
    255,
    255;
  --ion-color-loading-shade: #171717;
  --ion-color-loading-tint: #313131;
  --ion-color-common-text: #252525;
  --ion-color-common-text-rgb:
    37,
    37,
    37;
  --ion-color-common-text-contrast: #ffffff;
  --ion-color-common-text-contrast-rgb:
    255,
    255,
    255;
  --ion-color-common-text-shade: #212121;
  --ion-color-common-text-tint: #3b3b3b;
  --ion-background-color: var(--theme-app-background, #ffffff);
  --ion-background-color-rgb: var(--theme-app-background-rgb, 255, 255, 255);
  --ion-text-color: var(--theme-app-text, #252525);
  --ion-text-color-rgb: var(--theme-app-text-rgb, 37, 37, 37);
  --sopi-label-color: blue;
  --sopi-sublabel-light-color: #BCBCBC;
  --sopi-value-color: #1D3540;
  --sopi-infotext-color: #1D3540;
  --sopi-modal-header-color: white;
  --action-sheet-titel-background-color: black;
  --action-sheet-titel-text-color: white;
  --action-sheet-text-color: var(--schrift);
  --action-sheet-icon-color: var(--dz4-gruen);
  --sopi-date-group-background-color: black;
  --sopi-date-group-color: white;
  --button-background-1: var(--ion-color-primary);
  --button-background-1-activated: darkgrey;
  --button-background-1-activated-opacity: 1;
  --button-background-1-focused: black;
  --button-background-1-focused-opacity: 1;
  --button-background-1-hover: black;
  --button-background-1-hover-opacity: 1;
  --button-background-2: green;
  --button-background-2-activated: darkgrey;
  --button-background-2-activated-opacity: 1;
  --button-background-2-focused: black;
  --button-background-2-focused-opacity: 1;
  --button-background-2-hover: black;
  --button-background-2-hover-opacity: 1;
  --divider-background-color: var(--theme-surface-background, var(--surface-background, #f6f6f6));
  --divider-color: var(--theme-surface-text, var(--ion-color-common-text));
  --divider2-background-color: #EDEDED;
  --divider2-color: var(--sopi-label-color);
  --imagebox-outer-border-color: white;
  --infobox-text: #2E626D;
  --infobox-info: #B6B6B6;
  --infobox-spinner-loading: #1a1a1a;
  --Message-in-background-color: white;
  --Message-in-color: #111b21;
  --Message-in-user-color: red;
  --Message-out-background-color: white;
  --Message-out-color: #111b21;
  --Message-timestamp-text-color: #404951;
  --Message-timestamp-image-color: white;
  --modal-wrapper-background-color: var(--control-background-color);
  --modal-background-color: yellow;
  --modal-header-background-color: var(--sopi-header-background-color);
  --modal-header-color: white;
  --modal-footer-background-color: #EDEDED;
  --navigation-background-color: #aaa;
  --navbutton-background-color: var(--b04-grey);
  --navbutton-color: white;
  --navbutton-hover-background-color: var(--b04-red2);
  --navbutton-hover-color: white;
  --navbutton-icon-color-left: white;
  --navbutton-icon-color-right: white;
  --navbutton-ripple: yellow;
  --navmain-background-color: white;
  --navmainbutton-background-color: white;
  --navmainbutton-color: black;
  --navmainbutton-hover-background-color: grey;
  --navmainbutton-hover-color: white;
  --navmainbutton-icon-color-left: red;
  --navmainbutton-icon-color-right: lightgrey;
  --notebox-background-color: white;
  --notebox-outer-background-color: var(--control-background-color);
  --notebox-color: var(--schrift);
  --notebox-label-color: var(--schrift);
  --notebox-inner-border-color: #B6B6B6;
  --notebox-outer-border-color: white;
  --textarea-background-color: lightgrey;
  --textarea-outer-background-color: white;
  --textarea-color: var(--schrift);
  --textarea-label-color: var(--schrift);
  --selection-button-background-color: var(--control-background-color);
  --selection-button-color: var(--schrift);
  --selection-button-border-color: var(--sopi-border-color);
  --selection-button-hover-background-color: var(--sopi-border-color);
  --selection-button-hover-color: var(--b04-red);
  --selection-button-hover-border-color: var(--sopi-border-color);
  --selection-button-disabled-color: var(--sopi-border-color);
  --sopi-info-label-color: var(--sopi-sublabel-light-color);
  --signingbox-background-color: #EDEDED;
  --signingbox-inner-background-color: white;
  --signingbox-inner-background-color-locked: #FAFAFA;
  --signingbox-inner-border-color: #B6B6B6;
  --signingbox-outer-border-color: white;
  --sopilist-footer-background-color: var(--control-background-color);
  --sopilist-background-color: var(--theme-app-background, var(--ion-background-color, #ffffff));
  --sopilist-level-0-background-color: var(--theme-sopilist-level-0-background, var(--contrast1));
  --sopilist-level-0-color: var(--theme-sopilist-level-0-text, var(--sopi-value-color));
  --sopilist-level-0-expander-icon-color: var(--theme-sopilist-level-0-expander-icon-color, var(--clubfarbe5));
  --searchbar-outer-background-color: var(--orga-grey-40);
  --searchbar-background-color: white;
  --searchbar-color: black;
  --searchbar-icon-color: var(--dz4-gruen);
  --sopi-love-t1: var(--theme-sopi-love-t1, var(--orga1-taupe));
  --sopi-love-t2: var(--theme-sopi-love-t2, var(--orga4-petrol));
  --sopi-love-t3: var(--theme-sopi-love-t3, var(--orga4-petrol));
  --sopi-love-heart: var(--theme-sopi-love-heart, var(--orga3-orange));
  --sopi-love-background-color: var(--theme-sopi-love-background, var(--clubfarbe1));
  --tabbar-background: var(--theme-tabbar-background, var(--contrast5));
  --tabbar-tab-button-background-color: var(--theme-tabbar-tab-button-background-color, var(--contrast5));
  --tabbar-tab-button-color: var(--theme-tabbar-tab-button-color, var(--clubfarbe3));
  --tabbar-tab-icon-color: var(--theme-tabbar-tab-icon-color, var(--clubfarbe3));
  --tabbar-tab-button-active-background-color: var(--theme-tabbar-tab-button-active-background-color, var(--clubfarbe4));
  --tabbar-tab-button-active-color: var(--theme-tabbar-tab-button-active-color, white);
  --tabbar-tab-icon-active-color: var(--theme-tabbar-tab-icon-active-color, white);
  --tabbar-tab-badge-background-color: var(--theme-tabbar-tab-badge-background, var(--orga3-orange));
  --tabbar-tab-badge-color: var(--theme-tabbar-tab-badge-text, white);
  --refresher-icon-color: var(--schrift);
  --refresher-border-color: var(--b04-red2);
  --refresher-background-color: white;
  --calendar-navigation-button-background: var(--theme-calendar-navigation-button-background, var(--orga3-orange));
  --calendar-navigation-button-activated-background: var(--calendar-navigation-button-background);
  --calendar-navigation-button-focused-background: var(--calendar-navigation-button-background);
  --calendar-navigation-button-hover-background: var(--calendar-navigation-button-background);
  --calendar-navigation-button-previous-background: var(--theme-calendar-navigation-button-background, var(--orga3-orange));
  --calendar-navigation-button-previous-activated-background: var(--calendar-navigation-button-previous-background);
  --calendar-navigation-button-previous-focused-background: var(--calendar-navigation-button-previous-background);
  --calendar-navigation-button-previous-hover-background: var(--calendar-navigation-button-previous-background);
  --calendar-navigation-button-today-background: var(--theme-calendar-navigation-button-today-background, var(--orga3-orange));
  --calendar-navigation-button-today-activated-background: var(--calendar-navigation-button-today-background);
  --calendar-navigation-button-today-focused-background: var(--calendar-navigation-button-today-background);
  --calendar-navigation-button-today-hover-background: var(--calendar-navigation-button-today-background);
  --calendar-navigation-button-next-background: var(--theme-calendar-navigation-button-background, var(--orga3-orange));
  --calendar-navigation-button-next-activated-background: var(--calendar-navigation-button-next-background);
  --calendar-navigation-button-next-focused-background: var(--calendar-navigation-button-next-background);
  --calendar-navigation-button-next-hover-background: var(--calendar-navigation-button-next-background);
  --calendar-day-badge-background: var(--theme-calendar-day-badge-background, var(--orga3-orange));
  --calendar-day-badge-color: var(--theme-calendar-day-badge-text, #FFFFFF);
  --calendar-day-selected-background: var(--theme-calendar-day-selected-background, var(--clubfarbe5));
  --calendar-day-selected-color: var(--theme-calendar-day-selected-text, #FFFFFF);
}
.ion-color-info {
  --ion-color-base: var(--ion-color-info);
  --ion-color-base-rgb: var(--ion-color-info-rgb);
  --ion-color-contrast: var(--ion-color-info-contrast);
  --ion-color-contrast-rgb: var(--ion-color-info-contrast-rgb);
  --ion-color-shade: var(--ion-color-info-shade);
  --ion-color-tint: var(--ion-color-info-tint);
}
.ion-color-loading {
  --ion-color-base: var(--ion-color-loading);
  --ion-color-base-rgb: var(--ion-color-loading-rgb);
  --ion-color-contrast: var(--ion-color-loading-contrast);
  --ion-color-contrast-rgb: var(--ion-color-loading-contrast-rgb);
  --ion-color-shade: var(--ion-color-loading-shade);
  --ion-color-tint: var(--ion-color-loading-tint);
}
.ion-color-common-text {
  --ion-color-base: var(--ion-color-common-text);
  --ion-color-base-rgb: var(--ion-color-common-text-rgb);
  --ion-color-contrast: var(--ion-color-common-text-contrast);
  --ion-color-contrast-rgb: var(--ion-color-common-text-contrast-rgb);
  --ion-color-shade: var(--ion-color-common-text-shade);
  --ion-color-tint: var(--ion-color-common-text-tint);
}
.Fab-Mini.ContentFab {
  --background: lightgrey;
  --background-hover: var(--sopi-button-hover-background-color);
  --box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin: 1px 16px 1px 4px;
}
.Fab-Mini.Content-Delete-Button {
  --background: lightgrey;
  --background-hover: var(--sopi-button-hover-background-color);
  --box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin: 0 8px;
}
.SOPI-Input {
  font-size: 16px;
  --padding-top: 0px;
  --padding-bottom: 0px;
}
.Input-Padding {
  padding: 0 4px 4px 4px !important;
  min-height: 44px !important;
}
.Input-Padding-ContentItem {
  padding: 0 8px !important;
  min-height: 44px !important;
}
.Input-Padding .label-text {
  opacity: 0.5;
}
.input-label-placement-stacked.sc-ion-input-ios-h .label-text,
.has-focus.input-label-placement-floating.sc-ion-input-ios-h .label-text,
.has-value.input-label-placement-floating.sc-ion-input-ios-h .label-text {
  opacity: 1;
}
.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,
.has-focus.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,
.has-value.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios {
  transform: translateY(50%);
  font-size: 10px;
  font-weight: 600;
  color: var(--b04-red2);
  opacity: 1;
}
html {
  virtual-keyboard: overlays-content;
}
ion-col {
  padding: 0;
}
ion-item {
  --inner-padding-end: 0px;
  --border-color: var(--sopi-border-color);
}
p,
ion-label {
  cursor: default;
}
.CursorPointer {
  cursor: pointer;
}
.AuthContent {
  margin: 16px;
  padding: 48px 16px 16px 16px;
}
.Spacer {
  height: 400px;
}
core-tenant-logo {
  justify-content: center;
  align-items: center;
  display: flex;
}
.Border {
  border: 1px solid var(--sopi-border-color);
}
.Border-Top {
  border-top: 1px solid var(--sopi-border-color);
}
.Border-Right {
  border-right: 1px solid var(--sopi-border-color);
}
.Border-Bottom {
  border-bottom: 1px solid var(--sopi-border-color);
}
.Border-Left {
  border-left: 1px solid var(--sopi-border-color);
}
.Border-Left-Right {
  border-left: 1px solid var(--sopi-border-color);
  border-right: 1px solid var(--sopi-border-color);
}
.borderRadiusTop {
  border-radius: 12px 12px 0 0;
}
.borderRadiusTopLeft {
  border-radius: 16px 0 0 0;
}
.borderRadiusTopRight {
  border-radius: 0 16px 0 0;
}
.borderRadiusBottom {
  border-radius: 0 0 12px 12px;
}
.borderRadiusBottomRight {
  border-radius: 0 0 16px 0;
}
.borderRadiusBottomLeft {
  border-radius: 0 0 0 16px;
}
.borderRadius {
  border-radius: 12px 12px 12px 12px;
}
.BorderRadius {
  border-radius: 12px;
}
.Box {
  margin: 0 0 32px 0;
  border-radius: 12px;
  border: 1px solid var(--sopi-border-color);
}
.Box.WithHalfMarginBottom {
  margin: 0 0 16px 0;
}
.Box.WithOutMarginBottom {
  margin: 0 0 2px 0;
}
.Box.WithTopMargin {
  margin: 16px 0 16px 0;
}
.Box .ItemWrapper:first-child ion-item,
.Box .ItemWrapper:first-child,
.Box ion-radio-group .ItemWrapper:first-child {
  border-radius: 12px 12px 0 0;
}
.Box .ItemWrapper:last-child ion-item,
.Box .ItemWrapper:last-child,
.Box ion-radio-group .ItemWrapper:last-of-type ion-item,
.Box ion-radio-group .ItemWrapper:last-of-type {
  border-radius: 0 0 12px 12px;
  --inner-border-width: 0px;
}
.Box .ItemWrapper:first-child:last-child ion-item,
.Box .ItemWrapper:first-child:last-child,
.Box ion-radio-group .ItemWrapper:last-of-type:first-of-type,
.Box ion-radio-group .ItemWrapper:last-of-type:first-of-type ion-item {
  border-radius: 12px;
  --inner-border-width: 0px;
}
ion-reorder-group ion-item:last-child {
  --inner-border-width: 0px;
}
.OuterLayoutRow {
  height: calc(100% - 44px);
}
.MobilePadding {
  --padding-top: 8px;
  --padding-end: 8px;
  --padding-start: 8px;
}
.LayoutColor {
  background-color: var(--contrast-background-color, #f6f6f6);
  --background: var(--contrast-background-color, #f6f6f6);
}
.BackgroundColor {
  --background: var(--surface-background);
  background: var(--surface-background);
}
.LayoutColorWhite {
  background-color: white;
  --background: white;
}
.LeftLayoutPart {
  border-right: 1px solid var(--sopi-border-color);
  background-color: var(--contrast-background-color);
}
.LayoutOuterPart {
  background-color: white;
  padding: 16px;
}
.LayoutInnerPart {
  background-color: var(--control-background-color);
  border-radius: 16px;
  height: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.ContentDetailArea {
  --background: var(--surface-background);
  background-color: var(--surface-background);
  border-radius: 16px;
}
.ContentDetailArea.TopArea {
  border-radius: 16px 16px 0 0;
}
.ContentDetailArea.DetailArea {
  border-radius: 0 0 16px 16px;
  height: 100%;
}
.ContentDetailArea > ion-row {
  background-color: #f6f6f6;
  padding: 0;
  border-radius: 0 0 16px 16px;
}
.BorderRadius16 {
  border-radius: 16px !important;
}
.height100 {
  height: 100%;
}
.height90 {
  height: 90%;
}
.RoundedHeader {
  min-height: 16px;
  border-radius: 8px 8px 0 0;
  background-color: var(--sopilist-footer-background-color);
}
.LayoutHeader {
  min-height: 16px;
  height: 16px;
  border-radius: 12px 12px 0 0;
  background-color: var(--sopilist-footer-background-color);
}
.sopi-force-wrap {
  overflow-wrap: anywhere;
}
.TransparentBG {
  --background: none;
}
ion-header ion-toolbar {
  --background: var(--sopi-header-background-color);
  --color: var(--sopi-header-color);
}
.SOPI-Header-Button {
  color: var(--sopi-header-color, white);
  --ion-toolbar-color: var(--sopi-header-color, white);
  background-color: transparent;
  margin: 0 16px !important;
}
.header-titel {
  color: var(--sopi-header-color, white) !important;
  font-family: var(--headline-font);
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 2px 0 0 0 !important;
}
.header-titel-outlet {
  margin: 2px 0 0 16px !important;
}
.header-subtitel {
  color: var(--sopi-header-color, white) !important;
  font-family: var(--headline-font);
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  margin: 0 0 2px 0 !important;
}
.header-subtitel-outlet {
  margin: 0 0 2px 16px !important;
}
.header-label {
  color: var(--sopi-header-color) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 8px !important;
}
.header-selection-button {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  margin: 0 8px 0 0 !important;
  --padding-start: 16px !important;
  --padding-end: 16px !important;
  --ion-color-base: var(--sopi-header-selection-button-background-color) !important;
  --ion-color-contrast: var(--sopi-header-selection-button-color) !important;
  --ion-color-shade: var(--sopi-header-selection-button-background-color) !important;
  --ion-color-tint: var(--sopi-header-selection-button-background-color) !important;
}
.header-selection-button:hover {
  opacity: 1 !important;
}
.Ende {
  color: #cecece !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  margin: 0 0 2px 0 !important;
}
.FileInput {
  padding: 4px !important;
  min-height: 44px;
  font-size: 16px;
  color: grey;
}
.footer {
  min-height: 29px;
  background-color: var(--sopilist-footer-background-color);
}
.Fab-Mini {
  width: 30px;
  height: 30px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-start: 0px;
  --padding-end: 0px;
  --background: var(--sopi-button-background-color);
  --background-hover: var(--sopi-button-hover-background-color);
  --box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.Fab-Mini ion-icon {
  font-size: 20px;
}
.Fab-Mini.TextAreaFab {
  margin: 0 0 0 4px;
}
.MobileFab ion-icon {
  font-size: 36px;
}
.MobileFab.fab-button-disabled {
  --color: var(--ion-color-secondary);
  opacity: 1;
}
.FabScrollToTop {
  position: fixed;
  right: 8px;
  bottom: 34px;
  opacity: 0.5;
}
.FabScrollToBottom {
  position: fixed;
  bottom: 34px;
  right: 8px;
  opacity: 0.5;
}
.InlineIcon {
  cursor: pointer;
  color: var(--navmainbutton-icon-color-right);
  font-size: 20px;
  margin-right: 4px;
}
.Accordion {
  margin-bottom: 3px;
}
.AccordionItem {
  --background: var(--dz4-gruen);
  --color: white;
  font-weight: 600 !important;
  font-size: 16px !important;
  --ion-font-family:
    "Roboto Condensed",
    "Helvetica Neue",
    sans-serif;
}
ion-action-sheet.ActionSheet {
  --background: white;
  --backdrop-opacity: 0.3;
  --button-background:
    linear-gradient(
      0deg,
      rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08),
      rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%,
      transparent 50%) bottom / 100% 2px no-repeat transparent;
  --button-background-activated: var(--ion-text-color);
  --button-background-hover: rgb(255 255 255);
  --button-background-hover-opacity: .04;
  --button-background-focused: currentColor;
  --button-background-focused-opacity: .12;
  --button-background-selected: white;
  --button-background-selected-opacity: 1;
  --button-color: var(--action-sheet-text-color);
  --button-color-hover: red;
  --button-color-selected: red;
  --ion-color-danger: #000000;
}
.action-sheet-title {
  background-color: var(--action-sheet-titel-background-color) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  font-family:
    "Roboto Condensed",
    "Helvetica Neue",
    sans-serif;
  padding: 8px 16px !important;
  text-align: start !important;
}
.action-sheet-button {
  text-align: start;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.action-sheet-button .action-sheet-button-inner {
  justify-content: start;
}
.action-sheet-icon {
  color: var(--action-sheet-icon-color) !important;
  font-size: 24px !important;
}
.action-sheet-group-cancel .action-sheet-icon {
  color: var(--sopi-border-color) !important;
}
.SOPI-Badge {
  font-family: var(--badge-font);
  border-radius: 16px;
  padding: 6px 8px 4px 8px;
  margin: 0 8px 0 0;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.SOPI-Badge.Primary {
  color: white;
  --background: red;
}
.SOPI-Badge.Secondary {
  color: black;
  --background: white;
}
.SOPI-Badge.Ok {
  font-size: 10px;
  color: white;
  --background: var(--ion-color-success);
}
.SOPI-Badge.PartialOk {
  font-size: 10px;
  color: white;
  --background: var(--ion-color-warning);
}
.SOPI-Badge.NotOk {
  font-size: 10px;
  color: white;
  --background: var(--ion-color-danger);
}
.SOPI-Badge.Orange {
  font-size: 10px;
  color: white;
  --background: orange;
}
.tag-button {
  height: 20px;
  --padding-start: 8px;
  --padding-end: 8px;
  margin: 2px 4px 0 0;
}
.tag-button ion-icon {
  margin-left: 4px;
}
.PermissionChip {
  height: 20px;
  margin: 2px 4px 0 0;
  color: white;
}
.PermissionChip ion-icon {
  font-size: 16px;
  color: white;
}
.Selection-Chip {
  --background: var(--selection-button-background-color);
  --background-hover: var(--selection-button-hover-background-color) !important;
  color: var(--selection-button-color) !important;
  --color: var(--selection-button-color) !important;
  z-index: 9999;
}
.cal-month-view {
  background-color: var(--contrast-background-color);
}
.cal-month-view .cal-days {
  border-color: var(--sopi-border-color);
  border-radius: 12px;
  background-color: white;
}
.cal-month-view .cal-days .ng-star-inserted:last-child .cal-cell-row {
  border-radius: 12px;
}
.cal-month-view .cal-day-cell {
  min-height: 40px;
}
.cal-month-view .cal-cell-top {
  min-height: 20px;
  flex: 1;
}
.cal-month-view .cal-day-number {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.5;
  margin: 4px;
  float: right;
}
.cal-month-view .cal-cell:hover .cal-day-number {
  opacity: 1;
  font-size: 12px;
  font-weight: 900;
  margin: 4px;
}
.cal-month-view .cal-day-badge {
  margin: 0 4px 4px 4px;
  display: inline-block;
  min-width: 10px;
  padding: 1px 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
  background-color: var(--b04-red3);
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: var(--sopi-border-color);
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open,
.cal-month-view .cal-day-cell.cal-weekend.cal-open,
.cal-month-view .cal-cell.cal-day-selected {
  background-color: red;
  color: white;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number,
.cal-month-view .cal-cell.cal-day-selected .cal-day-number,
.cal-month-view .cal-day-cell.cal-weekend.cal-open .cal-day-number {
  font-size: 12px;
  font-weight: 900;
  opacity: 1;
}
.Infobox {
  background-color: var(--signingbox-background-color);
  padding: 10px;
}
.Infobox-Inner {
  background-color: var(--signingbox-inner-background-color);
  border: 1px solid var(--signingbox-inner-border-color);
  border-radius: 8px;
  height: 80px;
}
.Infobox-Inner img {
  height: 74px;
  margin: 2px;
}
.CoreTenantLogo {
  object-fit: contain;
  margin: 2px 16px 2px 0;
  width: auto;
}
.SOPI-Titel {
  margin: 4px 0 0 0;
  order: 0;
  font-family: var(--common-font);
  color: var(--sopi-header-color, white);
  font-size: 24px;
  font-weight: 600;
}
.SOPI-Subtitel {
  margin: 4px 0 16px 0;
  order: 0;
  font-family: var(--common-font);
  color: var(--sopi-header-color, white);
  font-size: 16px;
  font-weight: 600;
}
.SOPI-Header {
  --background: var(--modal-header-background-color) !important;
}
.Modal-Footer {
  padding: 8px;
}
.Modal-Footer-Background {
  background-color: var(--modal-footer-background-color);
}
.Img-Preview {
  min-width: 56px;
  min-height: 56px;
  border-radius: 8px;
  border: 1px solid var(--sopi-border-color);
  object-fit: cover;
  margin: 2px;
}
.Img-Preview-CornerMargin {
  min-width: 72px;
  min-height: 72px;
  border-radius: 8px;
  border: 1px solid var(--sopi-border-color);
  object-fit: cover;
  margin: 0 4px 4px 0;
}
.Img-Profile-Placeholder p {
  color: grey;
  cursor: default;
  font-style: italic;
  font-size: 12px;
}
.Img-Preview2 {
  min-width: 66px;
  min-height: 66px;
  max-width: 66px;
  max-height: 66px;
  border-radius: 8px;
  border: 1px solid var(--signingbox-inner-border-color);
  object-fit: cover;
  margin: 8px;
}
.Img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.Img-Profile {
  min-width: 200px;
  min-height: 200px;
  border-radius: 8px;
  border: 1px solid var(--sopi-border-color);
  object-fit: cover;
  margin: 2px;
}
.Img-Profile-Placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #efefef;
}
.modal-wrapper {
  --background: var(--modal-wrapper-background-color);
}
.modal-content {
  height: calc(100% - 83px);
}
ion-modal {
  --width: 80% !important;
  --height: calc(100% - 64px) !important;
  --border-radius: 32px !important;
}
.plt-desktop ion-modal {
  --width: 80% !important;
  --height: calc(100% - 64px) !important;
  --border-radius: 32px !important;
}
.plt-tablet ion-modal {
  --width: 80% !important;
  --height: calc(100% - 64px) !important;
  --border-radius: 32px !important;
}
.plt-mobile ion-modal {
  --width: 100% !important;
  --height: 100% !important;
  --border-radius: 0 !important;
}
.modal-col {
  border-left: 1px solid var(--sopi-border-color);
  border-right: 1px solid var(--sopi-border-color);
}
#navigation-footer {
  background-color: var(--navigation-background-color);
}
.Notebox {
  flex-direction: column;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: var(--notebox-outer-background-color);
  color: var(--notebox-color) !important;
  display: flex;
}
.Notebox .textarea-wrapper {
  flex: 1 1 auto;
  padding: 8px;
  background-color: var(--notebox-background-color) !important;
  border-style: solid;
  border-width: 1px;
  border-color: var(--notebox-inner-border-color);
  border-radius: 8px !important;
  color: var(--text-color) !important;
  font-size: 1.4rem;
  margin: 0 !important;
  display: flex;
}
.Notebox .textarea-wrapper textarea {
  flex: 1 1 auto;
  font-size: 16px;
  padding: 0;
}
ion-radio {
  --color: var(--radio-color);
  --color-checked: var(--radio-color-checked);
  --border-width: 1px;
  margin: 0 16px 0 0;
  --radio-border-width: 1px;
}
ion-checkbox {
  --border-width: 1px;
  --border-radius: 6px;
  --size: 1.5rem;
}
.OuterSegment {
  --background: transparent;
  background-color: transparent;
  padding: 6px;
  font-weight: 300;
}
.MobileSegment {
  margin: 8px 8px 4px 8px;
}
.Segment {
  --background: var(--control-background-color);
  border-radius: 16px;
  --border-radius: 16px;
  font-family: var(--segment-font);
  color: var(--schrift);
  font-size: 16px;
  font-weight: 300;
}
ion-segment-button {
  --indicator-color: #fff;
}
ion-segment-button .tabs {
  --indicator-color: #f6f6f6;
  --background: var(--control-background-color);
  --color: var(--schrift);
  --color-checked: var(--schrift);
  --color-hover: var(--schrift);
  --border-radius: 16px;
  margin: 0;
  font-weight: 300;
}
.segment-button-indicator .tabs {
  padding: 0 !important;
  --padding-bottom: 0;
  --padding-end: 0;
  --padding-start: 0;
  --padding-top: 0;
  padding-inline: 0 !important;
}
.segment-button-indicator-background {
  --border-radius: 16px;
}
.segment-button-checked {
  font-weight: 600;
  --border-radius: 16px;
}
ion-segment-button ion-badge {
  margin: 0 4px 0 4px;
  padding: 2px 8px 0 8px;
  line-height: unset;
}
.Locked {
  background-color: var(--signingbox-inner-background-color-locked);
}
.Unlocked {
  background-color: var(--signingbox-inner-background-color);
}
.SignaturePad {
  background-color: var(--signingbox-inner-background-color);
  border: 1px solid var(--signingbox-inner-border-color);
  border-radius: 8px;
  width: 300px;
  height: 100%;
}
ion-searchbar {
  min-height: 30px !important;
  padding: 0 8px !important;
  height: 44px !important;
  --color: var(--searchbar-color) !important;
  --background: var(--searchbar-background-color) !important;
  --border-radius: 22px !important;
  background: var(--searchbar-outer-background-color) !important;
}
ion-searchbar .searchbar-search-icon {
  left: 8px !important;
  --icon-color: var(--searchbar-icon-color);
}
ion-searchbar .searchbar-input.sc-ion-searchbar-ios {
  padding-left: 36px !important;
  --placeholder-font-style: italic !important;
  font-size: 14px !important;
}
ion-searchbar .searchbar-input-container {
  height: 32px !important;
}
.SkeletonAvatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.SkeletonText {
  border-radius: 12px;
}
.SoPiLove {
  padding: 4px !important;
  --background: var(--sopi-love-background-color);
}
.SoPiLove .SoPi-Heart {
  color: var(--sopi-love-heart);
  bottom: -3px;
  position: relative;
  font-size: 18px;
}
.SoPiLove .toolbar-background-md {
  background-color: var(--sopi-love-background-color);
}
.SoPiLove .SoPiLove-T1 {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: var(--sopi-love-t1) !important;
}
.SoPiLove .SoPiLove-T2 {
  font-weight: 300 !important;
  font-size: 10px !important;
  color: var(--sopi-love-t2) !important;
}
.SoPiLove .SoPiLove-T3 {
  font-weight: 300 !important;
  font-size: 10px !important;
  color: var(--sopi-love-t3) !important;
}
.swiper-wrapper {
  height: 98%;
}
.SOPI-Swiper {
  height: 100%;
  width: 100%;
  --swiper-navigation-color: #fff;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-color: var(--b04-red2);
  --swiper-scrollbar-size: 0;
}
.SOPI-Swiper-Thumbs {
  height: 80px;
  padding: 12px;
}
.SOPI-Slider {
  padding: 16px;
  display: flex;
  justify-content: center;
}
.SOPI-Slider-Main-Img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.SOPI-Slider-Thumbnail-Img {
  min-width: 56px;
  width: 56px;
  min-height: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
}
.SOPI-Teaser-Img-Landscape {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  max-height: 444px;
}
.SOPI-Teaser-Img-Portrait {
  width: auto;
  object-fit: contain;
  border-radius: 8px;
  max-height: 444px;
}
ion-tab-bar {
  --background: var(--tabbar-background);
  --border: none;
}
ion-tab-button {
  --background: var(--tabbar-tab-button-background-color);
  --background-focused: yellow;
  --background-focused-opacity: 0.3;
  --color: var(--tabbar-tab-button-color);
  --color-focused: var(--tabbar-tab-button-active-color);
  --color-selected: var(--tabbar-tab-button-active-color);
}
.tab-selected {
  --background: var(--tabbar-tab-button-active-background-color);
}
.MessageAreaContent {
  flex: 1 1 auto;
}
.MessageAreaContent ion-button {
  text-transform: unset;
  margin: 0 0 6px 0;
  --background-hover: var(--button-select-hover-background-color) !important;
  --background: var(--button-select-background-color) !important;
  --color: var(--button-select-color) !important;
  --color-hover: var(--button-select-hover-color) !important;
  --box-shadow: none;
}
.MessageAreaContent ion-button.selected {
  border: 1px solid var(--button-select-hover-background-color);
  border-radius: 20px;
}
.MessageAreaImages {
  background-color: var(--control-color);
  margin: 0 0 0 0;
  padding: 8px 8px 0 12px;
}
.MessageAreaImages .img-wrapper {
  padding: 4px;
}
.MessageAreaImages img {
  border-radius: 8px;
  border: 1px solid var(--sopi-border-color);
  object-fit: cover;
}
.TextArea {
  background-color: var(--textarea-background-color);
  margin: 0;
  padding: 0 8px;
}
.MessageAreaFooter {
  position: relative;
  flex: 0 0 auto;
  background-color: var(--pinboard-background-color);
  padding: 8px 0;
  border-radius: 0;
}
.SOPI-Area {
  --padding-end: 0;
  --padding-start: 0;
  --padding-bottom: 0 !important;
  --padding-top: 0;
  border-radius: 12px;
  flex-direction: column;
  min-height: unset !important;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 8px 20px 8px 8px;
  background-color: white;
  color: var(--textarea-color) !important;
  display: flex;
}
.SOPI-Area .textarea-legacy-wrapper2 {
  flex: 1 1 auto;
  padding: 2px 12px 2px 0;
  background-color: var(--ion-color-primary-contrast) !important;
  border-style: solid;
  border-width: 0;
  border-color: var(--sopi-border-color);
  border-radius: 12px !important;
  color: var(--schrift) !important;
  font-size: 1rem;
  margin: 0 !important;
  display: flex;
}
.SOPI-Area .native-textarea {
  flex: 1 1 auto;
}
.SOPI-Area .native-wrapper {
  overflow: auto;
}
.Clear-Button {
  position: absolute;
  right: 4px;
  bottom: 4px;
  color: lightgrey;
  font-size: 24px;
}
.SOPI-Area .Clear-Button {
  visibility: hidden;
}
.SOPI-Area.has-focus .Clear-Button {
  visibility: visible;
}
.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after {
  --padding-start: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --padding-top: 0;
}
.SOPI-Area-Label {
  color: var(--textarea-label-color);
}
.SOPI-Area-Label-Disabled {
  color: var(--textarea-label-color);
  opacity: 0.3;
}
.level-0 {
  --background: var(--b04-red2);
  --inner-border-width: 0;
}
.level-0 p {
  color: white;
  font-weight: bold;
}
.level-0 .level-1:last-child {
  --inner-border-width: 0;
}
.level-1 {
  padding-left: 0;
}
.level-2 {
  padding-left: 42px;
}
.level-3 {
  padding-left: 84px;
}
ion-toast.orgarenaToast {
  --background: var(--contrast-background-color);
  --box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
}
ion-toast .toast-content {
  margin: 12px;
}
ion-toast.orgarenaToast::part(header) {
  font-weight: bolder;
  font-size: 16px;
}
ion-toast.orgarenaToast::part(button) {
  font-size: 16px;
}
ion-toast.orgarenaToast::part(icon) {
  font-size: 30px;
  margin: 8px 0 0 12px;
}
ion-toast.orgarenaToast.Success::part(header),
ion-toast.orgarenaToast.Success::part(message),
ion-toast.orgarenaToast.Success::part(button) {
  color: darkgreen;
}
ion-toast.orgarenaToast.Warning::part(header),
ion-toast.orgarenaToast.Warning::part(message),
ion-toast.orgarenaToast.Warning::part(button) {
  color: darkorange;
}
ion-toast.orgarenaToast.Error::part(header),
ion-toast.orgarenaToast.Error::part(message),
ion-toast.orgarenaToast.Error::part(button) {
  color: darkred;
}
.SmallToggle {
  --track-background: #ddd;
  --track-background-checked: var(--b04-red3);
  --handle-background: white;
  --handle-background-checked: white;
  --handle-width: 18px;
  --handle-height: 18px;
  --handle-max-height: auto;
  --handle-spacing: 2px;
  --handle-border-radius: 10px;
  font-size: 10px;
}
.SmallToggle::part(track) {
  height: 22px;
  width: 40px;
  overflow: visible;
}
.SmallToggle.Right {
  padding: 0 0 0 16px;
}
ion-refresher.refresher-native .refresher-pulling-icon,
ion-refresher.refresher-native .refresher-refreshing-icon {
  border: 6px solid var(--refresher-border-color);
  background: var(--refresher-background-color);
  color: var(--refresher-icon-color);
}
ion-refresher.refresher-native ion-spinner {
  color: var(--refresher-icon-color);
}
ion-refresher.refresher-native .arrow-container ion-icon {
  color: var(--refresher-icon-color);
}
.landscape-mode #MobileCalendarHeader,
.landscape-mode #TabBar {
  display: none;
}
.landscape-mode ion-app {
  padding-left: var(--ion-safe-area-left);
}
.modal-scroll {
  height: 70vh;
  overflow-y: auto;
}

/* apps/orgaapp-mobile/src/styles.scss */
button {
  margin: 4px 6px;
  padding: 4px 6px;
  background-color: darkslategray;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.emoji-mart {
  border: none !important;
  background-color: #f9f9f9;
}
.emoji-mart-category-label span {
  background-color: #f9f9f9;
}
.SOPI-List-Left {
  height: calc(100vh - 157px);
}
.SOPI-List-Right {
  height: calc(100vh - 261px);
}
.SOPI-List-Right-Inner {
  height: calc(100vh - 331px);
}
.SOPI-List-Modal-Inner {
  height: calc(100vh - 370px);
}
.SOPI-List-Mobile {
  height: calc(100vh - 161px);
}
.SOPI-List-Mobile-Segment {
  height: calc(100vh - 153px);
}
.SOPI-List-Mobile-Segment {
  height: calc(100vh - 197px);
}

/* node_modules/@ngxpert/hot-toast/src/styles/styles.css */
@keyframes hotToastEnter {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.hot-toast-animated-icon {
  animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.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 {
  from {
    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;
  }
  100% {
    height: 10px;
    opacity: 1;
  }
}
.hot-toast-checkmark-icon {
  animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
  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 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
  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 {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastFirstLineAnimation {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hotToastSecondLineAnimation {
  from {
    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 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
  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 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
  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 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
  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, 0.1), 0 3px 3px rgba(0, 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, fit-content);
  transition-property: border-bottom-left-radius, border-bottom-right-radius;
  transition-duration: 230ms;
  transition-timing-function: ease-out;
}
.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;
  }
}
.expanded .hot-toast-bar-base {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.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 230ms cubic-bezier(0.21, 1.02, 0.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, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 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, 0.75em);
  border: var(--hot-toast-close-btn-border, 0);
  border-radius: var(--hot-toast-close-btn-border-radius, 0.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, 0.8em);
  margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-close-btn-opacity, 0.5);
  padding: var(--hot-toast-close-btn-padding, 0.25em);
  width: var(--hot-toast-close-btn-width, 0.8em);
}
.hot-toast-close-btn:focus {
  box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.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, 0.75);
}
.hot-toast-group-btn {
  align-self: var(--hot-toast-group-btn-align-self, flex-start);
  background-color: var(--hot-toast-group-btn-background-color, transparent);
  background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E"));
  background-position: var(--hot-toast-group-btn-background-position, center);
  background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-group-btn-background-size, 1.3em);
  border: var(--hot-toast-group-btn-border, 0);
  border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-group-btn-box-sizing, content-box);
  display: var(--hot-toast-group-btn-display, flex);
  height: var(--hot-toast-group-btn-height, 0.8em);
  margin-top: var(--hot-toast-group-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-group-btn-opacity, 0.5);
  padding: var(--hot-toast-group-btn-padding, 0.25em);
  width: var(--hot-toast-group-btn-width, 0.8em);
  will-change: var(--hot-toast-group-btn-will-change, transform);
  transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
.hot-toast-group-btn:focus {
  box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-group-btn-outline, none);
}
.hot-toast-group-btn:hover,
.hot-toast-group-btn:focus {
  opacity: var(--hot-toast-group-btn-opacity, 0.75);
}
.expanded .hot-toast-group-btn {
  transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg));
}
.hot-toast-icon {
  align-self: var(--hot-toast-icon-align-self, flex-start);
  padding-top: var(--hot-toast-icon-padding-top, 0.25em);
}
.hot-toast-bar-base-wrapper {
  pointer-events: all;
}
.hot-toast-bar-base-group {
  --hot-toast-shadow: none;
  background-color: var(--hot-toast-group-bg, #fff);
  margin: var(--hot-toast-margin, 16px);
  margin-top: calc(-1 * var(--hot-toast-margin, 16px));
  border-bottom-left-radius: var(--hot-toast-border-radius, 4px);
  border-bottom-right-radius: var(--hot-toast-border-radius, 4px);
  height: 0;
  overflow: hidden;
  transition-property: height;
  transition-duration: 230ms;
  transition-timing-function: ease-in-out;
  position: relative;
  box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
}
.expanded .hot-toast-bar-base-group {
  height: var(--hot-toast-group-height);
}
.hot-toast-bar-base-group .hot-toast-bar-base {
  margin: 0;
}
@keyframes hotToastEnterAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastEnterAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastExitAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5);
  }
}
@keyframes hotToastExitAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5);
  }
}
@keyframes hotToastEnterSoftAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastEnterSoftAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastExitSoftAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 14px, -1px);
  }
}
@keyframes hotToastExitSoftAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -14px, -1px);
  }
}
.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 {
  from {
    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;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-info-icon {
  animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
  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 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
  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 {
  from {
    transform: rotate(0deg);
  }
  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 {
  from {
    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;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-warning-icon {
  animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
  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 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
  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);
}

/* angular:styles/global:styles */