.ab-reveal {
  opacity: 0;
  transform: translateY(1.125rem);
  transition:
    opacity 650ms ease,
    transform 650ms ease;
}

.ab-reveal.is-visible,
.ab-reveal[data-ab-reveal-state="visible"] {
  opacity: 1;
  transform: none;
}

.ab-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.ab-focus-ring:focus-visible {
  border-radius: var(--ab-radius-data);
  outline: 0;
  box-shadow: var(--ab-shadow-focus);
}

@media (prefers-reduced-motion: reduce) {
  .ab-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}