diff --git a/src/components/project/virtual-sample/Dynamic.vue b/src/components/project/virtual-sample/Dynamic.vue
index aaedba8..e63c0b7 100644
--- a/src/components/project/virtual-sample/Dynamic.vue
+++ b/src/components/project/virtual-sample/Dynamic.vue
@@ -113,3 +113,91 @@ function rotateX(direction) {
   }
 }
 </script>
+
+<style scoped>
+.track-container {
+  --w: 100%;
+  --h: calc(100% - 74px);
+  --x-steps: 14;
+  --y-steps: 5;
+  width: var(--w);
+  height: var(--h);
+  position: relative;
+  margin: var(--space-16) auto;
+  border-radius: var(--rounded-lg);
+}
+
+.track-container figure {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.track-container img {
+  display: block;
+  position: absolute;
+  inset: 0;
+  width: inherit;
+  height: inherit;
+  object-fit: contain;
+}
+.track-container fieldset {
+  --p: 0rem;
+  margin: 0;
+  padding: 0;
+  width: var(--w);
+  height: var(--h);
+  border: none;
+}
+.track-container button,
+.track-container input {
+  position: absolute;
+}
+
+/* Buttons */
+.track-container .btn--icon {
+  --icon-size: var(--space-24);
+  --icon-color: var(--color-grey-700);
+  width: var(--space-48);
+  height: var(--space-48);
+  max-height: var(--space-48);
+  background: transparent;
+  padding: var(--space-12);
+}
+.track-container .btn--icon:hover {
+  background: var(--color-black-10);
+}
+#y-up {
+  top: var(--p);
+}
+#y-up::before {
+  transform: rotate(90deg);
+}
+#y-down {
+  bottom: var(--p);
+}
+#y-down::before {
+  transform: rotate(-90deg);
+}
+#y-up,
+#y-down {
+  text-align: center;
+  left: 50%;
+  transform: translateX(-50%);
+}
+#x-down {
+  left: var(--p);
+}
+#x-up {
+  right: var(--p);
+}
+#x-up::before {
+  transform: rotate(180deg);
+}
+#x-down,
+#x-up {
+  top: 50%;
+  transform: translateY(-50%);
+}
+</style>
diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue
index b5bbd34..0562734 100644
--- a/src/components/project/virtual-sample/VirtualSample.vue
+++ b/src/components/project/virtual-sample/VirtualSample.vue
@@ -93,90 +93,4 @@ const activeTab = ref("dynamic");
 .dialog__inner {
   padding: var(--space-16);
 }
-
-.track-container {
-  --w: 100%;
-  --h: calc(100% - 74px);
-  --x-steps: 14;
-  --y-steps: 5;
-  width: var(--w);
-  height: var(--h);
-  position: relative;
-  margin: var(--space-16) auto;
-  border-radius: var(--rounded-lg);
-}
-
-.track-container figure {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-.track-container img {
-  display: block;
-  position: absolute;
-  inset: 0;
-  width: inherit;
-  height: inherit;
-  object-fit: contain;
-}
-.track-container fieldset {
-  --p: 0rem;
-  margin: 0;
-  padding: 0;
-  width: var(--w);
-  height: var(--h);
-  border: none;
-}
-.track-container button,
-.track-container input {
-  position: absolute;
-}
-
-/* Buttons */
-.track-container .btn--icon {
-  --icon-size: var(--space-24);
-  --icon-color: var(--color-grey-700);
-  width: var(--space-48);
-  height: var(--space-48);
-  max-height: var(--space-48);
-  background: transparent;
-  padding: var(--space-12);
-}
-.track-container .btn--icon:hover {
-  background: var(--color-black-10);
-}
-#y-up {
-  top: var(--p);
-}
-#y-up::before {
-  transform: rotate(90deg);
-}
-#y-down {
-  bottom: var(--p);
-}
-#y-down::before {
-  transform: rotate(-90deg);
-}
-#y-up,
-#y-down {
-  text-align: center;
-  left: 50%;
-  transform: translateX(-50%);
-}
-#x-down {
-  left: var(--p);
-}
-#x-up {
-  right: var(--p);
-}
-#x-up::before {
-  transform: rotate(180deg);
-}
-#x-down,
-#x-up {
-  top: 50%;
-  transform: translateY(-50%);
-}
 </style>