/* Consistent touch feedback without Android/WebView's blue tap rectangle. */
a,
button,
input,
select,
textarea,
[role="button"],
[tabindex]:not([tabindex="-1"]){
  -webkit-tap-highlight-color:transparent;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible){
  outline:none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible{
  outline:3px solid #ffc857;
  outline-offset:3px;
}