:root
  @custom-media --xs (width < 400px)
  @custom-media --s (width < 600px)
  @custom-media --m (width < 800px)
  @custom-media --l (width < 1050px)
  @custom-media --hd (width < 1800px)

  @custom-media --above-xs (width >= 400px)
  @custom-media --above-s (width >= 600px)
  @custom-media --above-m (width >= 800px)
  @custom-media --above-l (width >= 1050px)
  @custom-media --above-hd (width >= 1800px)