:root {
  --page-loading-min-height: var(--size-60dvh);
}

.page-loading {
  display: grid;
  place-items: center;
  flex: 1;
  min-block-size: var(--page-loading-min-height);
  color: var(--color-muted-foreground);
  background: var(--color-background);
}

.shell-content:has(> .page-loading:not([hidden])) {
  display: flex;
  flex-direction: column;
  min-block-size: 100dvh;
}

.page-loading[hidden],
#page-content[hidden] { display: none; }