/* Pointer and touch activation use the control itself. Keyboard focus gets a baseline. */
@layer mpdInteraction {
  :where(a, button, summary, label, input, select, textarea, [tabindex], [role="button"]),
  :where(a, button, summary, label, [tabindex], [role="button"]) * {
    -webkit-tap-highlight-color: transparent !important;
  }
  @media (forced-colors: none) {
    :focus, :where(a, button, summary, [role="button"]):active {
      outline: none !important;
    }
    :focus:not(:focus-visible) { box-shadow: none !important; }
    :focus-visible {
      box-shadow: 0 3px 0 currentColor !important;
      text-decoration-line: underline !important;
      text-underline-offset: .2em;
    }
    :where(a, button):focus-visible img { filter: contrast(1.14) brightness(1.08); }
  }
}