body.guest-session {
  --guest-footer-height: calc(86px + env(safe-area-inset-bottom, 0px));
  --app-viewport-height: calc(100vh - var(--guest-footer-height));
}

@supports (height: 100dvh) {
  body.guest-session {
    --app-viewport-height: calc(100dvh - var(--guest-footer-height));
  }
}

.guest-footer {
  display: none;
}

.guest-session .guest-footer {
  position: fixed;
  inset: auto 0 0;
  z-index: 81;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: var(--guest-footer-height);
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--line);
  background: var(--bg);
  color: var(--muted);
  font-size: 12px;
  line-height: 21px;
  text-align: center;
}

.guest-footer a {
  color: inherit;
  text-underline-offset: 3px;
}

.guest-footer a:hover,
.guest-footer a:focus-visible {
  color: var(--text);
}

.guest-session .auth-modal {
  bottom: var(--guest-footer-height);
}

.guest-session .site-legal-links {
  bottom: calc(var(--guest-footer-height) + 8px);
}

.guest-session .auth-panel {
  max-height: 100%;
  overflow-y: auto;
}

@media (max-width: 820px) {
  body.guest-session {
    padding-bottom: var(--guest-footer-height);
  }
}