#loader {
  display: grid;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  background: var(--bg-msgrey);
  height: calc(100dvh - 20px - 24px - 2px);

  & > svg {
    border: var(--border-inset-grey);
    margin: 0 auto;
    display: block;
  }
  & > p {
    color: black;
    text-shadow: white 2px 2px;
    font-size: 30px;
    font-weight: 700;
  }
}

.main-content,
.user-content {
  display: grid;
  background: var(--bg-black);
  grid-template-columns: 1fr;
  grid-template-rows: 100%;
  max-height: 100%;
  overflow-y: scroll;
}