/* Native tap overlays should not cover the site's own selected states. */
html { -webkit-tap-highlight-color: transparent; }
button, a, summary, label, [role="button"] { -webkit-tap-highlight-color: transparent; }
dialog .dialog-head .icon-button,
dialog .dialog-head .icon-button:hover,
dialog .dialog-head .icon-button:active,
dialog .dialog-head .icon-button:focus {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  outline: none;
  transform: none;
}
dialog .dialog-head .icon-button { min-width: 40px; min-height: 40px; }
html[data-keyboard-navigation] dialog .dialog-head .icon-button:focus-visible {
  outline: 2px solid var(--secondary, #555);
  outline-offset: 2px;
}
@media (hover: none) {
  .secondary:hover, .filter:not(.active):hover { background: var(--surface); }
}