.root {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0.7em;
}

.leftCol {
  display: flex;
  flex-direction: column;
}

.loadingSpinner {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
}

.mobile {
  &.root {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow: hidden;
    .topHalf {
      display: grid;
      grid-template-rows: 30vh 5vh 5vh;
      height: 40vh;
      // overflow: hidden;
    }
    .lowerHalf {
      height: 60vh;
    }
  }
  .mobileChat {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
  }
}