/* * {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
} */

.is-android * {
  -webkit-tap-highlight-color: transparent !important;
}

:where(
  a,
  button,
  [role="button"],
  [onclick]
):active {
    color: var(--onclick_color)  !important;
}


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

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--main_hover);
  outline-offset: 3px;
  border-radius: 0.4rem;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
}

/* ease out deley on click */
:where(
  a,
  button,
  summary,
  [role="button"],
  [onclick]
) {
  transition: color 100ms ease-out;
}

.svg_button:active svg {
  color: #198bc5 !important;
}