add style and interactions on ProjectRequestDialog

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

@@ -225,4 +225,47 @@
   .dialog#physical-sample .masonry {
     column-count: 3;
   }
+}
+
+/* Project Request Dialog */
+#project-request-dialog {
+  --dialog-max-w: 704px;
+  --dialog-max-h: 712px;
+  --dialog-header-h: 6rem;
+  --dialog-background: var(--color-white);
+  color: var(--color-black);
+  align-items: stretch;
+}
+#project-request-dialog [data-pc-section="header"] h2 {
+  left: 0 !important;
+  right: 0 !important;
+  color: var(--color-black);
+  margin-block: var(--space-16) !important;
+}
+#project-request-dialog [data-pc-name="pcclosebutton"] {
+  display: none;
+}
+#project-request-dialog form {
+  max-width: unset;
+}
+#project-request-dialog #project-dtl {
+  position: relative;
+  padding-left: var(--space-64);
+}
+#project-request-dialog #project-dtl input[type="checkbox"] {
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--rounded-md);
+  border: 1px solid var(--color-grey-200);
+  position: absolute;
+  left: var(--space-12);
+  -webkit-appareance: auto;
+  appearance: auto;
+  accent-color: var(--color-primary);
+}
+#project-request-dialog [data-icon="leaf"] {
+  padding: var(--space-4) var(--space-8);
+  background: var(--color-dtl-15);
+  color: var(--color-dtl);
+  border-radius: var(--rounded-md);
 }