.ads-Frame {
  @apply h-screen;

  grid-template-columns: [navbar] auto [full] 1fr [column-end];
  grid-template-rows: [appbar] auto [topbar] auto [main] 1fr [bottombar] auto [row-end];
}

.ads-Frame-navbar {
  grid-column: navbar;
  grid-row: appbar / row-end;
}

.ads-Frame-appbar {
  grid-column: full;
  grid-row: appbar;
}

.ads-Frame-topbar {
  grid-column: full;
  grid-row: topbar;
}

.ads-Frame-main {
  @apply h-full
    overflow-hidden;

  grid-column: full;
  grid-row: main;
}

.ads-Frame-bottombar {
  grid-column: full;
  grid-row: bottombar;
}