vscodeの拡張機能でlive-sass-compilerを使ってsassをコンパイルしています。
以下のソースで

{ expectedscss(css-lcurlyexpected)

というエラーが出ました。どうすれば解決出来るでしょうか？

書いたsassは以下の通りです。

main {
  width: 1024px;
  margin: 0 auto;
  @media screen and (max-width: 768px) {
    width: 100%;
    margin: 0;

    @media screen and (max-width: 1024px) {
      width: 800px;
    }
  }
}

エラー箇所はwidth:800px;の:部分です。

調べたところは同じ質問があったのですが、根本的な解決には至っていないような感じでした。

stylus style formatting in vue files with VSCode - Stack Overflow