Extract styles

src/components/subtitlesettings/subtitlesettings.css

@@ -0,0 +1,26 @@
+.subtitleappearance-fullpreview {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    pointer-events: none;
+    transition: 0.2s
+}
+
+.subtitleappearance-fullpreview-hide {
+    opacity: 0;
+}
+
+.subtitleappearance-fullpreview-window {
+    position: absolute;
+    width: 100%;
+    font-size: 170%;
+    text-align: center;
+}
+
+.subtitleappearance-fullpreview-text {
+    display: inline-block;
+    max-width: 70%;
+}

src/components/subtitlesettings/subtitlesettings.js

@@ -16,6 +16,7 @@ import 'emby-slider';
 import 'emby-input';
 import 'emby-checkbox';
 import 'flexStyles';
+import 'css!./subtitlesettings'
 
 /**
  * Subtitle settings.

src/components/subtitlesettings/subtitlesettings.template.html

@@ -38,35 +38,6 @@
             ${HeaderSubtitleAppearance}
         </h2>
 
-        <style>
-        .subtitleappearance-fullpreview {
-            position: fixed;
-            width: 100%;
-            height: 100%;
-            top: 0;
-            left: 0;
-            z-index: 1000;
-            pointer-events: none;
-            transition: 0.2s
-        }
-
-        .subtitleappearance-fullpreview-hide {
-            opacity: 0;
-        }
-
-        .subtitleappearance-fullpreview-window {
-            position: absolute;
-            width: 100%;
-            font-size: 170%;
-            text-align: center;
-        }
-
-        .subtitleappearance-fullpreview-text {
-            display: inline-block;
-            max-width: 70%;
-        }
-        </style>
-
         <div class="subtitleappearance-fullpreview subtitleappearance-fullpreview-hide">
             <div class="subtitleappearance-fullpreview-window">
                 <div class="subtitleappearance-fullpreview-text">