/* 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: var(--safe-area-inset-top, env(safe-area-inset-top));
    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));
    --ion-safe-area-right: var(--safe-area-inset-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/mapbox-gl/dist/mapbox-gl.css */
.mapboxgl-map {
  font:
    12px/20px Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
.mapboxgl-canary {
  background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}
.mapboxgl-ctrl-bottom,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-left,
.mapboxgl-ctrl-right,
.mapboxgl-ctrl-top,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0;
}
.mapboxgl-ctrl-top {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0;
}
.mapboxgl-ctrl-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}
.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}
.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}
.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}
.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  background-color: initial;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 32px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 32px;
}
.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: initial;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}
.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #eee;
}
.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-up .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9 8.41421L12.2929 11.7071C12.6834 12.0976 13.3166 12.0976 13.7071 11.7071C14.0976 11.3166 14.0976 10.6834 13.7071 10.2929L9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L9 9.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L9.70711 11.7071C9.31658 12.0976 8.68342 12.0976 8.29289 11.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: initial;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: #ffffff80;
  margin: 0;
  padding: 0 5px;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: initial;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    background-color: #ffffff80;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d;
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}
.mapboxgl-attrib-empty {
  display: none;
}
.mapboxgl-ctrl-scale {
  background-color: #ffffffbf;
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  border: 10px solid #0000;
  height: 0;
  width: 0;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none;
}
.mapboxgl-popup-close-button {
  background-color: initial;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.mapboxgl-popup-close-button:hover {
  background-color: #eee;
}
.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px #0000001a;
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-marker {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform;
}
.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px #00000059;
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid #0000;
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid #0000;
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  align-items: center;
  background: #000000b3;
  color: #fff;
  display: flex;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}
.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
  background-color: #ccc;
  color: #000;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
  background-color: #ccc;
}

/* node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css */
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}
.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none;
}
.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%;
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}
.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}
.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}
.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}
.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}
.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}
.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}
.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}
.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}
.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  -moz-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}
.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}
.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 640px) {
  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }
  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }
  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }
  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }
  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }
  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }
  .mapbox-gl-geocoder--error {
    color: #909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }
  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}

/* node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css */
.mapbox-gl-draw_ctrl-bottom-left,
.mapbox-gl-draw_ctrl-top-left {
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
.mapbox-gl-draw_ctrl-top-right,
.mapbox-gl-draw_ctrl-bottom-right {
  margin-right: 0;
  border-radius: 4px 0 0 4px;
}
.mapbox-gl-draw_ctrl-draw-btn {
  border-color: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
}
.mapbox-gl-draw_ctrl-draw-btn.active,
.mapbox-gl-draw_ctrl-draw-btn.active:hover {
  background-color: rgb(0 0 0/5%);
}
.mapbox-gl-draw_ctrl-draw-btn {
  background-repeat: no-repeat;
  background-position: center;
}
.mapbox-gl-draw_point {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>');
}
.mapbox-gl-draw_polygon {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>');
}
.mapbox-gl-draw_line {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>');
}
.mapbox-gl-draw_trash {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>');
}
.mapbox-gl-draw_uncombine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>');
}
.mapbox-gl-draw_combine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>');
}
.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: pointer;
}
.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: crosshair;
}
.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: cell;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapbox-gl-draw_boxselect {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, .1);
  border: 2px dotted #fff;
  opacity: 0.5;
}

/* node_modules/@photo-sphere-viewer/core/index.css */
/*!
 * Photo Sphere Viewer 5.14.1
 * @copyright 2014-2015 Jérémy Heleine
 * @copyright 2015-2026 Damien "Mistic" Sorel
 * @licence MIT (https://opensource.org/licenses/MIT)
 */
.psv-container {
  --psv-core-loaded: true;
  container-name: psv-container;
  container-type: size;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background:
    radial-gradient(
      #fff 0%,
      #fdfdfd 16%,
      #fbfbfb 33%,
      #f8f8f8 49%,
      #efefef 66%,
      #dfdfdf 82%,
      #bfbfbf 100%);
  overflow: hidden;
}
.psv-container * {
  box-sizing: content-box;
}
.psv-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: opacity linear 100ms;
}
.psv-fullscreen-emulation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 9999;
}
.psv-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
}
.psv-loader {
  --psv-loader-border: 3px;
  --psv-loader-tickness: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  width: 150px;
  height: 150px;
}
.psv-loader-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgba(61, 61, 61, 0.5);
  z-index: -1;
}
.psv-loader-text {
  font: 600 16px sans-serif;
  text-align: center;
}
.psv-loader--undefined .psv-loader-canvas {
  animation: psv-loader 2s cubic-bezier(0.75, 0.25, 0.25, 0.75) infinite;
}
@keyframes psv-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.psv-navbar {
  display: flex;
  position: absolute;
  z-index: 90;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(61, 61, 61, 0.5);
  transition: bottom ease-in-out 0.1s;
  font: 16px sans-serif;
  cursor: default;
}
.psv-navbar--open {
  bottom: 0;
}
.psv-navbar,
.psv-navbar * {
  box-sizing: content-box;
}
.psv-button {
  flex: 0 0 auto;
  padding: 10px;
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
}
.psv-button--active {
  background: rgba(255, 255, 255, 0.2);
}
.psv-button--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.psv-button-svg {
  width: 100%;
  transform: scale(1);
  transition: transform 200ms ease;
  vertical-align: initial;
}
.psv-button:not(.psv-button--disabled):focus-visible {
  outline: 2px solid #007cff;
  outline-offset: -2px;
}
.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg {
  transform: scale(1.2);
}
.psv-move-button + .psv-move-button {
  margin-left: -10px;
}
.psv-download-button {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
}
.psv-download-button::before,
.psv-download-button::after {
  display: none !important;
}
.psv-custom-button {
  width: auto;
  min-width: 20px;
}
.psv-custom-button--no-padding {
  padding: 0;
  height: 100%;
}
.psv-caption {
  flex: 1 1 100%;
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  text-align: center;
  cursor: unset;
  padding: unset;
  height: unset;
  width: unset;
}
.psv-caption-content {
  display: inline-block;
  padding: 10px;
  white-space: nowrap;
}
.psv-zoom-range.psv-button {
  width: 80px;
  height: 1px;
  margin: 10px 0;
  padding: 9.5px 0;
  max-width: 600px;
}
.psv-zoom-range-line {
  position: relative;
  width: 80px;
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.3s ease;
}
.psv-zoom-range-handle {
  position: absolute;
  border-radius: 50%;
  top: -3px;
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, 0.7);
  transform: scale(1);
  transition: transform 0.3s ease;
}
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line {
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle {
  transform: scale(1.3);
}
.psv-notification {
  position: absolute;
  z-index: 100;
  bottom: -40px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
  opacity: 0;
  transition-property: opacity, bottom;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.psv-notification-content {
  max-width: 50em;
  background: rgba(61, 61, 61, 0.8);
  border-radius: 4px;
  padding: 0.5em 1em;
  font: 14px sans-serif;
  color: rgb(255, 255, 255);
}
.psv-notification--visible {
  opacity: 100;
  bottom: 80px;
}
.psv-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 110;
  inset: 0;
  background:
    radial-gradient(
      #fff 0%,
      #fdfdfd 16%,
      #fbfbfb 33%,
      #f8f8f8 49%,
      #efefef 66%,
      #dfdfdf 82%,
      #bfbfbf 100%);
  opacity: 0.8;
  cursor: default;
}
.psv-overlay-image {
  width: 100%;
  text-align: center;
  color: rgb(48, 48, 48);
}
.psv-overlay-image svg {
  width: 50%;
}
@container psv-container (orientation: landscape) {
  .psv-overlay-image svg {
    width: 33%;
  }
}
.psv-overlay-title {
  color: black;
  margin-top: 1em;
  font: 30px sans-serif;
  text-align: center;
}
.psv-overlay-text {
  color: rgba(0, 0, 0, 0.8);
  font: 20px sans-serif;
  opacity: 0.8;
  text-align: center;
}
.psv-panel {
  position: absolute;
  z-index: 90;
  right: 0;
  height: 100%;
  width: 400px;
  max-width: calc(100% - 9px);
  background: rgba(10, 10, 10, 0.7);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
  cursor: default;
  margin-left: 9px;
}
.psv--has-navbar .psv-panel {
  height: calc(100% - 40px);
}
.psv-panel-close-button {
  display: none;
  position: absolute;
  top: -1px;
  right: 0;
  width: 19.2px;
  height: 19.2px;
  padding: 6.4px;
  background: transparent;
  color: #fff;
  transition: background 300ms ease-in-out;
  cursor: pointer;
}
.psv-panel-close-button svg {
  transition: transform 300ms ease-in-out;
}
.psv-panel-close-button:hover {
  background: rgba(0, 0, 0, 0.9);
}
.psv-panel-close-button:hover svg {
  transform: scale(-1);
}
.psv-panel-resizer {
  display: none;
  position: absolute;
  top: 0;
  left: -9px;
  width: 9px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: col-resize;
}
.psv-panel-resizer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5.5px;
  margin-top: -14.5px;
  width: 1px;
  height: 1px;
  box-shadow:
    1px 0 #fff,
    3px 0px #fff,
    5px 0px #fff,
    1px 2px #fff,
    3px 2px #fff,
    5px 2px #fff,
    1px 4px #fff,
    3px 4px #fff,
    5px 4px #fff,
    1px 6px #fff,
    3px 6px #fff,
    5px 6px #fff,
    1px 8px #fff,
    3px 8px #fff,
    5px 8px #fff,
    1px 10px #fff,
    3px 10px #fff,
    5px 10px #fff,
    1px 12px #fff,
    3px 12px #fff,
    5px 12px #fff,
    1px 14px #fff,
    3px 14px #fff,
    5px 14px #fff,
    1px 16px #fff,
    3px 16px #fff,
    5px 16px #fff,
    1px 18px #fff,
    3px 18px #fff,
    5px 18px #fff,
    1px 20px #fff,
    3px 20px #fff,
    5px 20px #fff,
    1px 22px #fff,
    3px 22px #fff,
    5px 22px #fff,
    1px 24px #fff,
    3px 24px #fff,
    5px 24px #fff,
    1px 26px #fff,
    3px 26px #fff,
    5px 26px #fff,
    1px 28px #fff,
    3px 28px #fff,
    5px 28px #fff;
  background: transparent;
}
.psv-panel-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: rgb(220, 220, 220);
  font: 16px sans-serif;
  overflow: auto;
}
.psv-panel-content:not(.psv-panel-content--no-margin) {
  padding: 1em;
}
.psv-panel-content--no-interaction {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.psv-panel--open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-duration: 0.2s;
}
.psv-panel--open .psv-panel-close-button,
.psv-panel--open .psv-panel-resizer {
  display: block;
}
@container psv-container (max-width: 400px) {
  .psv-panel {
    width: 100% !important;
    max-width: none;
  }
  .psv-panel-resizer {
    display: none !important;
  }
}
.psv-panel-menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.psv-panel-menu-title {
  flex: none;
  display: flex;
  align-items: center;
  font: 24px sans-serif;
  margin: 24px 12px;
}
.psv-panel-menu-title svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.psv-panel-menu-list {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.psv-panel-menu-item {
  min-height: 1.5em;
  padding: 0.5em 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: background 0.1s ease-in-out;
}
.psv-panel-menu-item--active {
  outline: 1px solid currentcolor;
  outline-offset: -1px;
}
.psv-panel-menu-item-icon {
  flex: none;
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.5em;
}
.psv-panel-menu-item-icon img {
  max-width: 100%;
  max-height: 100%;
}
.psv-panel-menu-item-icon {
}
.psv-panel-menu-item-icon svg {
  width: 100%;
  height: 100%;
}
.psv-panel-menu-item:focus-visible {
  outline: 2px solid #007cff;
  outline-offset: -2px;
}
.psv-panel-menu--stripped .psv-panel-menu-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd),
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd)::before {
  background: rgba(255, 255, 255, 0.1);
}
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even),
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even)::before {
  background: transparent;
}
.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.psv-tooltip {
  position: absolute;
  z-index: 50;
  box-sizing: border-box;
  max-width: 200px;
  background: rgba(61, 61, 61, 0.8);
  border-radius: 4px;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 100ms;
  cursor: default;
}
.psv-tooltip-content {
  color: rgb(255, 255, 255);
  font: 14px sans-serif;
  text-shadow: 0 1px #000;
  padding: 0.5em 1em;
}
.psv-tooltip-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border: 7px solid transparent;
}
.psv-tooltip--top-left,
.psv-tooltip--top-center,
.psv-tooltip--top-right {
  transform: translate3d(0, 5px, 0);
}
.psv-tooltip--top-left .psv-tooltip-arrow,
.psv-tooltip--top-center .psv-tooltip-arrow,
.psv-tooltip--top-right .psv-tooltip-arrow {
  border-top-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--bottom-left,
.psv-tooltip--bottom-center,
.psv-tooltip--bottom-right {
  transform: translate3d(0, -5px, 0);
}
.psv-tooltip--bottom-left .psv-tooltip-arrow,
.psv-tooltip--bottom-center .psv-tooltip-arrow,
.psv-tooltip--bottom-right .psv-tooltip-arrow {
  border-bottom-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--left-top,
.psv-tooltip--center-left,
.psv-tooltip--left-bottom {
  transform: translate3d(5px, 0, 0);
}
.psv-tooltip--left-top .psv-tooltip-arrow,
.psv-tooltip--center-left .psv-tooltip-arrow,
.psv-tooltip--left-bottom .psv-tooltip-arrow {
  border-left-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--right-top,
.psv-tooltip--center-right,
.psv-tooltip--right-bottom {
  transform: translate3d(-5px, 0, 0);
}
.psv-tooltip--right-top .psv-tooltip-arrow,
.psv-tooltip--center-right .psv-tooltip-arrow,
.psv-tooltip--right-bottom .psv-tooltip-arrow {
  border-right-color: rgba(61, 61, 61, 0.8);
}
.psv-tooltip--left-top,
.psv-tooltip--top-left {
  box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--top-center {
  box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--right-top,
.psv-tooltip--top-right {
  box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--left-bottom,
.psv-tooltip--bottom-left {
  box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--bottom-center {
  box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--right-bottom,
.psv-tooltip--bottom-right {
  box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--center-left {
  box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--center-right {
  box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7);
}
.psv-tooltip--visible {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* src/global.scss */
[hidden] {
  display: none !important;
}
.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  width: 1px;
}
.ion-activatable {
  position: relative;
  overflow: hidden;
}
.ion-activatable ion-ripple-effect {
  color: var(--appTint);
}
ion-toast.toast-success::part(container) {
  background-color: var(--ion-color-medium);
  color: var(--ion-color-light);
  border-radius: var(--border-radius);
}
ion-toast.toast-success::part(button) {
  color: var(--ion-color-light);
}
ion-toast.toast-redirect::part(container) {
  background-color: #0d0d0d;
  color: var(--ion-color-light);
  border-radius: var(--border-radius);
}
ion-toast.toast-redirect::part(button) {
  color: var(--ion-color-light);
}
html.high-contrast {
  --appTint: var(--color-dark) !important;
  --appSupport: var(--color-grey) !important;
  --ion-color-primary: var(--color-dark) !important;
  --ion-color-primary-shade: var(--color-dark) !important;
  --ion-color-primary-tint: var(--color-dark) !important;
  --ion-color-secondary: var(--color-grey) !important;
  --ion-color-danger: var(--color-red-dark) !important;
  --color-red: var(--color-red-dark) !important;
  --color-primary: var(--color-grey) !important;
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.loader:has(.spinner-dots) {
  max-height: 16px;
}
.loader ion-spinner[color=primary] {
  color: var(--appTint);
}
.loader.padding {
  padding: 16px;
}
.loader--sm ion-spinner {
  width: 16px;
  height: 16px;
}
.loader--full {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
.infinite-loading {
  --color: var(--appTint);
}
.refresher-refreshing-icon {
  --color: var(--appTint);
}
ion-action-sheet.custom-actionsheet .action-sheet-title {
  color: #212121;
  font-size: 1rem;
  font-weight: 700;
}
ion-action-sheet.custom-actionsheet .action-sheet-button {
  color: var(--ion-color-dark);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.action-sheet-cancel {
  color: var(--color-red);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.filterBtn {
  color: var(--color-dark);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.filterBtn.ion-activated {
  color: var(--color-dark);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.activeBtn,
ion-action-sheet.custom-actionsheet .action-sheet-button.action-sheet-selected {
  color: var(--appTint);
}
ion-action-sheet.custom-actionsheet .action-sheet-button.activeBtn.ion-activated,
ion-action-sheet.custom-actionsheet .action-sheet-button.action-sheet-selected.ion-activated {
  color: var(--appTint);
}
ion-popover.custom-popover ion-list-header {
  font-size: var(--fontsize-l);
}
ion-popover.custom-popover ion-item:last-of-type {
  --inner-border-width: 0;
}
.app-desktop ion-button:hover,
.app-desktop ion-select:hover,
.app-desktop ion-toggle:hover,
.app-desktop button:hover,
.app-desktop a:hover,
.app-desktop [role=link]:hover,
.app-desktop [role=button]:hover {
  opacity: 0.75;
}
ion-button:active,
ion-select:active,
ion-toggle:active,
button:active,
a:active,
[role=link]:active,
[role=button]:active {
  opacity: 0.75;
}
input,
button,
a,
[role=link],
[role=button] {
  transition: all 250ms ease;
  cursor: pointer;
}
input:focus-visible,
button:focus-visible,
a:focus-visible,
[role=link]:focus-visible,
[role=button]:focus-visible {
  outline: 2px solid var(--color-blue);
}
ion-button.ion-focused,
ion-select.ion-focused,
ion-toggle.ion-focused {
  outline: 2px solid var(--color-blue);
}
ion-segment-button.ion-focused,
ion-item:not(.select-interface-option).ion-focusable.ion-focused::part(native) {
  outline: 2px solid var(--color-blue);
  outline-offset: -2px;
}

/* src/theme/variables.scss */
:root {
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb:
    56,
    128,
    255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb:
    12,
    209,
    232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb:
    112,
    68,
    255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  --ion-color-success: #10dc60;
  --ion-color-success-rgb:
    16,
    220,
    96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb:
    255,
    206,
    0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb:
    255,
    255,
    255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  --ion-color-danger: #e12417;
  --ion-color-danger-rgb:
    245,
    61,
    61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  --ion-color-dark: #212121;
  --ion-color-dark-rgb:
    34,
    34,
    34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #575757;
  --ion-color-medium-rgb:
    152,
    154,
    162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #f3f1ef;
  --ion-color-light-rgb:
    244,
    244,
    244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-font-family: "Mukta", sans-serif;
  --ion-padding: 8px;
  --ion-background-color: var(--ion-color-light);
  --app-gutter: max( calc((100vw - var(--app-max-width)) / 2), var(--ion-padding) );
}

/* src/assets/scss/style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
:root {
  --screen-s: 640px;
  --screen-m-max: 767px;
  --screen-m-min: 768px;
  --screen-l-max: 1023px;
  --screen-l-min: 1024px;
  --screen-xl: 1440px;
  --app-max-width: 48rem;
  --fontweight-light: 300;
  --fontweight-regular: normal;
  --fontweight-medium: 500;
  --fontweight-semibold: 600;
  --fontweight-bold: bold;
  --fontsize-xs: 0.75rem;
  --fontsize-s: 0.875rem;
  --fontsize-m: 1rem;
  --fontsize-l: 1.125rem;
  --fontsize-xl: 1.25rem;
  --fontsize-xxl: 1.5rem;
  --color-white: #fff;
  --color-black: #000;
  --color-background: #f3f1ef;
  --color-dark: #212121;
  --color-text: #8f8f8f;
  --color-grey-light: #e9e9e9;
  --color-grey: #575757;
  --color-border: #cdcdcd;
  --color-primary: #f5b049;
  --color-blue: #0b57d0;
  --color-green: #49da16;
  --color-red: #e12417;
  --color-red-light: #e1667d;
  --color-red-dark: #bd1c11;
  --color-purple: #a800f2;
  --color-blue-light: #77ced8;
  --box-shadow-m: 0 2px 2px rgba(0, 0, 0, 0.04);
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-Light-CIGZHL5L.woff2") format("woff2"), url("./media/Mukta-Light-W3S735ZW.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-Medium-ZHMGYRHG.woff2") format("woff2"), url("./media/Mukta-Medium-EZN6WH6B.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-Regular-QFGEBMB5.woff2") format("woff2"), url("./media/Mukta-Regular-IMPHRJ75.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-SemiBold-DTBQ2A5O.woff2") format("woff2"), url("./media/Mukta-SemiBold-4R6KYJWK.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-Bold-VSFBNVRN.woff2") format("woff2"), url("./media/Mukta-Bold-PGDD4TQK.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-ExtraLight-DAWHJI5M.woff2") format("woff2"), url("./media/Mukta-ExtraLight-WZVRR2EH.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mukta";
  src: url("./media/Mukta-ExtraBold-U2GGWXZB.woff2") format("woff2"), url("./media/Mukta-ExtraBold-CYDCHCRK.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
ion-tab-bar {
  --background: #fff;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.06);
  height: 64px;
  width: 100%;
  max-width: calc(var(--app-max-width) + 32px);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}
ion-tab-bar ion-tab-button {
  position: relative;
  --color: #212121;
  --color-selected: var(--appTint);
  border-radius: 24px;
}
ion-tab-bar ion-tab-button ion-icon {
  font-size: 30px;
}
ion-tab-bar ion-tab-button.tab-selected ion-icon {
  padding-bottom: 4px;
  border-bottom: 2px solid var(--appTint);
}
ion-tab-bar ion-tab-button span {
  white-space: nowrap;
  position: absolute;
  top: 10px;
  left: calc(50% + 12px);
  transform: translateX(-50%);
  width: 1.5em;
  height: 1.5em;
  background: var(--color-red);
  border-radius: 50%;
  font-weight: bold;
  font-size: var(--fontsize-s);
  line-height: 1;
  overflow: hidden;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
:not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-toolbar {
  --padding-start: var(--app-gutter);
  --padding-end: var(--app-gutter);
  --min-height: 54px;
}
:not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-toolbar ion-title {
  letter-spacing: 0;
  font-weight: bold;
  padding-left: var(--ion-padding);
  padding-right: var(--ion-padding);
}
:not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-buttons ion-button span {
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: -5px;
  width: 1.5em;
  height: 1.5em;
  background: var(--color-red);
  border-radius: 50%;
  font-weight: bold;
  font-size: var(--fontsize-xs);
  line-height: 1;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
ion-button {
  --border-radius: 8px;
  --ripple-color: var(--ion-color-primary);
}
ion-content {
  --padding-start: var(--ion-safe-area-left);
  --padding-end: var(--ion-safe-area-right);
}
.keyboard-up ion-content {
  --padding-bottom: var(--keyboard-height);
}
ion-content.ion-padding {
  --safe-padding: calc( var(--ion-safe-area-left) + var(--ion-safe-area-right) );
  --padding-start: max(var(--safe-padding), var(--ion-padding));
  --padding-end: max(var(--safe-padding), var(--ion-padding));
}
ion-tab-bar {
  padding-bottom: calc(var(--ion-safe-area-bottom) * 0.6);
}
.app-desktop :not(ion-modal) > .ion-page > ion-header:not(.top-nav) {
  margin-top: var(--desktop-header-height);
}
.app-desktop :not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-toolbar {
  --background: var(--ion-background-color);
  --padding-bottom: 0;
}
.app-desktop :not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-toolbar ion-buttons {
  padding-right: var(--ion-padding);
}
.app-desktop :not(ion-modal) > .ion-page > ion-header:not(.top-nav) ion-toolbar:last-of-type {
  --border-width: 0;
}
.app-desktop ion-tab-bar,
.app-desktop ion-back-button {
  display: none !important;
}
html,
body {
  overscroll-behavior-x: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
}
.loading-overlay {
  background: #fff;
}
a:active,
button:active {
  opacity: 0.7;
}
.app__content,
.app__description {
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.app__description {
  padding: 8px 8px 16px 8px;
}
.app__description p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.app-desktop .app__description {
  padding-top: 0;
}
ion-item.survey-item {
  --background: var(--color-white);
  --ion-border-color: transparent;
  --border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  font-size: var(--fontsize-m);
}
ion-popover ion-item {
  --background: unset;
  --ion-border-color: unset;
  --border-radius: unset;
  box-shadow: unset;
}
.back-button {
  position: relative;
  overflow: hidden;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 4px;
  display: block;
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}
.back-button:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url(/assets/icons/arrow-left-thin.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  pointer-events: none;
}
.back-button > span {
  display: block;
}
.back-button ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
  transition: all 0.25s ease;
}
.back-button ion-back-button:focus {
  background-color: rgba(0, 0, 0, 0.5);
}
.app-desktop .back-button:hover ion-back-button {
  background-color: rgba(0, 0, 0, 0.2);
}
app-translation-button .translation-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  text-decoration: none;
  transition: 0.25s all ease;
  background: none;
}
app-translation-button .translation-button span:first-child {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  display: block;
}
app-translation-button .translation-button span:first-child svg {
  width: 100%;
  height: 100%;
  display: block;
}
app-translation-button .translation-button span:first-child svg path {
  fill: #575757;
}
app-translation-button .translation-button span:nth-child(2) {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 2;
  color: #575757;
}
app-translation-button ion-spinner {
  height: 16px;
}
ion-modal.media-slider-modal::part(backdrop) {
  --backdrop-opacity: 1;
}
ion-modal.media-slider-modal::part(content) {
  --background: transparent;
  height: var(--height) !important;
  padding-bottom: 0 !important;
}
ion-modal.media-slider-modal ion-toolbar,
ion-modal.media-slider-modal ion-content {
  --background: none;
}
ion-modal.media-slider-modal ion-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
ion-modal.media-slider-modal ion-header .dismiss,
ion-modal.media-slider-modal ion-header .share {
  --background-color: transparent;
  --color: var(--color-white);
  filter: drop-shadow(0 1px 2px var(--color-black));
}
ion-modal.media-slider-modal .media-slider {
  width: 100%;
  height: 100%;
  background: none;
  position: unset;
  margin-top: unset;
  border-radius: 0;
}
ion-modal.media-slider-modal .media-slider__wrapper {
  background-color: unset;
}
ion-modal.media-slider-modal .media-slider__wrapper:has(.media-slider__sphere) {
  height: 100%;
  padding-top: var(--ion-safe-area-top);
}
ion-modal.media-slider-modal .media-slider__wrapper img,
ion-modal.media-slider-modal .media-slider__wrapper video,
ion-modal.media-slider-modal .media-slider__wrapper iframe {
  object-fit: contain !important;
}
ion-modal.media-slider-modal .media-slider__controls {
  border-radius: 0;
}
ion-modal.media-slider-modal .media-slider__controls > span {
  margin: 2px 12px;
}
ion-modal.media-slider-modal .media-slider__sphere__overlay {
  border-radius: 0;
}
ion-modal.media-slider-modal .media-slider swiper-container {
  height: 100% !important;
}
ion-modal.media-slider-modal .media-slider swiper-container swiper-slide {
  max-height: unset !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
ion-modal.media-slider-modal .media-slider__caption {
  position: absolute;
  z-index: 10;
  bottom: 56px;
  width: 75%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background-color: rgb(from var(--color-black) r g b/0.5);
  border-radius: 8px;
  transition: none;
}
ion-modal.media-slider-modal .media-slider__caption > span {
  font-weight: var(--fontweight-bold);
  color: var(--color-white) !important;
}
ion-modal.widget app-project-about-us {
  overflow-y: auto;
  background-color: #f3f1ef;
  padding: 8px;
  justify-content: start;
}
ion-modal.widget app-project-about-us .card {
  margin-bottom: 8px;
}
ion-modal.widget app-project-about-us .close {
  align-self: end;
  margin-bottom: 8px;
}
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right));
  padding-left: calc(var(--ion-safe-area-left));
}
.update-app ion-header {
  background: #f3f1ef;
}
.update-app ion-header .close {
  padding: 10px;
  float: right;
  cursor: pointer;
}
.update-app ion-header .close svg {
  height: 20px;
}
.update-app .container {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: -44px;
}
.update-app .container h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.update-app .container p {
  white-space: pre-wrap;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.update-app .container button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.update-app .container button:hover {
  text-decoration: none;
}
.update-app .container button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.update-app .container button[disabled] {
  opacity: 0.5;
}
.update-app .container button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.update-app .container button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.update-app .container button {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.update-app .container button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.update-app .container button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.update-app .container button span.icon + span:not(.icon),
.update-app .container button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.update-app .container button {
  color: #fff;
  background: var(--appTint);
  margin-top: 16px;
}
.card {
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  text-align: left;
}
.card__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.card__head > div:first-child[tabindex="0"] {
  width: 100%;
  display: flex;
}
.card__image {
  width: 58px;
  min-width: 58px;
  height: 58px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.card__image.small {
  width: 38px;
  min-width: 38px;
  height: 38px;
}
.card__image.has-image {
  background: transparent;
}
.card__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.card__title {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
  font-size: 1rem;
}
.card__title > span {
  display: block;
  color: #212121;
}
.card__title > span:first-child span {
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.card__title > span:first-child span:last-child:not(:first-child) {
  color: #212121;
  font-size: 1rem;
  font-weight: normal;
}
.card__title > span:last-child {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
}
.card__share {
  width: 32px;
  height: 32px;
  padding: 4px;
  margin-left: auto;
  border-radius: 50%;
}
.card__share span {
  display: block;
  width: 100%;
  height: 100%;
}
.card__share span svg {
  width: 100%;
  height: 100%;
}
.card__buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
}
.card__buttons .button {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  padding: 10px 12px;
  text-align: center;
  border-radius: 8px;
  line-height: 1.2;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 250ms ease;
}
.card__buttons .button--primary {
  background-color: var(--appTint);
  border: 1px solid var(--appTint);
}
.card__buttons .button--secondary {
  background-color: #fff;
  color: #212121;
  border: 1px solid #212121;
}
.card__new {
  color: var(--appTint);
}
.card__content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card__content h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.card__content > a {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75px;
  text-align: right;
  line-height: 1.25;
  font-size: 1rem;
  color: var(--appTint);
  margin-right: 8px;
  background: #fff;
}
.card__content .read-more {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: var(--appTint);
  display: inline;
  text-decoration: none;
}
.card__content > span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
}
.card__content > div {
  color: #212121;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.25;
}
.card__content > div p {
  padding-right: 5px;
}
.card__content > div p:last-of-type {
  display: inline;
}
.card__content > div h2 {
  font-weight: var(--fontweight-bold);
  font-size: var(--fontsize-l);
  margin-bottom: 4px;
}
.card__content > div h4 {
  font-weight: var(--fontweight-bold);
  font-size: var(--fontsize-m);
  margin-bottom: 4px;
}
.card__content > div a,
.card__content > div p,
.card__content > div strong,
.card__content > div u,
.card__content > div em,
.card__content > div li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.25;
}
.card__content > div ul,
.card__content > div ol {
  padding-left: 2rem;
  margin: 16px 0;
}
.card__content > div ul li {
  list-style-type: disc;
}
.card__content > div ol li {
  list-style-type: decimal;
}
.card__content > div strong {
  font-weight: 600;
}
.card__content > div a {
  font-weight: 600;
  color: var(--appTint);
  text-decoration: underline;
}
.card__content .card__content__note {
  color: var(--appTint);
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}
.card__content button:not(.translation-button) {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.card__content button:not(.translation-button):hover {
  text-decoration: none;
}
.card__content button:not(.translation-button).isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.card__content button:not(.translation-button)[disabled] {
  opacity: 0.5;
}
.card__content button:not(.translation-button) {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.card__content button:not(.translation-button) span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.card__content button:not(.translation-button) {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.card__content button:not(.translation-button) span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.card__content button:not(.translation-button) span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.card__content button:not(.translation-button) span.icon + span:not(.icon),
.card__content button:not(.translation-button) span:not(.icon) + span.icon {
  margin-left: 8px;
}
.card__content button:not(.translation-button) {
  color: #fff;
  background: var(--appSupport);
  margin-top: 16px;
  align-self: flex-start;
}
.card__bottom {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card__bottom app-social-buttons {
  flex: 0 0 auto;
}
.card__media {
  margin: 0 8px;
}
.card__events {
  margin: 16px 8px 0;
}
.card__events:has(swiper-container) {
  background-color: var(--color-background);
  padding: 8px;
  border-radius: 8px;
}
.card--events {
  border: 2px solid var(--appTint);
  position: relative;
  padding: 16px;
  overflow: hidden;
}
.card--events .card__head {
  min-height: calc((var(--fontsize-l) + var(--fontsize-l)) * 1.4);
}
.card--update {
  padding: 16px 8px;
}
.card--update .card__attachment:not(:empty) {
  margin: 16px 8px 0;
}
.card--update .reference {
  font-style: italic;
  font-size: var(--fontsize-s);
  padding: 16px 8px 0 8px;
}
.card--report {
  padding: 4px;
}
.card--report app-smart-reporting-map-page {
  position: relative;
}
.card--report app-smart-reporting-map-page .smart-reporting__map {
  width: 100%;
  height: 300px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.app-desktop .card--report app-smart-reporting-map-page .smart-reporting__map {
  height: 360px;
}
.card--report app-smart-reporting-map-page .smart-reporting__filter {
  top: 16px;
  right: 16px;
}
.card--report app-smart-reporting-map-page .smart-reporting__new {
  bottom: 16px;
}
.card--update .card__head,
.card--update .card__content,
.card--update .card__bottom,
.card--events .card__head,
.card--events .card__content,
.card--events .card__bottom {
  padding: 0 8px;
}
.card__cover-image {
  width: auto;
  height: 80px;
  background-color: #e9e9e9;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 16px;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -16px;
  margin-bottom: 16px;
}
.card__poll {
  position: relative;
}
.card__poll p.poll_closed_text {
  font-size: 1.125rem;
}
.card__poll > span {
  font-weight: bold;
  line-height: 1.4;
  color: #212121;
}
.card__poll__questions {
  margin-top: 8px;
  width: 100%;
}
.card__poll__questions:has(.image) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8px -8px 0 -8px;
}
.card__poll__questions:has(.image) > li {
  margin: 0 8px;
}
.card__poll__questions > li:not(:last-child) {
  margin-bottom: 8px;
}
.card__poll__questions > li input[type=radio] {
  display: none;
}
.card__poll__questions > li input[type=radio] + label {
  display: block;
  position: relative;
  font-weight: var(--fontweight-regular);
  font-size: var(--fontsize-l);
  line-height: 1.5;
  color: var(--color-dark);
  text-decoration: none;
  padding-left: 32px;
  cursor: pointer;
  transition: opacity 250ms ease;
}
.card__poll__questions > li input[type=radio] + label:hover {
  opacity: 0.75;
}
.card__poll__questions > li input[type=radio] + label:hover:before {
  border-color: var(--appTint);
}
.card__poll__questions > li input[type=radio] + label:before,
.card__poll__questions > li input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 4px;
}
.card__poll__questions > li input[type=radio] + label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  transition: 260ms ease;
}
.card__poll__questions > li input[type=radio] + label:after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--appTint);
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.card__poll__questions > li input[type=radio]:checked + label:before {
  border-color: var(--appTint);
}
.card__poll__questions > li input[type=radio]:checked + label:after {
  opacity: 1;
  pointer-events: auto;
}
.card__poll__questions > li input[type=radio] + label:before,
.card__poll__questions > li input[type=radio] + label:after {
  border-radius: 50%;
}
.card__poll__questions > li input[type=radio] + label.poll_closed {
  padding-left: 0;
}
.card__poll__questions > li input[type=radio] + label.poll_closed:before,
.card__poll__questions > li input[type=radio] + label.poll_closed:after {
  display: none;
}
.card__poll__questions > li input[type=radio] + label {
  display: flex;
  align-items: center;
}
.card__poll__questions > li strong {
  padding-left: 4px;
  color: #575757;
}
.card__poll__questions > li.active input[type=radio] + label,
.card__poll__questions > li.active strong {
  color: var(--appTint);
}
.card__poll__questions__text {
  font-size: 1rem;
  flex-grow: 1;
  overflow: hidden;
}
.card__poll__questions__image {
  flex-shrink: 0;
  display: inline-block;
  width: 100px;
  aspect-ratio: 1/1;
  max-width: 25%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.card__poll__questions__image:before,
.card__poll__questions__image:after {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.card__poll__questions__image span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.125rem;
  color: #fff;
  background: rgba(33, 33, 33, 0.5);
}
.card__poll__votes {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #212121;
  width: 100%;
  margin-top: 8px;
}
.card.card--project {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 16px 12px 16px;
  transition: all 260ms ease;
}
.app-desktop .card.card--project {
  cursor: pointer;
}
.app-desktop .card.card--project:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.app-desktop .sidebar .card.card--project {
  margin: 0;
  padding: 8px 12px 8px 12px;
  border-radius: 0;
  box-shadow: none;
}
.app-desktop .sidebar .card.card--project:hover {
  opacity: 0.6;
  box-shadow: initial;
}
.app-desktop .sidebar .card.card--project .card__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.app-desktop .sidebar .card.card--project .card__content {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  padding: 0 12px;
}
.app-desktop .sidebar .card.card--project .card__content h2 {
  font-size: var(--fontsize-m);
}
.app-desktop .sidebar .card.card--project .card__content > span {
  font-size: var(--fontsize-s);
}
.app-desktop .sidebar .card.card--project > div:first-of-type[tabindex="0"] {
  width: 100%;
}
.card.card--project a {
  width: calc(100% - 40px);
  min-width: 150px;
  align-items: center;
  display: flex;
  text-decoration: none;
}
.card.card--project.highlighted {
  background-color: var(--appTint);
}
.card.card--project.highlighted .card__content > span:first-child {
  color: #fff;
}
.card.card--project.highlighted .card__content > span[color=dark] {
  color: #fff;
}
.card.card--project.highlighted .card__content > span:last-child {
  color: #fff;
}
.card.card--project.highlighted .card__content h2 {
  color: #fff;
}
.card.card--project.highlighted .card__follow {
  box-shadow: inset 0 0 0 1px #fff;
}
.card.card--project.highlighted .card__follow span svg path {
  fill: #fff;
}
.card.card--project.highlighted .card__follow.following {
  box-shadow: inset 0 0 0 1px #fff;
}
.card.card--project.highlighted .card__follow.following svg path {
  fill: #fff;
}
.card.card--project .card__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.card.card--project .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card.card--project .card__content {
  width: calc(100% - 48px);
  min-width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.card.card--project .card__content h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.25;
  color: #212121;
  margin: 0;
}
.card.card--project .card__content > span {
  font-weight: 300;
}
.card.card--project .card__content > span:first-child {
  color: var(--appTint);
  font-weight: bold;
}
.card.card--project .card__content > span.main span,
.card.card--project .card__content > span.child span {
  color: #0b57d0;
  display: flex;
  align-items: center;
}
.card.card--project .card__content > span.main span span,
.card.card--project .card__content > span.child span span {
  margin-left: 5px;
}
.card.card--project .card__content > span.main span svg,
.card.card--project .card__content > span.child span svg {
  fill: #0b57d0;
  margin-right: 4px;
  font-weight: 300;
}
.card.card--project .card__content > span[color=dark] {
  color: #212121;
  font-weight: normal;
}
.card.card--project .card__follow {
  width: 40px;
  min-width: 40px;
  height: 40px;
  box-shadow: inset 0 0 0 1px #575757;
  border-radius: 6px;
  text-align: center;
  padding: 8px;
  transition: 260ms ease;
  cursor: pointer;
}
.card.card--project .card__follow span {
  display: block;
  width: 24px;
  height: 24px;
}
.card.card--project .card__follow span:last-child {
  display: none;
}
.card.card--project .card__follow span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.card.card--project .card__follow span svg path {
  fill: #575757;
  transition: 260ms ease;
}
@media (hover: hover) {
  .card.card--project .card__follow:hover {
    box-shadow: inset 0 0 0 1px var(--appTint);
  }
  .card.card--project .card__follow:hover svg path {
    fill: var(--appTint);
  }
}
.card.card--project .card__follow.disabled {
  pointer-events: none;
}
.card.card--project .card__follow.disabled span {
  display: none;
}
.card.card--project .card__follow.disabled ion-spinner {
  height: 24px;
  width: 24px;
}
.card.card--project .card__follow.following {
  box-shadow: inset 0 0 0 1px var(--appTint);
}
.card.card--project .card__follow.following svg path {
  fill: var(--appTint);
}
.card.card--project .card__follow.following span:first-of-type {
  display: none;
}
.card.card--project .card__follow.following span:last-of-type {
  display: block;
}
.card.card--project .arrow span {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.card--summary {
  padding: 0;
}
.card--summary__phone > div {
  padding-right: 5px;
}
.card--summary__phone {
  margin: 8px 0;
  font-family: var(--font-semiBold);
  color: var(--appTint);
  text-decoration: none;
  font-weight: var(--font-weight-semiBold);
  cursor: pointer;
  display: flex;
}
.card--summary__phone svg path {
  fill: var(--appTint);
}
.card--summary__body {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
}
.card--summary__inner.rating .opinion__invalid span {
  text-align: left;
  padding-top: 10px;
}
.card--summary__inner {
  padding: 16px;
}
.card--summary__inner.livestream {
  padding: 8px;
}
.card--summary__inner.livestream .card--summary__head {
  padding: 8px;
}
.card--summary__inner.livestream .card--summary__description {
  padding: 0 8px 12px 8px;
}
.card--summary__inner.contact .card__head {
  padding: 0;
}
.card--summary__inner.contact .card__image {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.card--summary__inner.map {
  padding: 4px;
}
.card--summary__inner.map .card--summary__head {
  padding: 12px;
}
.card--summary__map {
  padding: 8px;
  padding-top: 0;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 8px 8px 12px 12px;
  overflow: hidden;
}
.card--summary__map .mapboxgl-map {
  border-radius: 10px;
}
.card--summary__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
}
.card--summary__head > div:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.card--summary__head > div:first-child h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #212121;
}
.card--summary__head > div:first-child > span {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #fff;
  padding: 4px 8px;
  background: var(--color-red);
  border-radius: 6px;
  margin-left: 8px;
}
.card--summary__head > div:nth-child(2) {
  margin-left: auto;
}
.card--summary__livestream {
  position: relative;
  width: 100%;
  max-height: 240px;
  aspect-ratio: 16/9;
  border-radius: 16px;
}
.card--summary__livestream__overlay {
  position: absolute;
  offset: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.6);
  border-radius: 16px;
  text-align: center;
  z-index: 5;
  cursor: pointer;
}
.card--summary__livestream__overlay svg {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card--summary__livestream .live-stream,
.card--summary__livestream video {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-dark);
}
.card--summary__livestream .live-stream iframe,
.card--summary__livestream video iframe {
  width: 100%;
  height: 100%;
}
.card--summary__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2px;
}
.card--summary__title span.icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.card--summary__title span.icon svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.card--summary__title h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #212121;
}
.card--summary__title h3 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.card--summary__description {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.card--summary__description a,
.card--summary__description p,
.card--summary__description strong,
.card--summary__description u,
.card--summary__description em,
.card--summary__description li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.card--summary__description ul,
.card--summary__description ol {
  padding-left: 32px;
}
.card--summary__description ul li {
  list-style-type: disc;
}
.card--summary__description ol li {
  list-style-type: decimal;
}
.card--summary__description strong {
  font-weight: 600;
}
.card--summary__description a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.card--summary__link {
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--appTint);
}
.card--summary__image {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.card--summary__image img {
  max-height: 250px;
}
.card--summary__phases {
  display: flex;
  flex-direction: column;
  margin: 4px 0;
}
.card--summary__phases li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--summary__phases li span.icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.card--summary__phases li span.icon svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.card--summary__phases li.before span.text {
  color: #575757;
  font-weight: 300;
}
.card--summary__phases li.before span.icon svg path {
  fill: #575757;
}
.card--summary__phases li.current span:last-of-type {
  font-weight: bold;
  margin-left: 2px;
  font-size: 1rem;
  color: var(--color-red);
}
.card--summary__phases li span.text {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  display: flex;
  flex-direction: column;
}
.card--summary__phases li:not(:last-child) {
  margin-bottom: 4px;
}
.card--summary__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.card--summary__button:hover {
  text-decoration: none;
}
.card--summary__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.card--summary__button[disabled] {
  opacity: 0.5;
}
.card--summary__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.card--summary__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.card--summary__button {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.card--summary__button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.card--summary__button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.card--summary__button span.icon + span:not(.icon),
.card--summary__button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.card--summary__button {
  color: #fff;
  background: var(--appSupport);
  margin-top: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.card--summary__button:hover {
  filter: brightness(90%);
}
.card--summary__children div.card--child {
  padding: 16px 0;
}
.card--summary__children div.card--child:first-child {
  padding-top: 8px;
}
.card--summary__children div.card--child:last-child {
  padding-bottom: 8px;
}
.card--summary__children div.card--child:not(:last-child) {
  border-bottom: 1px solid rgba(205, 205, 205, 0.5);
}
.card--summary__documents {
  margin-top: 12px;
}
.card--summary__documents .document {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 4px;
}
.card--summary__documents .document:not(:last-child) {
  margin-bottom: 8px;
}
.card--summary__documents .document__image,
.card--summary__documents .document__download {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
}
.card--summary__documents .document__image > img,
.card--summary__documents .document__download > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card--summary__documents .document__content {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding: 0 12px;
  display: flex;
  flex-direction: column;
}
.card--summary__documents .document__content span:first-child {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--summary__documents .document__content span:last-child {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  color: #212121;
  display: block;
}
.card--summary__documents .document__download {
  margin-left: auto;
  padding: 10px;
  background: #fff;
}
.card--summary.report .card__head {
  padding: 16px 16px 0 16px;
}
.card--summary.report .card--summary__inner {
  padding-top: 0;
}
.card--summary.highlighted {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04), inset 0 0 0 1px var(--appTint);
}
.card--summary__organisation {
  display: flex;
  flex-direction: row;
}
.card--summary__organisation .card__content {
  padding-left: 16px;
}
.card--child {
  transition: transform 0.3s ease-in-out;
  padding: 12px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--child__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 6px;
}
.card--child__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.card--child__content {
  width: calc(100% - 88px);
  min-width: calc(100% - 88px);
  padding-left: 16px;
  display: flex;
  flex-direction: column;
}
.card--child__content span {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.card--child__content span.location {
  font-weight: bold;
  color: var(--appTint);
}
.card--child__content span:first-child {
  color: var(--appTint);
}
.card--child__content span:last-child {
  color: #212121;
  font-weight: 300;
}
.card--child__content h2,
.card--child__content h3 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.card--child__icon {
  margin-left: auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
}
.app-desktop .card--child:hover {
  cursor: pointer;
  transform: scale(1.025);
}
.child-projects__container {
  position: relative;
}
.child-projects__container::before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: 46px;
  left: 12px;
  width: 3px;
  background: var(--appTint);
  opacity: 0.7;
}
.child-projects__container__wrapper {
  animation: unrollFromBehind 500ms cubic-bezier(0.4, 0.2, 0.2, 1);
  transform-origin: top center;
  width: calc(100% - 32px);
  margin: 8px 0 8px auto;
  position: relative;
}
.child-projects__container__wrapper:last-child {
  margin-bottom: 0;
}
.child-projects__container__wrapper::after {
  content: "";
  position: absolute;
  bottom: 34px;
  display: block;
  left: -24px;
  transform: scale(0.75);
  height: 24px;
  width: 24px;
  background-color: var(--appTint);
  opacity: 0.7;
  mask: url(/assets/icons/arrow-right.svg);
  -webkit-mask: url(/assets/icons/arrow-right.svg);
}
.card--form {
  padding: 16px;
}
.card--form .required-note {
  font-size: var(--fontsize-s);
  font-style: italic;
  margin-bottom: 8px;
}
.card--form .update-attachment__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.card--form .update-attachment__content app-update-preview {
  flex: 1 1 auto;
}
.card--form app-form-group > div,
.card--form .update-attachment {
  margin-bottom: 16px;
}
.card--form app-form-group > div.form-group--error input,
.card--form app-form-group > div.form-group--error textarea,
.card--form .update-attachment.form-group--error input,
.card--form .update-attachment.form-group--error textarea {
  border-color: var(--color-red);
}
.card--form app-form-group > div label,
.card--form .update-attachment label {
  font-weight: var(--fontweight-medium);
  font-size: var(--fontsize-m);
  line-height: 1.2;
  color: var(--color-dark);
  display: block;
  margin-bottom: 4px;
}
.card--form app-form-group > div label.required:after,
.card--form .update-attachment label.required:after {
  content: " *";
  color: var(--color-red);
}
.card--form app-form-group > div input,
.card--form app-form-group > div textarea,
.card--form .update-attachment input,
.card--form .update-attachment textarea {
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-medium);
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-border), transparent 50%);
  -webkit-appearance: none;
  appearance: none;
  border-radius: 8px;
  color: var(--color-dark);
}
.card--form app-form-group > div input::placeholder,
.card--form app-form-group > div textarea::placeholder,
.card--form .update-attachment input::placeholder,
.card--form .update-attachment textarea::placeholder {
  color: var(--color-dark);
  font-weight: var(--fontweight-light);
}
.card--form app-form-group > div input,
.card--form app-form-group > div textarea,
.card--form .update-attachment input,
.card--form .update-attachment textarea {
  padding: 8px 16px;
  font-size: var(--fontsize-m);
  line-height: 1;
}
.card--form app-form-group > div textarea,
.card--form .update-attachment textarea {
  padding: 12px 16px;
  height: 120px;
  resize: none;
  display: block;
}
.card--form app-form-group > div textarea + .errors,
.card--form .update-attachment textarea + .errors {
  margin-top: 0;
}
.card--form app-form-group > div .errors,
.card--form .update-attachment .errors {
  margin-top: 4px;
  font-weight: var(--fontweight-medium);
  font-size: var(--fontsize-m);
  line-height: 1.5;
  color: var(--color-red);
}
.app-desktop .card--form app-form-group .file-input:hover {
  cursor: pointer;
}
.app-desktop .card--form button:hover {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.card--conversation {
  transition: transform 0.3s ease-in-out;
}
.card--conversation.with-project .card__head {
  border-bottom: 1px solid var(--color-grey-light);
  margin: 0 -16px 16px;
  padding: 0 16px 16px;
}
.card--conversation ion-ripple-effect {
  color: var(--ion-color-secondary);
}
.card--conversation__meta {
  display: flex;
  flex-direction: row;
}
.card--conversation__meta span {
  font-size: 1rem;
  line-height: 1.4;
}
.card--conversation__meta span:first-child {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #212121;
}
.card--conversation__meta span:last-child {
  width: 80px;
  min-width: 80px;
  font-weight: normal;
  color: #212121;
  text-align: right;
}
.card--conversation__text {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.card--conversation__text > div {
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  height: 2.8rem;
  padding-right: 40px;
  overflow: hidden;
}
.card--conversation__text > div ul {
  padding-left: 2.5rem;
  margin: 0;
}
.card--conversation__text > div ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.card--conversation__text > div ol {
  padding-left: 3rem;
  margin: 0;
}
.card--conversation__text > div ol > li {
  list-style-type: decimal;
}
.card--conversation__text > div a {
  color: unset;
}
.card--conversation__text > span {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.card--conversation__text > span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.card--conversation__text > span svg path {
  fill: #212121;
}
.app-desktop .card--conversation:hover {
  cursor: pointer;
  transform: scale(1.025);
}
.app-desktop .card--conversation.with-project .card__title span:hover {
  text-decoration: none !important;
}
.project-suggestion-slider {
  position: relative;
  margin-bottom: 8px;
}
.project-suggestion-slider__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.project-suggestion-slider__header .swiper-button-custom {
  display: none;
  font-size: 3rem;
}
.project-suggestion-slider__header h2 {
  text-align: center;
  margin: 16px 0;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.project-suggestion-slider__slides {
  display: flex;
}
.project-suggestion-slider__slides swiper-container {
  width: 100%;
}
.app-desktop .project-suggestion-slider__header {
  justify-content: space-between;
}
.app-desktop .project-suggestion-slider__header .swiper-button-custom {
  display: block;
}
.project-suggestion {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.project-suggestion__content {
  text-align: left;
  position: relative;
  flex-grow: 1;
}
.project-suggestion__content > div {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.project-suggestion__buttons {
  margin: 0 8px;
}
.project-suggestion__type {
  flex-direction: row;
}
.project-suggestion__type > span {
  color: var(--appTint);
  padding-right: 4px;
}
.project-suggestion__type > span > svg {
  fill: var(--appTint);
}
.project-suggestion app-card-project-suggestion {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tabs {
  position: relative;
  width: 100%;
}
.tabs:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background:
    linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 12px 0;
  pointer-events: none;
}
.tabs.sticky {
  background: #fff;
  position: fixed;
  max-width: var(--app-max-width);
  left: auto;
  right: auto;
  border-radius: 0 0 12px 12px;
  z-index: 600;
  margin-top: var(--ion-safe-area-top);
}
.tabs ion-segment {
  background: #fff;
  padding-right: 56px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 0 0 12px 12px;
}
.tabs ion-segment::-webkit-scrollbar {
  display: none;
}
.tabs ion-segment > span {
  display: contents;
  position: relative;
}
.tabs ion-segment ion-segment-button {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75;
  color: #212121;
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: 6px 0;
  margin: 0;
  min-width: auto;
  border-bottom: 2px solid #fff;
  transition: border-bottom-color 0.5s ease;
  --indicator-box-shadow: none;
  --indicator-color: none;
}
.tabs ion-segment ion-segment-button.notification::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--color-red);
  border-radius: 50%;
  right: 5px;
  top: 10px;
}
.tabs ion-segment ion-segment-button:focus {
  opacity: 0.7;
}
.tabs ion-segment ion-segment-button:before {
  display: none;
}
.tabs ion-segment ion-segment-button.segment-button-checked {
  background: #fff;
  color: var(--appTint);
  border-bottom-color: var(--appTint);
}
.card--about-us app-map {
  width: 100%;
  height: 100%;
}
.card--about-us app-map .layer-shape-grey {
  filter: grayscale(100%);
}
.card--about-us app-map .marker {
  width: 36px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5b049;
  -webkit-mask-image: url(/assets/icons/marker.svg);
  mask-image: url(/assets/icons/marker.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.card--about-us app-map .marker .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
}
.card--about-us app-map .marker--grey {
  background-color: #8f8f8f;
}
.card--about-us app-map .marker--label {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #8f8f8f;
  padding: 2px 6px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
app-feed:has(nc-ngx-smart-banner) {
  padding-top: 84px;
}
nc-ngx-smart-banner .smartbanner {
  font-family: "Mukta", sans-serif !important;
  border-bottom: 1px solid #cdcdcd;
}
nc-ngx-smart-banner .smartbanner--android .smartbanner__button {
  background-color: var(--appTint) !important;
  border-radius: 6px;
}
nc-ngx-smart-banner .smartbanner--ios .smartbanner__button {
  color: var(--appTint) !important;
}
.feed__new {
  text-align: center;
  font-size: var(--fontsize-m);
  color: var(--color-dark);
  margin-bottom: 8px;
}
.feed__new svg {
  fill: var(--color-dark);
}
.feed__tip {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.feed__tip__icon span {
  display: block;
  width: 32px;
  height: 32px;
}
.feed__tip__icon span svg {
  width: 100%;
  height: 100%;
}
.feed .card {
  margin-bottom: 8px;
}
.feed .card__content.feed__project p,
.feed .card__content.feed__project b {
  font-size: 0.875rem;
}
.feed .card .feed__project__button {
  margin: 24px auto;
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.feed .card .feed__project__button:hover {
  text-decoration: none;
}
.feed .card .feed__project__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.feed .card .feed__project__button[disabled] {
  opacity: 0.5;
}
.feed .card .feed__project__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.feed .card .feed__project__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.feed .card .feed__project__button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
}
.notice {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
  padding: 20px 0 20px 0;
}
app-search ion-toolbar {
  --background: var(--color-white);
}
app-search .search.in-onboarding .search__top__overlay {
  padding-bottom: 54px;
}
app-search .search.in-onboarding .search__top__overlay__inner {
  padding-top: calc(2.125rem + 36px);
  padding-bottom: calc(var(--ion-safe-area-top) + var(--ion-safe-area-bottom));
}
app-search .search.in-onboarding app-search-box .search__top__field.with-banner .search-icon-button:not(.clickable),
app-search .search.in-onboarding app-search-box .search__top__field.with-banner span.search-icon,
app-search .search.in-onboarding app-search-box .search__top__field.with-banner button.close {
  top: 50%;
  transform: translateY(-50%);
}
app-search .search.in-onboarding app-search-box {
  position: absolute;
  width: 100%;
}
app-search .search.in-onboarding app-search-box .search__top__field {
  padding-top: 0px;
}
app-search .search.in-onboarding app-search-box .search__top__field span.search-icon,
app-search .search.in-onboarding app-search-box .search__top__field button.close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -10px;
}
app-search .search.in-onboarding app-search-box .search__top__field input {
  padding-top: 0;
}
app-search .search--map-results {
  padding-top: 40vh;
}
app-search .search--map-results ion-progress-bar {
  position: fixed;
  z-index: 99;
  width: 100%;
  max-width: calc(var(--app-max-width) - 24px);
  left: 50%;
  transform: translateX(-50%);
}
app-search .search--map-results .search-count-number {
  font-size: 0.875rem;
  margin: 20px 0;
  text-align: center;
}
app-search .search--map-results .search-count-number span {
  font-weight: bold;
}
app-search .search.suggestions .search__results,
app-search .search.suggestions .search__top__overlay {
  padding-bottom: calc(1.2rem + 48px + var(--ion-safe-area-bottom));
}
app-search .search__top {
  height: auto;
  width: 100%;
  position: fixed;
  background-color: #fff;
}
app-search .search__top__overlay {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f3f1ef;
  opacity: 0;
  transition: 260ms ease;
  transform: translateY(-100%);
  overflow-y: auto;
  padding-bottom: 64px;
}
app-search .search__top__overlay__inner {
  max-width: var(--app-max-width);
  margin: 0 auto;
  padding: 8px;
  padding-top: calc(2.125rem + 56px + 0.8 * var(--ion-safe-area-top));
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
}
app-search .search__top__overlay__inner > *:not(:last-child) {
  margin-bottom: 8px;
}
app-search .search__top__overlay__inner ion-spinner {
  align-self: center;
}
app-search .search__top__overlay__filters {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
app-search .search__top__overlay.active {
  transform: translateY(0);
  opacity: 1;
}
app-search .search__top app-search-box {
  position: absolute;
  z-index: 120;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--app-max-width);
}
app-search .search__top__map {
  width: 100%;
  height: 40vh;
  position: relative;
  display: flex;
}
app-search .search__top__map .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #e9e9e9;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-search .search__top__map app-map {
  width: 100%;
  height: 100%;
}
app-search .search__top__map app-map .marker {
  background-image: url(/assets/icons/marker.svg);
  background-size: 36px 48px;
  width: 36px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transform: translateY(-24px);
}
app-search .search__top__map app-map .marker .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
}
app-search .search__results {
  width: 100%;
  padding: 0 var(--ion-padding);
  display: flex;
  flex-direction: column;
}
app-search .search__results > app-search-item:not(:last-child) {
  margin-bottom: 8px;
}
app-search .search app-search-empty button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
app-search .search app-search-empty button:hover {
  text-decoration: none;
}
app-search .search app-search-empty button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
app-search .search app-search-empty button[disabled] {
  opacity: 0.5;
}
app-search .search app-search-empty button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
app-search .search app-search-empty button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
app-search .search app-search-empty button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
  margin: 16px 0;
}
@keyframes unrollFromBehind {
  0% {
    opacity: 0;
    transform: scaleY(0.2) translateY(-16px);
    z-index: -1;
    filter: blur(2px);
  }
  60% {
    opacity: 1;
    transform: scaleY(1.08) translateY(2px);
    z-index: 1;
    filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    transform: scaleY(1) translateY(0);
    z-index: 1;
    filter: none;
  }
}
.app-desktop app-search ion-header ion-toolbar {
  --background: var(--color-white);
}
.app-desktop app-search ion-content {
  --padding-top: var(--desktop-header-height);
}
.app-desktop app-search app-search-item:hover {
  cursor: pointer;
}
.app-desktop app-search .search:not(.in-onboarding) .search__top {
  margin-top: var(--desktop-header-height);
}
.app-desktop app-search .search.in-onboarding .search__top__overlay__inner {
  padding-top: calc(2.125rem + 56px);
}
.app-desktop app-search .search.in-onboarding app-search-box .search__top__field input {
  padding-top: 20px;
}
.app-desktop app-search .search.in-onboarding app-search-box .search__top__field span.search-icon,
.app-desktop app-search .search.in-onboarding app-search-box .search__top__field button.close {
  position: absolute;
  top: calc(50% + 0.8 * var(--ion-safe-area-top));
  transform: translateY(calc(-50% - 0.8 * (var(--ion-safe-area-top)) / 2));
  margin-top: 0;
}
.app-desktop app-search .search__top {
  background: none;
  max-width: var(--app-max-width);
  margin-left: var(--app-gutter);
  margin-right: var(--app-gutter);
}
.app-desktop app-search .search__top__map {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.app-desktop app-search .search__top__map__locate {
  bottom: 75px;
}
.app-desktop app-search .search__top__results {
  padding: 0;
}
.settings__main {
  margin-top: 16px;
  margin-bottom: 24px;
}
.settings__main > div {
  position: relative;
  width: 100%;
  padding: 16px 46px 16px 16px;
  background: #fff;
  transition: box-shadow 0.25s ease-in-out;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.settings__main > div:hover {
  box-shadow: 0 2px 2px #cdcdcd;
}
.settings__main > div:not(:last-child) {
  margin-bottom: 16px;
}
.settings__main > div:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url(/assets/icons/arrow-right--dark.svg);
  background-size: 24px;
  background-repeat: no-repeat;
}
.settings__line {
  width: calc(100% - 100px);
  height: 1px;
  margin: 0 auto;
  background: #cdcdcd;
}
.settings__sub {
  padding: 24px;
}
.settings__sub > div {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  width: fit-content;
}
.settings__sub > div:active {
  opacity: 0.7;
}
.settings__sub > div:not(:last-child) {
  margin-bottom: 12px;
}
.settings__sub > div:nth-child(-n+3) {
  font-weight: bold;
}
.projects {
  display: flex;
  flex-direction: column;
}
.projects > *:not(:last-child) {
  margin-bottom: 8px;
}
.about-app {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.about-app p {
  color: #212121;
  font-size: 1.125rem;
  font-weight: normal;
}
.about-app p li {
  list-style-type: decimal;
}
.app-desktop .settings__main > div {
  padding: 16px;
}
.app-desktop .settings__main > div h2 {
  margin-bottom: 8px;
  font-weight: var(--fontweight-bold);
  font-size: var(--fontsize-xl);
}
.app-desktop .settings__main > div > p {
  font-weight: var(--fontweight-regular);
  font-size: var(--fontsize-m);
  line-height: 1.5;
  color: var(--color-dark);
}
.app-desktop .settings__main > div:after {
  display: none;
}
.app-desktop .preferences__box,
.app-desktop .permissions__box {
  box-shadow: none;
  padding: 8px;
}
.conversation__inner {
  padding: 8px 16px 96px 16px;
}
.conversation__head {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0 32px 0;
}
.conversation__head:after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: calc(100% - 100px);
  height: 1px;
  background: rgba(205, 205, 205, 0.5);
  transform: translateX(-50%);
}
.conversation__image {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.conversation__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 6px;
}
.conversation__title {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
.conversation__title > span {
  display: block;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation__title > span:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.conversation__title > span:first-child span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  max-height: 1.4rem;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation__title > span:first-child span:first-child {
  margin-right: 4px;
}
.conversation__title > span:first-child span:last-child:not(:first-child) {
  color: #212121;
  font-weight: 600;
}
.conversation__title > span:last-child {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5rem;
  max-height: 1.3125rem;
  white-space: nowrap;
}
.conversation__content__meta h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.conversation__content__meta > span {
  display: block;
  font-size: 0.875rem;
}
.conversation__content__meta > span.date {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0b57d0;
}
.conversation__content__meta > span.status {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__content__meta > span.status.closed {
  color: #e12417;
}
.conversation__content__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.conversation__content__button:hover {
  text-decoration: none;
}
.conversation__content__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.conversation__content__button[disabled] {
  opacity: 0.5;
}
.conversation__content__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.conversation__content__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.conversation__content__button {
  padding: 12px 16px;
  color: #fff;
  background: #000;
  width: 200px;
  margin: 24px auto 0 auto;
}
.conversation__description {
  padding-top: 16px;
}
.conversation__description__head {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__description__content {
  position: relative;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  display: flex;
  flex-direction: column;
}
.conversation__chat {
  padding-top: 16px;
}
.conversation__chat__head > div:first-child {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.conversation__chat__head > div:first-child span:last-child {
  color: var(--appTint);
  padding-left: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.conversation__chat__head > div:first-child span:last-child svg path {
  fill: var(--appTint);
}
.conversation__chat__head > div:last-child {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #212121;
}
.conversation__chat--fullscreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--ion-background-color);
  padding: 0 16px 40px 16px;
}
.conversation__chat--fullscreen app-translation-button {
  display: none;
}
.conversation__chat--fullscreen .conversation__chat__head {
  display: none;
}
.conversation__chat--fullscreen + button {
  display: none;
}
.conversation__messages .card {
  margin-top: 8px;
}
.conversation__messages > ul {
  display: flex;
  flex-direction: column;
}
.conversation__messages > ul > li {
  position: relative;
  margin-top: 8px;
  background: #e9e9e9;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  min-width: 60%;
}
.conversation__messages > ul > li .selectable {
  -webkit-user-select: text;
  user-select: text;
}
.conversation__messages > ul > li.support.hasImage {
  max-width: 100%;
  margin-right: 40px;
  padding-right: 12px;
}
.conversation__messages > ul > li.new {
  font-weight: 500;
  color: var(--appSupport);
  background: #fff;
  border: 1px dashed var(--appSupport);
  padding: 12px;
  text-align: center;
  margin-left: auto;
  width: 60%;
}
.conversation__messages > ul > li.device {
  margin-left: auto;
  background: var(--appSupport);
  color: #fff;
}
.conversation__messages > ul > li.device.hasImage {
  max-width: 100%;
  margin-left: 40px;
  padding-right: 12px;
}
.conversation__messages > ul > li span {
  display: block;
}
.conversation__messages > ul > li span.title {
  font-weight: bold;
}
.conversation__messages > ul > li span.date {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1;
  margin-left: auto;
  padding-top: 4px;
  text-align: right;
}
.conversation__messages > ul > li ul {
  padding-left: 2.5rem;
}
.conversation__messages > ul > li ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.conversation__messages > ul > li ol {
  padding-left: 3rem;
}
.conversation__messages > ul > li ol > li {
  list-style-type: decimal;
}
.conversation__messages > ul > li .attachment {
  margin: 8px 0 4px 0;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.conversation__messages > ul > li .attachment > div {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.conversation__form__head {
  padding: 8px 0 24px 0;
}
.conversation__form__head h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.conversation__form__head span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--appTint);
}
.conversation__form form .form-group {
  margin-bottom: 16px;
}
.conversation__form form .form-group label {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1;
  color: #212121;
  display: block;
  margin-bottom: 4px;
}
.conversation__form form .form-group label span.required {
  font-weight: bold;
  color: #e12417;
}
.conversation__form form .form-group textarea {
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-medium);
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-border), transparent 50%);
  -webkit-appearance: none;
  appearance: none;
  border-radius: 8px;
  color: var(--color-dark);
}
.conversation__form form .form-group textarea::placeholder {
  color: var(--color-dark);
  font-weight: var(--fontweight-light);
}
.conversation__form form .form-group textarea {
  padding: 8px 16px;
  font-size: var(--fontsize-m);
  line-height: 1;
  padding: 12px 16px;
  height: 120px;
  resize: none;
  display: block;
}
.conversation__form form .form-group.attachment .attachment__default > span,
.conversation__form form .form-group.attachment .attachment__added > span {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px dashed rgba(205, 205, 205, 0.5);
  border-radius: 8px;
  color: #cdcdcd;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1;
}
.conversation__form form .form-group.attachment .attachment__default input,
.conversation__form form .form-group.attachment .attachment__added input {
  display: none;
}
.conversation__form form .form-group.attachment .attachment__added > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #575757;
  border: 1px solid rgba(205, 205, 205, 0.5);
  padding: 0 16px;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child {
  margin-left: auto;
  width: 24px;
  height: 24px;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child svg {
  width: 100%;
  height: 100%;
  display: block;
}
.conversation__form form .form-group.attachment .attachment__added > span span:last-child svg path {
  fill: #e12417;
}
.conversation__form__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.conversation__form__button:hover {
  text-decoration: none;
}
.conversation__form__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.conversation__form__button[disabled] {
  opacity: 0.5;
}
.conversation__form__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.conversation__form__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.conversation__form__button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  width: 180px;
  margin: 24px auto 0 auto;
}
.conversation__closed {
  padding-top: 16px;
}
.conversation__closed p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.conversation__closed p a {
  color: #0b57d0;
}
.conversation__provide-feedback {
  padding-top: 16px;
}
.conversation__provide-feedback > span:first-child {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.app-desktop .conversation__form__button:hover {
  filter: brightness(90%);
}
.app-desktop .conversation__content__button:hover {
  cursor: pointer;
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.planning {
  padding-top: 8px;
}
.planning__head,
.planning__end {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
  margin-bottom: 16px;
}
.planning__head span.icon,
.planning__end span.icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
}
.planning__head span.icon svg,
.planning__end span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.planning__head h2,
.planning__head p,
.planning__end h2,
.planning__end p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
}
.planning__items {
  padding-left: 36px;
  padding-bottom: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.planning__items > li {
  position: relative;
  transition: 0.5s ease max-height;
}
.planning__items > li > button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.planning__items > li > button:hover {
  text-decoration: none;
}
.planning__items > li > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.planning__items > li > button[disabled] {
  opacity: 0.5;
}
.planning__items > li > button {
  background: transparent;
  color: #212121;
  border: 1px dashed #212121;
}
.planning__items > li > button:hover {
  background: #212121;
  color: #fff;
}
.planning__items > li > button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.planning__items > li > button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.planning__items > li > button {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.planning__items > li > button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.planning__items > li > button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.planning__items > li > button span.icon + span:not(.icon),
.planning__items > li > button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.planning__items > li > button {
  width: 100%;
  justify-content: center;
  font-size: 1rem;
}
.planning__items > li > button:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -25px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li > button span.icon {
  margin-right: 4px;
  margin-bottom: 2px;
}
.planning__items > li > button span.icon svg {
  fill: #212121;
}
.planning__items > li > button:hover span.icon svg {
  fill: #fff;
}
.planning__items > li.hide {
  display: none;
}
.planning__items > li .planning__items__events {
  padding-left: 26px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.planning__items > li .planning__items__events > button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.planning__items > li .planning__items__events > button:hover {
  text-decoration: none;
}
.planning__items > li .planning__items__events > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.planning__items > li .planning__items__events > button[disabled] {
  opacity: 0.5;
}
.planning__items > li .planning__items__events > button {
  background: transparent;
  color: #212121;
  border: 1px dashed #212121;
}
.planning__items > li .planning__items__events > button:hover {
  background: #212121;
  color: #fff;
}
.planning__items > li .planning__items__events > button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.planning__items > li .planning__items__events > button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.planning__items > li .planning__items__events > button {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.planning__items > li .planning__items__events > button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.planning__items > li .planning__items__events > button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.planning__items > li .planning__items__events > button span.icon + span:not(.icon),
.planning__items > li .planning__items__events > button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.planning__items > li .planning__items__events > button {
  width: 100%;
  justify-content: center;
  font-size: 1rem;
  display: block;
}
.planning__items > li .planning__items__events > button:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -20px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li .planning__items__events > button:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -16px;
  width: 2px;
  height: calc(100% - 8px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li .planning__items__events > button span.icon {
  margin-right: 4px;
  margin-bottom: 2px;
}
.planning__items > li .planning__items__events > button span.icon svg {
  fill: #212121;
}
.planning__items > li .planning__items__events > button:hover span.icon svg {
  fill: #fff;
}
.planning__items > li .planning__items__events button + app-event:first-of-type .event:after {
  top: -30px;
  height: 42px;
}
.planning__items > li .planning__items__events > app-event:first-of-type .event:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -16px;
  width: 2px;
  height: 28px;
  border: 1px dashed #cdcdcd;
}
.planning__items > li .planning__items__events > app-event .event:before {
  left: -20px;
  top: 14px;
}
.planning__items > li app-event {
  position: relative;
  display: block;
}
.planning__items > li app-event .event:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -25px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items > li app-event:not(:last-child):before {
  content: "";
  position: absolute;
  top: 22px;
  left: -15px;
  width: 2px;
  height: calc(100% + 18px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li:first-child:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -20px;
  width: 2px;
  height: 28px;
  border: 1px dashed #cdcdcd;
}
.planning__items > li:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -20px;
  width: 2px;
  height: calc(100% + 16px);
  border: 1px dashed #cdcdcd;
}
.planning__items > li:last-child:before {
  height: calc(100% - 8px);
}
.planning__items > li ion-ripple-effect {
  color: #212121;
}
.planning__items > li.second ion-ripple-effect {
  color: #0b57d0;
}
.planning__items > li.second .planning__items__box,
.planning__items > li.second .event {
  border-color: #0b57d0;
}
.planning__items > li.second .planning__items__box:before,
.planning__items > li.second .planning__items__box:after,
.planning__items > li.second .planning__items__box .event:before,
.planning__items > li.second .event:before,
.planning__items > li.second .event:after,
.planning__items > li.second .event .event:before {
  border-color: #0b57d0 !important;
}
.planning__items > li.second .planning__items__events app-event:before {
  border-color: #0b57d0;
}
.planning__items > li.third ion-ripple-effect {
  color: #e1667d;
}
.planning__items > li.third .planning__items__box,
.planning__items > li.third .event {
  border-color: #e1667d;
}
.planning__items > li.third .planning__items__box:before,
.planning__items > li.third .planning__items__box:after .event:before,
.planning__items > li.third .event:before,
.planning__items > li.third .event:after .event:before {
  border-color: #e1667d !important;
}
.planning__items > li.third .planning__items__events app-event:before {
  border-color: #e1667d;
}
.planning__items__box {
  position: relative;
  background: #fff;
  border: 2px solid #212121;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  padding: 12px 16px;
}
.planning__items__box:focus {
  transform: scale(1.025);
}
.planning__items__box:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -26px;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 2px solid #212121;
  border-radius: 50%;
}
.planning__items__box > h2 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
}
.planning__items__box > span {
  display: block;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0b57d0;
}
.planning__items__box > div {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.planning__items__box > div.current {
  margin: 4px 2px;
  color: #0b57d0;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.planning__items__box > div.current span {
  font-size: 0.875rem;
  line-height: 1.5;
}
.planning__items__box > div.current span:last-child {
  margin-left: 4px;
}
.planning__items__box > div.current span svg {
  fill: #0b57d0;
  height: 16px;
  width: 16px;
}
.planning__items__box > div.text {
  display: flex;
  flex-direction: column;
}
.planning__items__box > div.text app-translation-button {
  order: 0;
  margin-top: 4px;
}
.planning__items__box > div.text app-translation-button .translation-button {
  text-decoration: none;
  margin-bottom: 0;
}
.planning__items__box > div.text h2 {
  font-weight: var(--fontweight-bold);
  font-size: var(--fontsize-l);
  line-height: 1.5;
}
.planning__items__box > div.text h4 {
  font-weight: var(--fontweight-bold);
  font-size: var(--fontsize-m);
  line-height: 1.5;
}
.planning__items__box > div a,
.planning__items__box > div p,
.planning__items__box > div strong,
.planning__items__box > div u,
.planning__items__box > div em,
.planning__items__box > div li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.planning__items__box > div ul,
.planning__items__box > div ol {
  padding-left: 2rem;
}
.planning__items__box > div ul li {
  list-style-type: disc;
}
.planning__items__box > div ol li {
  list-style-type: decimal;
}
.planning__items__box > div strong {
  font-weight: 600;
}
.planning__items__box > div a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.planning__items__current {
  width: 100%;
  margin: 0;
  padding: 8px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.planning__items__current:before {
  top: 0 !important;
  height: calc(100% + 32px) !important;
}
.planning__items__current span:nth-child(1),
.planning__items__current span:nth-child(3) {
  width: 48px;
  height: 1px;
  background: #e12417;
}
.planning__items__current span:nth-child(2) {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #e12417;
  margin: 0 8px;
}
.planning__items.lastBeforeCurrent:before {
  display: none;
}
.planning-detail__head,
.planning-detail__content {
  width: 100%;
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.planning-detail__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 12px 16px;
}
.planning-detail__content {
  padding: 16px 8px 120px 8px;
}
.planning-detail__back {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 4px;
}
.planning-detail__translation {
  margin-left: auto;
}
.planning-detail__line {
  width: calc(100% - 64px);
  height: 1px;
  margin: 16px auto;
  background: rgba(205, 205, 205, 0.5);
}
.planning-detail .card__head,
.planning-detail__inner {
  padding: 0 8px;
}
.planning-detail__inner {
  display: flex;
  flex-direction: column;
}
.planning-detail__inner > h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.planning-detail__inner > span {
  display: block;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0b57d0;
}
.planning-detail__inner > span.type {
  color: #e12417;
}
.planning-detail__inner > div {
  padding: 8px 0 16px 0;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #212121;
}
.planning-detail__inner > div a,
.planning-detail__inner > div p,
.planning-detail__inner > div strong,
.planning-detail__inner > div u,
.planning-detail__inner > div em,
.planning-detail__inner > div li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.planning-detail__inner > div ul,
.planning-detail__inner > div ol {
  padding-left: 2rem;
}
.planning-detail__inner > div ul li {
  list-style-type: disc;
}
.planning-detail__inner > div ol li {
  list-style-type: decimal;
}
.planning-detail__inner > div strong {
  font-weight: 600;
}
.planning-detail__inner > div a {
  font-weight: 600;
  color: var(--appTint);
  text-decoration: underline;
}
.app-desktop .planning__items__box:hover {
  cursor: pointer;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.opinion {
  overflow-y: scroll;
}
.opinion .translation-button {
  padding-left: 0;
}
.opinion__head,
.opinion__content {
  width: 100%;
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.opinion__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 12px 16px;
}
.opinion__content {
  padding: 16px 16px 120px 16px;
}
.opinion__back {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 4px;
}
.opinion__translation {
  margin-left: auto;
}
.opinion__intro {
  padding-bottom: 24px;
}
.opinion__intro h1 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #212121;
}
.opinion__intro p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #575757;
}
.opinion__intro span {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.opinion__invalid span svg {
  width: 100%;
}
.opinion__options__item {
  display: flex;
  flex-direction: column;
}
.opinion__options__item h2 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
  margin-top: 12px;
}
.opinion__options__item input {
  margin-top: 16px;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-medium);
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-border), transparent 50%);
  -webkit-appearance: none;
  appearance: none;
  border-radius: 8px;
  color: var(--color-dark);
}
.opinion__options__item input::placeholder {
  color: var(--color-dark);
  font-weight: var(--fontweight-light);
}
.opinion__options__item input {
  padding: 8px 16px;
  font-size: var(--fontsize-m);
  line-height: 1;
}
.opinion__button > button {
  background: transparent;
  color: var(--appSupport);
  box-shadow: inset 0 0 0 1px var(--appSupport);
}
.opinion__button > button:hover {
  background: var(--appSupport);
  color: #fff;
}
.opinion__button > button:hover svg {
  color: #fff;
}
.opinion__button > button:hover svg path {
  fill: #fff;
}
.opinion__button > button {
  margin-top: 0;
}
.opinion__button .icon svg path {
  fill: var(--appSupport);
}
.opinion__button > a:hover svg path {
  fill: #fff;
}
.opinion__bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 12px;
  padding-bottom: max(var(--ion-safe-area-bottom), 12px);
}
.opinion__bottom button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.opinion__bottom button:hover {
  text-decoration: none;
}
.opinion__bottom button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.opinion__bottom button[disabled] {
  opacity: 0.5;
}
.opinion__bottom button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.opinion__bottom button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.opinion__bottom button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  margin: 0 auto;
}
.opinion__bottom button.isLoading {
  color: #fff;
  background: var(--appSupport);
  box-shadow: none;
  opacity: 1;
}
.opinion__bottom button.isLoading:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--appSupport);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--appSupport);
}
.opinion__bottom button.isLoading ion-spinner {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.smart-reporting__map--fullscreen {
  top: 0;
}
.smart-reporting__map__inner {
  width: 100%;
  height: 100%;
}
.smart-reporting__map__inner .overlay {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-reporting__map .projects-map__logo {
  height: 20px;
  width: 60px;
  margin: auto;
  text-align: center;
  border-radius: 50% 50% 0 0;
  overflow: hidden;
}
.smart-reporting__map .projects-map__logo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.smart-reporting__map .projects-map__text {
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #212121;
  background: white;
  min-width: 100px;
  border-radius: 10px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  padding: 0 10px;
  max-width: 200px;
}
.smart-reporting__new {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.smart-reporting__new:hover {
  text-decoration: none;
}
.smart-reporting__new.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__new[disabled] {
  opacity: 0.5;
}
.smart-reporting__new {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.smart-reporting__new span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.smart-reporting__new {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.smart-reporting__new span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.smart-reporting__new span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.smart-reporting__new span.icon + span:not(.icon),
.smart-reporting__new span:not(.icon) + span.icon {
  margin-left: 8px;
}
.smart-reporting__new {
  color: #fff;
  background: var(--appSupport);
  position: absolute;
  bottom: 40px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 140px;
}
.smart-reporting__new:hover {
  filter: brightness(80%);
}
.smart-reporting__filter {
  position: absolute;
  z-index: 8;
}
.smart-reporting__overlay {
  position: fixed;
  width: 100%;
  max-width: var(--app-width);
  z-index: 50;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 24px 24px 0 0;
  padding: 16px;
}
.app-desktop .smart-reporting__overlay {
  transition: height 100ms ease;
  position: absolute;
  height: 80%;
}
.smart-reporting__overlay.hidden {
  padding: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
.smart-reporting__overlay > p {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1;
  color: #212121;
}
.smart-reporting__overlay > ul {
  padding: 4px 0 12px 0;
}
.smart-reporting__overlay > ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(205, 205, 205, 0.5);
}
.smart-reporting__overlay > ul > li:last-child {
  border: 0;
}
.smart-reporting__overlay > ul > li.own span.icon svg path {
  fill: #a800f2;
}
.smart-reporting__overlay > ul > li.subscribed span.icon svg path {
  fill: #e12417;
}
.smart-reporting__overlay > ul > li > span.icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.smart-reporting__overlay > ul > li > span.icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.smart-reporting__overlay > ul > li > span:not(.icon) {
  width: calc(100% - 68px);
  min-width: calc(100% - 68px);
  padding-left: 8px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.1;
  color: #212121;
}
.smart-reporting__overlay > ul > li > div {
  margin-left: auto;
}
.smart-reporting__overlay > ul > li > div ion-toggle {
  --handle-width: 20px;
}
.smart-reporting__overlay > ul > li > div ion-toggle::part(track) {
  width: 44px;
  height: 24px;
}
.smart-reporting__overlay button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.smart-reporting__overlay button:hover {
  text-decoration: none;
}
.smart-reporting__overlay button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__overlay button[disabled] {
  opacity: 0.5;
}
.smart-reporting__overlay button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.smart-reporting__overlay button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.smart-reporting__overlay button {
  padding: 12px 16px;
  color: #fff;
  background: #212121;
  min-width: 180px;
  margin: 0 auto;
}
.smart-reporting-modal {
  height: 33%;
  width: 50%;
  margin: auto auto;
}
.smart-reporting-detail {
  background: #fff;
  --background-color: $color-white;
}
.smart-reporting-detail__inner {
  padding: 16px 16px 0 16px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.smart-reporting-detail__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.smart-reporting-detail__head > div:nth-child(2) {
  width: calc(100% - 32px);
  min-width: calc(100% - 32px);
}
.smart-reporting-detail__head > div:nth-child(3) {
  width: 100%;
  min-width: 100%;
  padding: 12px 0 8px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
}
.smart-reporting-detail__head__text {
  flex-grow: 1;
  padding-right: 24px;
}
.smart-reporting-detail__head__text h1,
.smart-reporting-detail__head__text h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smart-reporting-detail__head__text h1 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
}
.smart-reporting-detail__head__text span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--appTint);
}
.smart-reporting-detail__head__steps {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.smart-reporting-detail__head__steps > div {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  color: #cdcdcd;
  text-align: center;
  padding: 3px 0;
}
.smart-reporting-detail__head__steps > div:not(:first-child) {
  margin-left: 32px;
}
.smart-reporting-detail__head__steps > div:not(:last-child):after {
  content: "";
  position: absolute;
  top: 15px;
  right: -29px;
  width: 24px;
  height: 1px;
  background: #cdcdcd;
}
.smart-reporting-detail__head__steps > div.active {
  background: var(--appTint);
  border-color: var(--appTint);
  color: #fff;
}
.smart-reporting-detail__head__steps > div.active:after {
  background: var(--appTint);
}
.smart-reporting-detail__step > p {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #575757;
  margin: 12px 0;
}
.smart-reporting-detail__step .form-group {
  margin-bottom: 16px;
}
.smart-reporting-detail__step .form-group label {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1;
  color: #212121;
  display: block;
  margin-bottom: 4px;
}
.smart-reporting-detail__step .form-group label span.required {
  font-weight: bold;
  color: #e12417;
}
.smart-reporting-detail__step .form-group input,
.smart-reporting-detail__step .form-group textarea {
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-medium);
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-border), transparent 50%);
  -webkit-appearance: none;
  appearance: none;
  border-radius: 8px;
  color: var(--color-dark);
}
.smart-reporting-detail__step .form-group input::placeholder,
.smart-reporting-detail__step .form-group textarea::placeholder {
  color: var(--color-dark);
  font-weight: var(--fontweight-light);
}
.smart-reporting-detail__step .form-group input,
.smart-reporting-detail__step .form-group textarea {
  padding: 8px 16px;
  font-size: var(--fontsize-m);
  line-height: 1;
}
.smart-reporting-detail__step .form-group textarea {
  padding: 12px 16px;
  height: 120px;
  resize: none;
  display: block;
}
.smart-reporting-detail__step .form-group select {
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-border), transparent 50%);
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-medium);
  background-image: url(/assets/icons/arrow-down.svg);
  background-size: 16px;
  background-position: right 12px top 50%, 0 0;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none;
  color: #212121;
  border-radius: 8px;
  background-color: var(--color-white);
  padding: 8px 16px;
  font-size: var(--fontsize-m);
  line-height: 1.25;
}
.smart-reporting-detail__step .smart-reporting__map {
  height: 100%;
  min-height: 250px;
}
.smart-reporting-detail__step.noDescription {
  padding-top: 12px;
}
.smart-reporting-detail__form.location {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 24px;
}
.smart-reporting-detail__form.location > app-form-group {
  flex-grow: 1;
  min-width: 150px;
}
.smart-reporting-detail__form.location > app-form-group:first-child {
  flex-basis: 25%;
}
.smart-reporting-detail__form.location > app-form-group:nth-child(2) {
  flex-basis: 50%;
}
.smart-reporting-detail__form.location > app-form-group:nth-child(3) {
  flex-basis: 50%;
}
.smart-reporting-detail__form.location > app-form-group:last-child {
  flex-basis: 25%;
}
.smart-reporting-detail__form .errors {
  margin-top: 4px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  color: #e12417;
}
.smart-reporting-detail__form__notice {
  width: 100%;
  min-width: 100%;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5;
  color: #e12417;
  padding-bottom: 16px;
  text-align: center;
}
.smart-reporting-detail form {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
.smart-reporting-detail form > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.smart-reporting-detail form > div:not(:first-of-type) {
  padding-bottom: 16px;
}
.smart-reporting-detail__map {
  border-radius: 24px 24px 0 0;
  width: calc(100% + 32px);
  margin-left: -16px;
  flex-grow: 1;
  overflow: hidden;
}
.smart-reporting-detail__map--fullscreen {
  top: 0;
}
.smart-reporting-detail__map__inner {
  width: 100%;
  height: 100%;
}
.smart-reporting-detail__map .marker {
  background-repeat: no-repeat !important;
}
.smart-reporting-detail__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.smart-reporting-detail__button:hover {
  text-decoration: none;
}
.smart-reporting-detail__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting-detail__button[disabled] {
  opacity: 0.5;
}
.smart-reporting-detail__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.smart-reporting-detail__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.smart-reporting-detail__button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appSupport);
  min-width: 180px;
  margin: 24px auto 0 auto;
}
.smart-reporting-detail__button--fixed {
  position: fixed;
  z-index: 20;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: fit-content;
}
.smart-reporting-detail__success {
  padding: 12px 0 40px 0;
}
.smart-reporting-detail__success app-state-notice strong {
  color: var(--appSupport);
}
.app-desktop .smart-reporting__overlay button:hover {
  color: #212121;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #212121;
}
.app-desktop .smart-reporting-detail__button:hover {
  filter: brightness(90%);
}
.app-desktop .smart-reporting-detail__head__steps div:hover {
  cursor: pointer;
  background: var(--appTint);
  border-color: var(--appTint);
  color: #fff;
}
.app-desktop .smart-reporting-detail__step .form-group select:hover {
  cursor: pointer;
}
.app-desktop .smart-reporting-detail__step .form-group .file-input:hover {
  cursor: pointer;
}
.update {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.update__top,
.update__header,
.update__content,
.update__media,
.update__bottom {
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.update__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 0 16px;
}
.update__back {
  transition: transform 0.3s ease-in-out;
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.update__back:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url(/assets/icons/arrow-left-thin.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  pointer-events: none;
}
.update__back ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
}
.update__header {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 4px 16px;
}
.update__header > div:first-child[tabindex="0"] {
  width: 100%;
  display: flex;
  align-items: center;
}
.update__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
}
.update__image img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
}
.update__share {
  align-self: start;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}
.update__info {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.update__info h1 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.update__info span:nth-child(2) {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.update__info span:last-child {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #212121;
}
.update__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: #e9e9e9;
  border-radius: 6px;
  overflow: hidden;
}
.update__image img {
  border-radius: 6px;
}
.update__content {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.update__content h2 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 2px;
}
.update__content > span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.update__content > div {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.update__content > div a,
.update__content > div p,
.update__content > div strong,
.update__content > div u,
.update__content > div em,
.update__content > div li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
}
.update__content > div ul,
.update__content > div ol {
  padding-left: 2rem;
}
.update__content > div ul li {
  list-style-type: disc;
}
.update__content > div ol li {
  list-style-type: decimal;
}
.update__content > div strong {
  font-weight: 600;
}
.update__content > div a {
  color: #212121;
  font-weight: 600;
  text-decoration: underline;
}
.update__content .update__content__note {
  color: var(--appTint);
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}
.update__events {
  padding: 0 16px;
}
.update__media {
  padding: 0 8px;
}
.update__bottom {
  padding: 12px 16px;
}
.project__button__wrapper {
  position: absolute;
  left: 50%;
}
.project__button__wrapper__button {
  left: -50%;
  margin: 24px auto;
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.project__button__wrapper__button:hover {
  text-decoration: none;
}
.project__button__wrapper__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.project__button__wrapper__button[disabled] {
  opacity: 0.5;
}
.project__button__wrapper__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.project__button__wrapper__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.project__button__wrapper__button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
}
.project-suggestion-wrapper {
  padding: 8px;
}
.app-desktop .project__button__wrapper__button:hover,
.app-desktop .project-button:hover {
  filter: brightness(90%);
}
.app-desktop .update__share:hover {
  cursor: pointer;
}
.app-desktop .update__share:hover svg {
  fill: var(--appTint);
}
.app-desktop .update__info:hover {
  cursor: pointer;
  text-decoration: underline;
}
.app-desktop .update .read-more:hover {
  cursor: pointer;
  text-decoration: underline;
}
.app-desktop .update__back:hover {
  cursor: pointer;
  transform: scale(1.5);
}
.notifications__list {
  padding-bottom: 40px;
}
.notifications__list > div:not(:last-child) {
  margin-bottom: 8px;
}
.notification {
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  padding: 8px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.notification__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 6px;
}
.notification__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.notification__text {
  width: calc(100% - 40px);
  min-width: calc(100% - 40px);
  padding: 0 32px 0 8px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.notification__text > div {
  height: 20px;
  overflow: hidden;
}
.notification__text ul {
  padding-left: 2.2rem;
  margin: 0;
}
.notification__text ul > li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.notification__text ol {
  padding-left: 2.2rem;
  margin: 0;
}
.notification__text ol > li {
  list-style-type: decimal;
}
.notification__text > h2 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25;
  color: #212121;
  margin-bottom: 2px;
}
.notification__text > p strong {
  font-weight: bold;
}
.notification__text > span {
  display: block;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
  margin-top: 2px;
}
.app-desktop .notification:hover {
  cursor: pointer;
  transform: scale(1.01);
}
.message {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.message__top,
.message__header,
.message__content {
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.message__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 0 16px;
}
.message__back {
  position: relative;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.message__back:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-image: url(/assets/icons/arrow-left-thin.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  pointer-events: none;
}
.message__back ion-back-button {
  display: block;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  color: transparent;
}
.message__header {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 4px 16px;
}
.message__image {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 6px;
}
.message__image img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}
.message__share {
  align-self: start;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 8px;
}
.message__share span {
  width: 100%;
  height: 100%;
  display: block;
}
.message__share span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.message__info {
  width: calc(100% - 80px);
  min-width: calc(100% - 80px);
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.message__info h1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.message__info span:nth-child(2) {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.message__info span:last-child {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212121;
}
.message__content {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.message__content h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 16px;
}
.message__content > span {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.message__content > div {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
  color: #212121;
}
.message__content > div a,
.message__content > div p,
.message__content > div strong,
.message__content > div u,
.message__content > div em,
.message__content > div li {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4;
}
.message__content > div ul,
.message__content > div ol {
  padding-left: 2rem;
  margin: 106px 0;
}
.message__content > div ul li {
  list-style-type: disc;
}
.message__content > div ol li {
  list-style-type: decimal;
}
.message__content > div strong {
  font-weight: 600;
}
.message__content > div a {
  color: var(--appTint);
  font-weight: 600;
  text-decoration: underline;
}
.message__bottom {
  padding: 12px 16px;
}
.message__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.message__actions a {
  margin-left: auto;
  font-size: 0.875rem;
  color: var(--appTint);
  font-weight: 600;
}
.message__actions span {
  margin-left: 6px;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #575757;
}
.onboarding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100% - 40px);
  height: unset;
}
.onboarding:has(.onboarding__header) {
  justify-content: stretch;
}
.onboarding ion-toolbar {
  --background: $color-white;
}
.onboarding__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
}
.onboarding__header button {
  font-size: 1rem;
  font-weight: bold;
  color: var(--appTint);
  margin-left: auto;
  cursor: pointer;
  background-color: unset;
}
.onboarding__content {
  padding: 0 24px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.onboarding__content .preference {
  width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 24px;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
  transition: 0.2s box-shadow ease-in-out;
  box-shadow: 0 2px 2px #cdcdcd;
}
.onboarding__content .preference:hover {
  box-shadow: 2px 2px 2px #cdcdcd;
}
.onboarding__content .preference:has(img) .preference__content h3 {
  margin-top: 8px;
}
.onboarding__content .preference__content {
  padding-left: 24px;
  text-align: left;
  width: 80%;
}
.onboarding__content .preference__content h3 {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1;
  color: #212121;
  margin-top: 16px;
}
.onboarding__content .preference__content p {
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.2;
}
.onboarding__content .preference > span {
  position: absolute;
  right: 24px;
  bottom: 16px;
}
.onboarding__content .preference img {
  height: 100px;
  width: 100%;
  object-fit: cover;
  background-color: #f3f1ef;
  border-radius: 24px 24px 0 0;
}
.onboarding__content .preference img.contain {
  padding: 8px;
  object-fit: contain;
}
.onboarding__content > img {
  max-width: 50%;
  margin-bottom: 24px;
}
.onboarding__content > img.logo {
  margin-bottom: 0;
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.onboarding__content h1 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  color: #212121;
  max-width: 14rem;
}
.onboarding__content h2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
  color: #212121;
}
.onboarding__content p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7;
  color: #212121;
}
.onboarding__content__button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.onboarding__content__button:hover {
  text-decoration: none;
}
.onboarding__content__button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.onboarding__content__button[disabled] {
  opacity: 0.5;
}
.onboarding__content__button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.onboarding__content__button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.onboarding__content__button {
  padding: 12px 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.onboarding__content__button span.icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.onboarding__content__button span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.onboarding__content__button span.icon + span:not(.icon),
.onboarding__content__button span:not(.icon) + span.icon {
  margin-left: 8px;
}
.onboarding__content__button {
  color: #fff;
  background: var(--appTint);
}
.onboarding__content__button app-loader {
  margin-left: 8px;
}
.onboarding__link {
  min-height: 0;
}
.device-data-loader {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}
.device-data-loader h2 {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  margin: 0 auto;
  margin-top: 8px;
}
.address {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.address__header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 16px 24px;
}
.address__header button {
  font-size: 1rem;
  font-weight: bold;
  color: var(--appTint);
  margin-left: auto;
  cursor: pointer;
  background-color: unset;
}
.address__content {
  padding: var(--ion-padding);
  transition: all 0.25s ease;
}
.address__content.map {
  margin-top: -20px;
  border-radius: 20px 20px 0 0;
  background-color: var(--ion-background-color);
  z-index: 3;
  padding: 16px;
  flex-basis: 45%;
  overflow-y: auto;
  position: relative;
}
.address__content.fullscreen.map {
  z-index: unset;
}
.address__content.fullscreen button.follow {
  position: absolute;
  bottom: 16px;
  margin-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.address__content.no-padding {
  padding: 0 24px 16px 24px;
}
.address__content.suggestions {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.address__content h1 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #212121;
  margin-bottom: 8px;
}
.address__content h2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #212121;
  margin-top: 8px;
}
.address__content p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  color: #212121;
}
.address__content p.hidden {
  visibility: hidden;
}
.address__content__top {
  text-align: center;
}
.address__content__top ol {
  counter-reset: step;
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
}
.address__content__top ol li {
  counter-increment: step;
  position: relative;
  padding-left: 40px;
  margin-bottom: 8px;
  text-align: left;
}
.address__content__top ol li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  background: var(--ion-color-dark);
  color: var(--ion-color-light);
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
}
.address__content__top app-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.address__content__top ion-skeleton-text {
  height: 1.2rem;
  --border-radius: 8px;
  margin: calc(0.6rem + 16px) 0;
}
.address__content__top h2,
.address__content__top p {
  margin-top: 0;
  margin-bottom: 16px;
}
.address__content__top h2.error,
.address__content__top p.error {
  color: var(--color-red);
}
.address__content__top.padding {
  padding-top: 64px;
}
.address__content__top button {
  position: relative;
  cursor: pointer;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: var(--fontweight-semibold);
  letter-spacing: 0;
  display: block;
  transition: 260ms ease;
  -webkit-appearance: none;
  appearance: none;
  text-decoration: none;
}
.address__content__top button:hover {
  text-decoration: none;
}
.address__content__top button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.address__content__top button[disabled] {
  opacity: 0.5;
}
.address__content__top button {
  font-size: var(--fontsize-m);
  line-height: 1.2;
  padding: 8px 12px;
  border-radius: 8px;
}
.address__content__top button span {
  font-size: var(--fontsize-m);
  line-height: 1.2;
}
.address__content__top button {
  padding: 12px 16px;
  color: #fff;
  background: var(--appTint);
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 8px;
  transition: none;
}
.address__content__top > app-search-item {
  display: block;
}
.address__content__top > app-search-item:not(:last-child) {
  margin-bottom: 8px;
}
.address__content__results {
  margin-top: 26px;
  overflow-y: overlay;
  padding-bottom: calc(1.2rem + 48px + var(--ion-safe-area-bottom));
}
.address__content__results app-search-item {
  margin-bottom: 8px;
  display: block;
}
.address__content__results app-search-item .card__content > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
.address .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url(/assets/icons/fullscreen.svg);
  background-size: 66%;
}
.address__map {
  --address-search-icon-size: 20px;
  position: relative;
  flex-basis: 55%;
}
.address__map__error-overlay {
  position: absolute;
  inset: 0;
  background: rgba(217, 48, 37, 0.2);
  pointer-events: none;
}
.address__map .geocoder-toggle {
  --background: var(--color-white);
  --background-focused: var(--ion-color-light);
  --background-activated: var(--ion-color-light);
  --background-hover: var(--ion-color-light);
  --border-color: var(--ion-color-dark);
  --color: var(--color-dark);
  position: absolute;
  top: 16px;
  left: 16px;
  margin: 0;
  z-index: 350;
}
.address__map .geocoder-toggle ion-icon {
  font-size: var(--address-search-icon-size);
}
.address__map .mapboxgl-ctrl-top-left {
  top: 16px;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 320;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: none;
  margin: 0;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder {
  width: 100%;
  max-width: none;
  min-width: 0;
  transform-origin: top left;
  transform: scaleX(0);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
  font-family: var(--ion-font-family);
  font-size: var(--fontsize-l);
  line-height: 24px;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--input {
  height: 50px;
  padding: 6px 45px;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--input:focus {
  outline: none;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--icon-search {
  top: 50%;
  transform: translateY(-50%);
  width: var(--address-search-icon-size);
  height: var(--address-search-icon-size);
  background: url(/assets/icons/navigation/search.svg) center/var(--address-search-icon-size) var(--address-search-icon-size) no-repeat;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--icon-search path {
  display: none;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--icon-close {
  width: 24px;
  height: 24px;
  margin-top: 6px;
  margin-right: 0;
  background: url(/assets/icons/close.svg) center/14px 14px no-repeat;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder--icon-close path {
  display: none;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder.address-geocoder--expanded {
  transform: scaleX(1);
  opacity: 1;
}
.address__map .mapboxgl-ctrl-top-left .mapboxgl-ctrl-geocoder.address-geocoder--expanded .mapboxgl-ctrl-geocoder--button {
  display: block !important;
}
.address__map.search-expanded .draw-button {
  z-index: 90;
}
.address__map .draw-button {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  --border-color: var(--ion-color-dark);
  --border-style: solid;
  --border-width: 2px;
}
.address__map .mapboxgl-ctrl-bottom-left,
.address__map .mapboxgl-ctrl-bottom-right {
  bottom: 20px;
}
.address__map .button-fullscreen {
  bottom: 28px;
}
.address__map app-map .marker {
  background-image: url(/assets/icons/marker.svg);
  background-size: 36px 48px;
  width: 36px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transform: translateY(-24px);
}
.address__map app-map .marker .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 2px;
}
.profile__content {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.profile__content__buttons {
  text-align: center;
}
.profile__content__buttons ion-button:first-of-type {
  --background: var(--color-white);
  --color: var(--color-dark);
  --background-hover: var(--color-dark);
  --color-hover: var(--color-white);
  margin-top: 40px;
}
.profile__content__buttons ion-button.actions {
  display: none;
}
.profile__content__buttons ion-button.remove {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.app-desktop .settings .profile__content {
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
}
.app-desktop .settings .profile__content__buttons {
  position: absolute;
  display: flex;
  flex-direction: row;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.app-desktop .settings .profile__content__buttons ion-button:first-of-type {
  --background: var(--color-background);
  margin-top: 2px;
}
.app-desktop .settings .profile__content__buttons ion-button.remove {
  display: none;
}
.app-desktop .settings .profile__content__buttons ion-button.actions {
  display: block;
}
.app-desktop .settings .profile__content > p {
  max-width: 50%;
}
.profile__content.logged-in p {
  text-align: left;
  display: flex;
  align-items: center;
}
.profile__content.logged-in p span {
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.profile__content.logged-in p span svg {
  width: 100%;
  height: 100%;
  display: block;
}
.profile__content h1 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  color: #212121;
  margin-bottom: 8px;
}
.profile__content p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7;
  color: #212121;
}
.profile__content .login {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.profile__content .login__form {
  margin-top: 16px;
}
.profile__content .login__form input {
  display: inline-block;
  padding: 12px 16px;
  background: #fff;
  border-radius: 6px;
  font-size: 1rem;
  line-height: 1.1;
  color: #212121;
  width: 100%;
  border: 1px solid #e9e9e9;
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 500;
}
.profile__content .login__form input::placeholder {
  color: #212121;
  font-weight: 300;
}
.profile__content .login__form .error {
  margin-top: 4px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  color: #e12417;
}
.projects {
  display: flex;
  flex-direction: column;
}
.projects app-search-item:not(:last-child) {
  margin-bottom: 8px;
  display: block;
}
.organisation {
  font-family: "Mukta", sans-serif;
}
.organisation__header,
.organisation__content {
  max-width: var(--app-max-width);
  margin: 0 auto;
}
.organisation__header {
  padding-top: var(--ion-safe-area-top);
  position: relative;
  z-index: 10;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.organisation__header.dark {
  background-color: #212121;
}
.organisation__header.dark .organisation__header__cover {
  background-color: #212121;
}
.organisation__header.dark .organisation__info h1,
.organisation__header.dark .organisation__info span,
.organisation__header.dark .organisation__info li {
  color: #fff;
}
.organisation__header.dark .organisation__about a {
  color: #fff;
}
.organisation__header__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 12px 0 12px;
  border-bottom: 1px solid #f3f1ef;
}
.organisation__header > div:first-child {
  position: relative;
  padding: 8px 8px 0 8px;
}
.organisation__header > div:first-child .back-button {
  background: #fff;
}
.organisation__image {
  max-width: calc(100% - 48px);
  height: 96px;
}
.organisation__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.organisation__info {
  padding: 24px 0 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.5;
}
.organisation__info h1 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #212121;
}
.organisation__info__followers {
  color: var(--appTint);
}
.organisation__info > div:last-child {
  color: #212121;
}
.organisation__content {
  padding: 8px;
}
.organisation__content .card {
  margin-bottom: 8px;
}

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