/* Shared by desktop, mobile web and bundled iOS. Never remove DOM focus. */
html :focus-visible {
  outline-color: #a9a9a3 !important;
  --tw-ring-color: #a9a9a3 !important;
}

html[data-modern-input="pointer"] :is(button, a, summary, [tabindex], [role="button"]):focus {
  outline: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

html[data-modern-input="keyboard"] :is(button, a, summary, [tabindex], input, select, textarea):focus-visible {
  outline: 2px solid #a9a9a3 !important;
  outline-offset: -2px !important;
}

@media (forced-colors: active) {
  html[data-modern-input="keyboard"] :focus-visible {
    outline-color: Highlight !important;
  }
}