Move sticker related CSS to its own file.

src/skins/vector/css/_components.scss

@@ -60,6 +60,7 @@
 @import "./matrix-react-sdk/views/rooms/_MemberInfo.scss";
 @import "./matrix-react-sdk/views/rooms/_MemberList.scss";
 @import "./matrix-react-sdk/views/rooms/_MessageComposer.scss";
+@import "./matrix-react-sdk/views/rooms/_Stickers.scss";
 @import "./matrix-react-sdk/views/rooms/_PinnedEventTile.scss";
 @import "./matrix-react-sdk/views/rooms/_PinnedEventsPanel.scss";
 @import "./matrix-react-sdk/views/rooms/_PresenceLabel.scss";

src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss

@@ -240,30 +240,3 @@ limitations under the License.
         height: 50px;
     }
 }
-
-.mx_StickersContent {
-    overflow: hidden;
-}
-
-.mx_StickersContent .mx_AppTileFullWidth {
-    border: none;
-}
-
-.mx_StickersContentPlaceholder {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-}
-
-.mx_StickersContentPlaceholder p {
-    max-width: 200px;
-}
-
-.mx_Stickerpack_addLink {
-    display: inline;
-    cursor: pointer;
-    text-decoration: underline;
-}

src/skins/vector/css/matrix-react-sdk/views/rooms/_Stickers.scss

@@ -0,0 +1,30 @@
+.mx_Stickers_content {
+    overflow: hidden;
+}
+
+.mx_Stickers_content .mx_AppTileFullWidth {
+    border: none;
+}
+
+.mx_Stickers_contentPlaceholder {
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.mx_Stickers_contentPlaceholder p {
+    max-width: 200px;
+}
+
+.mx_Stickers_addLink {
+    display: inline;
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.mx_Stickers_hideStickers {
+    z-index: 2001;
+}