:where(button,a,input,select,textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, #4f9fc1 52%, transparent);
  outline-offset: 3px;
}

:where(button,a,input,select,textarea):disabled {
  cursor: not-allowed;
  opacity: .55;
}

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

@media (forced-colors: active) {
  :where(button,a,input,select,textarea):focus-visible {
    outline: 2px solid CanvasText;
  }
}