/* Browser click and keyboard rings. Design borders stay.
   Linked from every document shell and imported by the public stylesheets.
   Do not add a focus outline back. */

:focus,
:focus-visible,
:active,
:-moz-focusring {
  outline: none !important;
  outline-offset: 0 !important;
}

* {
  -webkit-tap-highlight-color: transparent;
}

img,
svg,
video,
canvas,
picture,
a,
button,
input,
select,
textarea,
summary,
label,
[role="button"] {
  -webkit-tap-highlight-color: transparent;
}

img:focus,
img:focus-visible,
img:active,
svg:focus,
svg:focus-visible,
a:focus,
a:focus-visible,
a:active,
button:focus,
button:focus-visible,
button:active {
  outline: none !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner,
a::-moz-focus-inner {
  border: 0;
  outline: none;
}