//Disabled hover on touch device
@mixin hover-supported {
  @media not all and (pointer: coarse) {
    &:hover {
      @content;
    }
  }
}

//Support focus-visible
@mixin focused {
  &:focus {
    outline: 1px dotted var(--color-accent);
  }
  &:focus:not(:focus-visible) {
    outline: none;
  }
  &:focus-visible {
    @content;
  }
}
