body.galaxy-fullscreen-open {
  overflow: hidden;
}

.galaxy-hero--fullscreen,
.galaxy-hero:fullscreen {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  width: 100dvw;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.galaxy-hero--fullscreen .galaxy-status,
.galaxy-hero:fullscreen .galaxy-status {
  top: var(--space-8);
  left: var(--space-8);
}
.galaxy-hero--fullscreen .galaxy-controls,
.galaxy-hero:fullscreen .galaxy-controls {
  top: var(--space-8);
  right: var(--space-8);
}
.galaxy-hero--fullscreen .galaxy-data,
.galaxy-hero:fullscreen .galaxy-data {
  right: var(--space-8);
  bottom: var(--space-8);
}

@media (max-width: 767px) {
  .galaxy-hero--fullscreen .galaxy-status,
  .galaxy-hero:fullscreen .galaxy-status {
    top: var(--space-3);
    left: var(--space-3);
  }
  .galaxy-hero--fullscreen .galaxy-controls,
  .galaxy-hero:fullscreen .galaxy-controls {
    top: auto;
    right: auto;
    bottom: var(--space-3);
  }
  .galaxy-hero--fullscreen .galaxy-data,
  .galaxy-hero:fullscreen .galaxy-data {
    right: var(--space-3);
    bottom: 4.5rem;
  }
}