/* Adapter for the shared consent component inside this frozen page's scope.
   Banner styling is generated from css/global/main.css, not duplicated here. */
.consent-dialog:not(.remodal-is-initialized) {
  display: none !important;
}

.consent-dialog .remodal__heading {
  white-space: normal;
}

@media (max-width: 767px) {
  .consent-dialog .remodal__heading {
    padding-right: 2rem;
  }
}

.consent-toggle {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.consent-toggle:focus-visible {
  outline: .125rem solid var(--blue-dark);
  outline-offset: .25rem;
}

.consent-panel {
  position: static;
  display: block;
  height: auto;
}

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

@media (prefers-reduced-motion: reduce) {
  .remodal-wrapper,
  .remodal-overlay,
  .remodal {
    animation: none !important;
    transition: none !important;
  }
}