.tilesRow {
  height: 256px;
}

.tile {
  height: 256px;
  width: 256px;
}

ion-button.get-location {
  --opacity: 0.6;
  --ion-background-color: white;
  margin-left: calc(50% - 20px);
}

.whiteboard {
  position: fixed;
  z-index: 1;
}

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

path.track {
  fill: transparent;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

path {
  stroke: rgba(10, 1, 51, 0.8);
}

path.current {
  stroke: rgba(2, 71, 20, 0.8);
}

.reticle path,
path.reticle,
use.reticle,
.reticle use {
  stroke: red;
}

.reticle text {
  font-size: 12px;
}

ion-modal {
  --height: 100%;
  --border-radius: 16px;
  --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}

ion-modal.full-height {
  --height: 100%;
}

/* ion-modal::part(backdrop) {
  background: rgba(209, 213, 219);
  opacity: 1;
} */

ion-modal ion-toolbar {
  --background: rgba(14, 116, 144, 0.7);
  --color: white;
}

ion-modal.full-height ion-toolbar {
  --background: rgba(14, 116, 144, 1);
}

ion-modal ion-toolbar.secondary {
  --background: inherit;
  --color: inherit;
}

ion-modal ion-content {
  background-color: rgba(255, 255, 255, 0.7);
}

.hidden {
  display: none;
}

@media (max-width: 576px) {
  #chat-sidebar {
    display: block;
  }
}

.cs-conversation-header__avatar {
  height: auto !important;
  width:auto !important;
}