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

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