styleguide: Add WIP message

styleguide/assets/style/styleguide.scss

@@ -252,6 +252,42 @@ a {
   }
 }
 
+.alert {
+  background-color: var(--color-shade-1);
+  padding: 1rem 1.5rem;
+  border-radius: 1rem;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  gap: 1.5rem;
+  margin: 2rem 0;
+
+  i[data-icon] {
+    padding-top: 0.5rem;
+    font-size: var(--text-5xl);
+    filter: var(--filter-glow-primary);
+    color: var(--color-glow-primary);
+  }
+
+  strong {
+    font-size: var(--text-xl);
+    display: block;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: 1rem;
+    border: solid 0.125rem var(--color-glow-primary);
+    filter: var(--filter-glow-primary);
+  }
+}
+
 pre,
 .code {
   max-width: 100%;
@@ -294,13 +330,12 @@ pre,
 }
 
 
-main.generator {
-  > div {
-    display: flex;
-    flex-direction: column;
-    gap: 1em;
-    align-items: center;
-  }
+main > div.generator {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  align-items: center;
+
 
   img {
     width: 400px;