.window{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--surf_t);
  overflow: hidden;
}

.headerContainer{
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;

  overflow-x: auto;
}

.mainContainer{
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  width: 100%;
  padding: 0.5rem 0.75rem;
  gap: 0.75rem;
}

.navigationContainer{
  display: flex;
  width: 100%;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 0rem;
  border-top: 1.5px solid var(--border);
  justify-content: space-around;
  overflow-x: auto;
}