/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
  :root {
    --beta-edge: 20px;
  }

  .beta-badge {
    display: none;
  }

  .beta-sphere-stage {
    height: auto;
    min-height: 100svh;
    padding: 96px 0 64px;
  }

  .beta-window {
    width: min(88vw, 320px) !important;
  }

  .beta-window.beta-is-maximized {
    top: 56px !important;
    height: calc(100% - 72px) !important;
  }
}