@powerhousedao/network-admin 0.0.16 → 0.0.18

package/dist/style.css

@@ -28,7 +28,6 @@
     --color-amber-700: oklch(55.5% 0.163 48.998);
     --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
-    --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -319,24 +318,9 @@
   .-top-3 {
     top: calc(var(--spacing) * -3);
   }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
-  .top-1\/2 {
-    top: calc(1/2 * 100%);
-  }
-  .top-14 {
-    top: calc(var(--spacing) * 14);
-  }
   .-right-3 {
     right: calc(var(--spacing) * -3);
   }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-  .left-3 {
-    left: calc(var(--spacing) * 3);
-  }
   .z-10 {
     z-index: 10;
   }
@@ -388,15 +372,6 @@
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
-  .mt-10 {
-    margin-top: calc(var(--spacing) * 10);
-  }
-  .mt-20 {
-    margin-top: calc(var(--spacing) * 20);
-  }
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
-  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -415,6 +390,9 @@
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
+  .mb-10 {
+    margin-bottom: calc(var(--spacing) * 10);
+  }
   .block {
     display: block;
   }
@@ -436,10 +414,6 @@
   .table {
     display: table;
   }
-  .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -464,6 +438,9 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-1\/4 {
+    width: calc(1/4 * 100%);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -479,12 +456,6 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
-  .w-\[24px\] {
-    width: 24px;
-  }
-  .w-\[26px\] {
-    width: 26px;
-  }
   .w-\[150px\] {
     width: 150px;
   }
@@ -497,9 +468,6 @@
   .w-full {
     width: 100%;
   }
-  .w-px {
-    width: 1px;
-  }
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
@@ -509,8 +477,8 @@
   .max-w-full {
     max-width: 100%;
   }
-  .min-w-4 {
-    min-width: calc(var(--spacing) * 4);
+  .max-w-xs {
+    max-width: var(--container-xs);
   }
   .flex-1 {
     flex: 1;
@@ -521,30 +489,6 @@
   .border-collapse {
     border-collapse: collapse;
   }
-  .translate-x-1\/2 {
-    --tw-translate-x: calc(1/2 * 100%);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-x-\[12px\] {
-    --tw-translate-x: 12px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .-rotate-180 {
-    rotate: calc(180deg * -1);
-  }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
-  .cursor-ew-resize {
-    cursor: ew-resize;
-  }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -554,9 +498,6 @@
   .list-disc {
     list-style-type: disc;
   }
-  .grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -610,13 +551,6 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
-  .space-y-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -652,14 +586,34 @@
       margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-gray-200 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-gray-200);
+    }
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -687,10 +641,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-t {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -703,9 +653,6 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
-  .border-blue-100 {
-    border-color: var(--color-blue-100);
-  }
   .border-blue-700 {
     border-color: var(--color-blue-700);
   }
@@ -724,9 +671,6 @@
   .border-red-700 {
     border-color: var(--color-red-700);
   }
-  .border-transparent {
-    border-color: transparent;
-  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -745,9 +689,6 @@
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
-  .bg-gray-500 {
-    background-color: var(--color-gray-500);
-  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -766,18 +707,9 @@
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
-  .bg-slate-50 {
-    background-color: var(--color-slate-50);
-  }
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-yellow-100 {
-    background-color: var(--color-yellow-100);
-  }
-  .bg-yellow-300 {
-    background-color: var(--color-yellow-300);
-  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -817,33 +749,24 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
-  .py-1 {
-    padding-block: calc(var(--spacing) * 1);
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
   }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12);
-  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
-  .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
-  }
-  .pb-3 {
-    padding-bottom: calc(var(--spacing) * 3);
-  }
-  .pl-9 {
-    padding-left: calc(var(--spacing) * 9);
-  }
   .text-center {
     text-align: center;
   }
@@ -897,8 +820,12 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .text-\[\#E2E4E7\] {
-    color: #E2E4E7;
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
   }
   .text-blue-600 {
     color: var(--color-blue-600);
@@ -909,12 +836,6 @@
   .text-blue-800 {
     color: var(--color-blue-800);
   }
-  .text-gray-50 {
-    color: var(--color-gray-50);
-  }
-  .text-gray-300 {
-    color: var(--color-gray-300);
-  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
@@ -960,15 +881,15 @@
   .text-red-800 {
     color: var(--color-red-800);
   }
-  .text-slate-100 {
-    color: var(--color-slate-100);
-  }
   .text-white {
     color: var(--color-white);
   }
   .text-yellow-600 {
     color: var(--color-yellow-600);
   }
+  .uppercase {
+    text-transform: uppercase;
+  }
   .italic {
     font-style: italic;
   }
@@ -1002,11 +923,6 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .transition-\[width\] {
-    transition-property: width;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1022,36 +938,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .duration-75 {
-    --tw-duration: 75ms;
-    transition-duration: 75ms;
-  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .ease-linear {
-    --tw-ease: linear;
-    transition-timing-function: linear;
-  }
-  .select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  .group-hover\/sidebar-resizer\:bg-gray-500 {
-    &:is(:where(.group\/sidebar-resizer):hover *) {
-      @media (hover: hover) {
-        background-color: var(--color-gray-500);
-      }
-    }
-  }
-  .group-hover\/sidebar-resizer\:opacity-100 {
-    &:is(:where(.group\/sidebar-resizer):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
-    }
-  }
   .hover\:cursor-pointer {
     &:hover {
       @media (hover: hover) {
@@ -1066,10 +956,10 @@
       }
     }
   }
-  .hover\:bg-gray-100 {
+  .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-gray-100);
+        background-color: var(--color-gray-50);
       }
     }
   }
@@ -1080,13 +970,6 @@
       }
     }
   }
-  .hover\:bg-gray-300 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-300);
-      }
-    }
-  }
   .hover\:bg-gray-500 {
     &:hover {
       @media (hover: hover) {
@@ -1115,20 +998,6 @@
       }
     }
   }
-  .hover\:bg-slate-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-slate-100);
-      }
-    }
-  }
-  .hover\:bg-yellow-200 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-yellow-200);
-      }
-    }
-  }
   .hover\:bg-yellow-600 {
     &:hover {
       @media (hover: hover) {
@@ -1136,13 +1005,6 @@
       }
     }
   }
-  .hover\:text-gray-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-gray-600);
-      }
-    }
-  }
   .hover\:text-gray-700 {
     &:hover {
       @media (hover: hover) {
@@ -1157,13 +1019,6 @@
       }
     }
   }
-  .hover\:text-slate-200 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-slate-200);
-      }
-    }
-  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -1178,28 +1033,11 @@
       }
     }
   }
-  .focus\:border-transparent {
-    &:focus {
-      border-color: transparent;
-    }
-  }
-  .focus\:ring-2 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .focus\:ring-blue-500 {
     &:focus {
       --tw-ring-color: var(--color-blue-500);
     }
   }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-  }
   .md\:grid-cols-4 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -1220,31 +1058,11 @@
       border-color: var(--color-gray-700);
     }
   }
-  .dark\:border-gray-800 {
-    &:where(.dark, .dark *) {
-      border-color: var(--color-gray-800);
-    }
-  }
   .dark\:border-red-300 {
     &:where(.dark, .dark *) {
       border-color: var(--color-red-300);
     }
   }
-  .dark\:bg-\[\#604B00\] {
-    &:where(.dark, .dark *) {
-      background-color: #604B00;
-    }
-  }
-  .dark\:bg-\[\#604B0033\] {
-    &:where(.dark, .dark *) {
-      background-color: #604B0033;
-    }
-  }
-  .dark\:bg-\[\#252728\] {
-    &:where(.dark, .dark *) {
-      background-color: #252728;
-    }
-  }
   .dark\:bg-blue-900 {
     &:where(.dark, .dark *) {
       background-color: var(--color-blue-900);
@@ -1275,11 +1093,6 @@
       background-color: var(--color-red-900);
     }
   }
-  .dark\:bg-slate-600 {
-    &:where(.dark, .dark *) {
-      background-color: var(--color-slate-600);
-    }
-  }
   .dark\:text-blue-200 {
     &:where(.dark, .dark *) {
       color: var(--color-blue-200);
@@ -1310,11 +1123,6 @@
       color: var(--color-gray-400);
     }
   }
-  .dark\:text-gray-500 {
-    &:where(.dark, .dark *) {
-      color: var(--color-gray-500);
-    }
-  }
   .dark\:text-green-200 {
     &:where(.dark, .dark *) {
       color: var(--color-green-200);
@@ -1355,16 +1163,6 @@
       color: var(--color-red-400);
     }
   }
-  .dark\:text-slate-200 {
-    &:where(.dark, .dark *) {
-      color: var(--color-slate-200);
-    }
-  }
-  .dark\:text-slate-500 {
-    &:where(.dark, .dark *) {
-      color: var(--color-slate-500);
-    }
-  }
   .dark\:text-white {
     &:where(.dark, .dark *) {
       color: var(--color-white);
@@ -1375,24 +1173,6 @@
       color: var(--color-yellow-400);
     }
   }
-  .dark\:group-hover\/sidebar-resizer\:bg-gray-600 {
-    &:where(.dark, .dark *) {
-      &:is(:where(.group\/sidebar-resizer):hover *) {
-        @media (hover: hover) {
-          background-color: var(--color-gray-600);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-gray-600 {
-    &:where(.dark, .dark *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-600);
-        }
-      }
-    }
-  }
   .dark\:hover\:text-gray-200 {
     &:where(.dark, .dark *) {
       &:hover {
@@ -1402,13 +1182,9 @@
       }
     }
   }
-  .dark\:hover\:text-slate-50 {
-    &:where(.dark, .dark *) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-slate-50);
-        }
-      }
+  .\[\&_\.sidebar\\\\_\\\\_item--active\]\:bg-yellow-500 {
+    & .sidebar\_\_item--active {
+      background-color: var(--color-yellow-500);
     }
   }
 }
@@ -7906,7 +7682,38 @@ input[type="number"] {
     scrollbar-width: initial;
   }
 }
-@property --tw-tracking {
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
   syntax: "*";
   inherits: false;
 }
@@ -7915,6 +7722,10 @@ input[type="number"] {
   inherits: false;
   initial-value: solid;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -12459,17 +12270,101 @@ input[type="number"] {
     cursor: pointer;
   }
 }
+.ph-default-styles h1 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 32px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h2 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h3 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles p {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles small {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+  color: #474d4e;
+}
+.ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
+  font-family: "Inter", sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: #343839;
+  background-color: #ffffff;
+  border: 1px solid #ced4da;
+  border-radius: 0.375rem;
+  padding: 7px 0.75rem;
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 10px;
+}
+.ph-default-styles textarea {
+  min-height: 2.25rem;
+  resize: vertical;
+}
+.ph-default-styles a {
+  color: #007bff;
+  text-decoration: none;
+}
+.ph-default-styles a:hover {
+  text-decoration: underline;
+  color: #0056b3;
+}
+.ph-default-styles a:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 123, 255, 0.5);
+}
+.ph-default-styles ul, .ph-default-styles ol {
+  padding-left: 0px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.ph-default-styles label {
+  display: block;
+  font-family: "Inter", sans-serif;
+  font-weight: 500;
+  color: #343839;
+}
+.ph-default-styles hr {
+  border: 0;
+  height: 1px;
+  background-color: #ced4da;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 @layer base {
   * {
     scrollbar-color: initial;
     scrollbar-width: initial;
   }
 }
-@property --tw-divide-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -14331,6 +14226,9 @@ input[type="number"] {
       max-width: 96rem;
     }
   }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -14545,6 +14443,21 @@ input[type="number"] {
   .border-t-gray-800 {
     border-top-color: var(--color-gray-800);
   }
+  .bg-\[\#bfdffd\] {
+    background-color: #bfdffd;
+  }
+  .bg-\[\#c8ecd1\] {
+    background-color: #c8ecd1;
+  }
+  .bg-\[\#f0f0f0\] {
+    background-color: #f0f0f0;
+  }
+  .bg-\[\#fcdfbd\] {
+    background-color: #fcdfbd;
+  }
+  .bg-\[\#ffaea8\] {
+    background-color: #ffaea8;
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -14647,9 +14560,28 @@ input[type="number"] {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-\[\#4fc86f\] {
+    color: #4fc86f;
+  }
+  .text-\[\#339cff\] {
+    color: #339cff;
+  }
+  .text-\[\#999999\] {
+    color: #999999;
+  }
+  .text-\[\#de3333\] {
+    color: #de3333;
+  }
+  .text-\[\#ffa033\] {
+    color: #ffa033;
+  }
   .text-blue-700 {
     color: var(--color-blue-700);
   }
@@ -14761,208 +14693,6 @@ input[type="number"] {
       }
     }
   }
-  .\[\&\]\:\!w-\[120px\] {
-    width: 120px !important;
-  }
-  .\[\&\]\:\!max-w-\[120px\] {
-    max-width: 120px !important;
-  }
-  .\[\&\]\:\!pt-0 {
-    padding-top: calc(var(--spacing) * 0) !important;
-  }
-  .\[\&\]\:\!pb-0 {
-    padding-bottom: calc(var(--spacing) * 0) !important;
-  }
-  .\[\&\]\:\!pl-2 {
-    padding-left: calc(var(--spacing) * 2) !important;
-  }
-  .\[\&_\*\]\:\!p-0 {
-    & * {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\*\]\:\!text-xs {
-    & * {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-    }
-  }
-  .\[\&_\*\]\:\!text-\[12px\] {
-    & * {
-      font-size: 12px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!w-fit {
-    & .select\_\_content {
-      width: fit-content !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!w-full {
-    & .select\_\_content {
-      width: 100% !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!max-w-\[500px\] {
-    & .select\_\_content {
-      max-width: 500px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!min-w-\[150px\] {
-    & .select\_\_content {
-      min-width: 150px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!rounded-md {
-    & .select\_\_content {
-      border-radius: var(--radius-md) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!border {
-    & .select\_\_content {
-      border-style: var(--tw-border-style) !important;
-      border-width: 1px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!border-\[0\.5px\] {
-    & .select\_\_content {
-      border-style: var(--tw-border-style) !important;
-      border-width: 0.5px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!border-gray-300 {
-    & .select\_\_content {
-      border-color: var(--color-gray-300) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!bg-white {
-    & .select\_\_content {
-      background-color: var(--color-white) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:bg-white {
-    & .select\_\_content {
-      background-color: var(--color-white);
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!p-0 {
-    & .select\_\_content {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_content\]\:\!text-\[12px\] {
-    & .select\_\_content {
-      font-size: 12px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_item\]\:bg-white {
-    & .select\_\_item {
-      background-color: var(--color-white);
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_item\]\:\!p-0 {
-    & .select\_\_item {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:\!overflow-visible {
-    & .select\_\_list-item {
-      overflow: visible !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:bg-white {
-    & .select\_\_list-item {
-      background-color: var(--color-white);
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:\!text-xs {
-    & .select\_\_list-item {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:\!text-\[12px\] {
-    & .select\_\_list-item {
-      font-size: 12px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:\!whitespace-nowrap {
-    & .select\_\_list-item {
-      white-space: nowrap !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_list-item\]\:hover\:bg-gray-100 {
-    & .select\_\_list-item {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-100);
-        }
-      }
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_search\]\:\!p-0 {
-    & .select\_\_search {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_trigger\]\:\!w-\[150px\] {
-    & .select\_\_trigger {
-      width: 150px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_trigger\]\:\!max-w-\[150px\] {
-    & .select\_\_trigger {
-      max-width: 150px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_trigger\]\:\!p-0 {
-    & .select\_\_trigger {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_trigger\]\:\!text-xs {
-    & .select\_\_trigger {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_trigger\]\:\!text-\[12px\] {
-    & .select\_\_trigger {
-      font-size: 12px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!w-\[150px\] {
-    & .select\_\_value {
-      width: 150px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!max-w-\[150px\] {
-    & .select\_\_value {
-      max-width: 150px !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!truncate {
-    & .select\_\_value {
-      overflow: hidden !important;
-      text-overflow: ellipsis !important;
-      white-space: nowrap !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!p-0 {
-    & .select\_\_value {
-      padding: calc(var(--spacing) * 0) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!text-xs {
-    & .select\_\_value {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
-    }
-  }
-  .\[\&_\.select\\\\_\\\\_value\]\:\!text-\[12px\] {
-    & .select\_\_value {
-      font-size: 12px !important;
-    }
-  }
   .\[\&_\.sidebar\\\\_\\\\_item--active\]\:text-black {
     & .sidebar\_\_item--active {
       color: var(--color-black);
@@ -26036,6 +25766,95 @@ input[type="number"] {
     cursor: pointer;
   }
 }
+.ph-default-styles h1 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 32px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h2 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles h3 {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles p {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 120%;
+  color: #343839;
+}
+.ph-default-styles small {
+  font-family: "Inter", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 100%;
+  color: #474d4e;
+}
+.ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
+  font-family: "Inter", sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: #343839;
+  background-color: #ffffff;
+  border: 1px solid #ced4da;
+  border-radius: 0.375rem;
+  padding: 7px 0.75rem;
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 10px;
+}
+.ph-default-styles textarea {
+  min-height: 2.25rem;
+  resize: vertical;
+}
+.ph-default-styles a {
+  color: #007bff;
+  text-decoration: none;
+}
+.ph-default-styles a:hover {
+  text-decoration: underline;
+  color: #0056b3;
+}
+.ph-default-styles a:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 123, 255, 0.5);
+}
+.ph-default-styles ul, .ph-default-styles ol {
+  padding-left: 0px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.ph-default-styles label {
+  display: block;
+  font-family: "Inter", sans-serif;
+  font-weight: 500;
+  color: #343839;
+}
+.ph-default-styles hr {
+  border: 0;
+  height: 1px;
+  background-color: #ced4da;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 @layer base {
   * {
     scrollbar-color: initial;
@@ -26365,47 +26184,17 @@ input[type="number"] {
     }
   }
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
+@property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-space-y-reverse {
+@property --tw-space-x-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
-@property --tw-space-x-reverse {
+@property --tw-divide-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
@@ -26423,6 +26212,10 @@ input[type="number"] {
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -26581,10 +26374,6 @@ input[type="number"] {
   syntax: "*";
   inherits: false;
 }
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -26598,19 +26387,13 @@ input[type="number"] {
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -26648,9 +26431,16 @@ input[type="number"] {
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-tracking: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-outline-style: solid;
+      --tw-ease: initial;
       --tw-content: "";
       --tw-scale-x: 1;
       --tw-scale-y: 1;
@@ -26664,7 +26454,6 @@ input[type="number"] {
       --tw-gradient-from-position: 0%;
       --tw-gradient-via-position: 50%;
       --tw-gradient-to-position: 100%;
-      --tw-divide-y-reverse: 0;
     }
   }
 }