a:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
#access-status-badge:focus-visible,
#access-modal button:focus-visible,
#access-modal input:focus-visible {
  outline: 3px solid rgb(37 99 235 / 42%);
  outline-offset: 3px;
}

#access-modal button:disabled {
  cursor: wait !important;
  opacity: 0.65;
}

#access-status-badge:disabled {
  cursor: default;
  opacity: 1;
}

@media (max-width: 540px) {
  #access-status-badge {
    bottom: 8px !important;
    left: 8px !important;
    max-width: calc(100vw - 16px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}