Test and fix top property

dialog.js

@@ -27,7 +27,7 @@ export class Dialog extends HTMLElement {
     const style = document.createElement('style')
     style.textContent = `
       dialog {
-        margin-top: var(--margin-top, --120px);
+        margin-top: var(--dialog-margin-top, 120px);
         min-width: 200px;
         border: 1px solid rgba(0, 0, 0, 0.3);
         border-radius: 6px;
@@ -84,7 +84,9 @@ export class Dialog extends HTMLElement {
   }
 
   set top(v) {
-    style.setProperty('--margin-top', `${v}px`)
+    this.shadowRoot.host.style.setProperty(
+      '--dialog-margin-top', `${v}px`
+    )
   }
 
   get top() {