.root {
  display: grid;
  grid-template-columns: 1fr auto;
  &.mobile {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    overflow-y: hidden;
    .topHalf {
      border: 1px dashed white;
      height: calc(40vh - 64px);
      overflow: hidden;
    }
    .lowerHalf {
      border: 1px dashed red;
      height: 60vh;
    }
  }
}

.mobileChat {
  position: relative;
  display: block;
  // top: 0px;
  width: 100%;
  [data-virtuoso-scroller] {
    height: 500px;
  }
}

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

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