循環参照の CSS 変数

2つ以上の CSS カスタムプロパティが互いに参照し合い、循環依存が発生しています。

browser

このエラーの原因

カスタムプロパティ A が var(--b) を使用し、カスタムプロパティ B が var(--a) を使用することで無限ループが発生します。ブラウザは循環しているプロパティに初期値（無効値）を使用します。

どちらか一方のプロパティに具体的な値を設定して循環参照を解消してください。変数の依存関係を再構成してください。連鎖的な失敗を防ぐためにフォールバック値を使用してください。

CSS カスケードレイヤーが期待した順序でスタイルを適用していません。

CSS カスタムプロパティ（変数）が参照されていますが、定義されていません。

-webkit- プレフィックス付きプロパティは非推奨となっており、標準バージョンに置き換える必要があります。

より詳細度の高いセレクターに上書きされるため、CSS ルールが適用されません。

CSS プロパティ名がブラウザに認識されません。

CSS パーサーが予期しない文字またはトークンを検出しました。