/* eslint-disable import/prefer-default-export */

import { css } from 'styled-components';

export const media = {
  mobile: (...args) => css`
    @media (max-width: 768px) {
      ${css(...args)}
    }
  `,

  tablet: (...args) => css`
    @media (max-width: 992px) {
      ${css(...args)}
    }
  `,

  desktop: (...args) => css`
    @media (max-width: 1170px) {
      ${css(...args)}
    }
  `,
};

@@ -182,33 +182,34 @@
  $%7Bcss(...args)%7D
+;
 %0A
-
     %7D%0A  %60,%0A%0A  ta
@@ -277,32 +277,33 @@
  $%7Bcss(...args)%7D
+;
 %0A    %7D%0A  %60,%0A%0A  d
@@ -357,24 +357,24 @@
 : 1170px) %7B%0A
-
       $%7Bcss(
@@ -382,16 +382,17 @@
 ..args)%7D
+;
 %0A    %7D%0A 

add missing semi colons