.legal-panel[hidden] {
  display: none !important;
}

/* Keep the translated full-screen panel out of rendering while it is closed. */
.legal-overlay {
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.45s ease,
    visibility 0s linear 0.45s;
}

.legal-overlay.is-open {
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}