Remove VirtualSample scoped style

src/assets/css/src/2.blocks.dialog.css

@@ -74,10 +74,14 @@
 
 /* Content */
 .dialog__inner {
+  padding: var(--space-16);
   background: var(--dialog-inner-background, #f7f7f7);
   height: 100%;
   overflow-y: auto;
 }
+.with-comments .dialog__inner {
+  margin-right: var(--dialog-comments-w, 20rem);
+}
 .dialog__inner .tracks-header {
   background: var(--color-white-50);
   border-radius: var(--rounded-xl);
@@ -167,6 +171,9 @@
   left: 22.5rem;
   right: 22.5rem;
 }
+.dialog#virtual-sample #comments-container {
+  top: var(--dialog-header-h);
+}
 .dialog#virtual-sample.dynamic #comments-container {
   top: 4.5rem;
 }
@@ -180,6 +187,7 @@
   height: calc(100% - 3.5rem) !important;
 }
 
+
 /* Physical Sample */
 .dialog#physical-sample {
   --dialog-header-h: 15rem;

src/components/project/virtual-sample/VirtualSample.vue

@@ -178,15 +178,3 @@ function downloadFiles() {
   }, 400);
 }
 </script>
-
-<style scoped>
-.dialog__inner {
-  padding: var(--space-16);
-}
-.with-comments .dialog__inner {
-  margin-right: var(--dialog-comments-w, 20rem);
-}
-#comments-container {
-  top: var(--dialog-header-h);
-}
-</style>