#app.shell {
  display: grid !important;
  grid-template-columns: 268px minmax(0, 1fr) !important;
  align-items: start;
  width: 100%;
  max-width: none;
  margin: 0;
}

#app.shell.hidden {
  display: none !important;
}

#app > aside {
  grid-column: 1;
  width: 268px;
  min-width: 268px;
}

#app > main {
  grid-column: 2;
  width: auto;
  min-width: 0;
}

@media (max-width: 820px) {
  #app.shell {
    display: block !important;
  }

  #app > aside {
    position: fixed;
    width: 280px;
    min-width: 280px;
  }

  #app > main {
    width: 100%;
  }
}