Remove CSS nesting

Author: kerwin612

web_src/css/features/cropper.css

@@ -3,26 +3,28 @@
 .cropper-panel {
   display: flex;
   column-gap: 10px;
+}
+
+.cropper-panel #cropper-result {
+  overflow: hidden;
+  width: 256px;
+  height: 256px;
+  max-width: 256px;
+  max-height: 256px;
+}
+
+.cropper-panel .cropper-editor {
+  flex: 1;
+  max-width: 100%;
+  overflow: hidden;
+}
 
-  .cropper-editor {
-    flex: 1;
-    max-width: 100%;
-    overflow: hidden;
-    .cropper-wrapper {
-      height: 600px;
-      max-height: 600px;
-    }
-    >div {
-      display: flex;
-      column-gap: 10px;
-    }
-  }
+.cropper-panel .cropper-editor >div {
+  display: flex;
+  column-gap: 10px;
+}
 
-  #cropper-result {
-    overflow: hidden;
-    width: 256px;
-    height: 256px;
-    max-width: 256px;
-    max-height: 256px;
-  }
+.cropper-panel .cropper-editor .cropper-wrapper {
+  height: 600px;
+  max-height: 600px;
 }