:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [tabindex]:not([tabindex="-1"])
):not(.contextual *):not(#toolbar-administration *):not(.no-min-block *): {
  min-block-size: var(--a11y-min-target);
  min-inline-size: var(--a11y-min-target);
}

:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [tabindex]:not([tabindex="-1"])
):not(.contextual *):not(#toolbar-administration *)focus-visible {
  outline: var(--a11y-focus-ring-inner) solid var(--color-black);
  outline-offset: var(--a11y-focus-offset);
  box-shadow: 0 0 0 calc(var(--a11y-focus-ring-inner) + var(--a11y-focus-ring-outer)) var(--color-focus);
}

.cyclein-button:focus-visible {
  border-radius: var(--a11y-focus-radius-button);
}

.cyclein-accordion__trigger:focus-visible {
  border-radius: var(--a11y-focus-radius-accordion);
}

.cyclein-focus-card:focus-within {
  outline: var(--a11y-focus-ring-inner) solid var(--color-black);
  outline-offset: var(--a11y-focus-offset);
  border-radius: var(--a11y-focus-radius-card);
  box-shadow: 0 0 0 calc(var(--a11y-focus-ring-inner) + var(--a11y-focus-ring-outer)) var(--color-focus);
}

.cyclein-status-cue {
  align-items: center;
  display: inline-flex;
  gap: var(--space-8);
}

.cyclein-status-cue::before {
  block-size: 0.75em;
  border: 2px solid currentColor;
  border-radius: var(--radius-pill);
  content: "";
  flex: 0 0 0.75em;
  inline-size: 0.75em;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
