From 776fd099f34a772a1e34ce556e0ccf3cd8cc8e05 Mon Sep 17 00:00:00 2001
From: Hashen <37979557+Hashen110@users.noreply.github.com>
Date: Tue, 19 Apr 2022 17:30:20 +0530
Subject: [PATCH] fix invalid CSS @charset rule (#2466)

---
 demo/src/sass/bundles/demo.scss  | 4 +++-
 demo/src/sass/bundles/error.scss | 3 ++-
 src/sass/plyr.scss               | 4 +++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/demo/src/sass/bundles/demo.scss b/demo/src/sass/bundles/demo.scss
index 07e229f5..80b43096 100644
--- a/demo/src/sass/bundles/demo.scss
+++ b/demo/src/sass/bundles/demo.scss
@@ -1,7 +1,9 @@
+@charset "UTF-8";
+
 // ==========================================================================
 // Plyr.io Demo Page
 // ==========================================================================
-@charset 'UTF-8';
+
 @import '../../../../src/sass/lib/css-vars';
 
 $css-vars-use-native: true;
diff --git a/demo/src/sass/bundles/error.scss b/demo/src/sass/bundles/error.scss
index 213f4862..ebb48fc1 100644
--- a/demo/src/sass/bundles/error.scss
+++ b/demo/src/sass/bundles/error.scss
@@ -1,7 +1,8 @@
+@charset "UTF-8";
+
 // ==========================================================================
 // Plyr.io Error Page
 // ==========================================================================
-@charset 'UTF-8';
 
 // Settings
 @import '../settings/colors';
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index 39dc49d6..2004e9e4 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -1,9 +1,11 @@
+@charset "UTF-8";
+
 // ==========================================================================
 // Plyr styles
 // https://github.com/sampotts/plyr
 // TODO: Review use of BEM classnames
 // ==========================================================================
-@charset 'UTF-8';
+
 @import 'lib/css-vars';
 
 $css-vars-use-native: true;