ability to delete mock sync groups

styles/index.css

@@ -232,9 +232,15 @@
   .m-\[2em\] {
     margin: 2em;
   }
+  .mx-\[1em\] {
+    margin-inline: 1em;
+  }
   .my-\[0\.5em\] {
     margin-block: 0.5em;
   }
+  .my-\[1em\] {
+    margin-block: 1em;
+  }
   .my-\[1rem\] {
     margin-block: 1rem;
   }
@@ -540,6 +546,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .group-open\:mb-\[1em\] {
+    &:is(:where(.group):is([open], :popover-open, :open) *) {
+      margin-bottom: 1em;
+    }
+  }
   .group-open\:border-b-\[0\.25rem\] {
     &:is(:where(.group):is([open], :popover-open, :open) *) {
       border-bottom-style: var(--tw-border-style);
@@ -561,11 +572,26 @@
       }
     }
   }
+  .details-content\:flex {
+    &::details-content {
+      display: flex;
+    }
+  }
   .details-content\:transform-\[translate\(0px\,-2em\)\] {
     &::details-content {
       transform: translate(0px,-2em);
     }
   }
+  .details-content\:flex-col {
+    &::details-content {
+      flex-direction: column;
+    }
+  }
+  .details-content\:items-center {
+    &::details-content {
+      align-items: center;
+    }
+  }
   .details-content\:border-transparent {
     &::details-content {
       border-color: transparent;