import { css } from 'styled-components'

export const moz = (...args: Parameters<typeof css>) => css`
  @-moz-document url-prefix() {
    ${css(...args)};
  }
`

export const ie = (...args: Parameters<typeof css>) => css`
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ${css(...args)};
  }
`

export const edge = (...args: Parameters<typeof css>) => css`
  @supports (-ms-accelerator: true) {
    ${css(...args)};
  }
`