scssを複数使いたい

Question

前提・実現したいこと

scssで@includeを複数使いたい

pc用とtabletようでmediaより複数使おうとしたら
下記のようなエラーが出て受付なくなりました。

一つだけなら問題ないようですが

発生している問題・エラーメッセージ

unclosed parenthesis media query expression

該当のソースコード

// ブレークポイント

$breakpoints:(
  "sp": "(max-width: 767px)",
  "tab":"(min-width: 768px)and(max-width: 1200px)",
  "pc":"(max-width:1200px;)",
);

// メディアクエリ

@mixin mq($breakpoint: sp){
  @media #{map-get($breakpoints, $breakpoint)}{
    @content;
  }
}

.inner{
  width: 1200px;
  max-width: 100%;
  margin: auto;

  @include mq("tab"){
    padding-left: 16px;
    padding-right: 16px;
    
  }

  @include mq("sp"){
    padding-left: 24px;
    padding-right: 24px;
    
  }
}

試したこと

いろいろネット上で調べたり、コードを精査しましたが
他の方だとなぜか成功して、私だけがエラーが起きてます

Answer 1

すいません解決解決しました。

breakpointの指定でpcのところがおかしくなっていただけでした。