Css files updated.

fe/src/assets/_macro.css

@@ -0,0 +1,32 @@
+/* @reference "main"; */
+hr.spacer {
+  @apply relative
+  w-6
+  border 
+  border-gray-300
+  opacity-80
+  overflow-visible;
+
+  &::before,
+  &::after {
+    @apply content-['']
+    absolute
+    top-1/2
+    -translate-y-1/2
+    size-2
+    bg-gray-300
+    rounded-full;
+  }
+
+  &::before {
+    @apply -left-1;
+  }
+
+  &::after {
+    @apply -right-1;
+  }
+
+  &:last-of-type {
+    @apply hidden;
+  }
+}

fe/src/assets/main.css

@@ -1,3 +1,4 @@
+@import './_macro';
 @import 'tailwindcss';
 
 @variant dark (&:where(.dark, .dark *));
@@ -54,3 +55,30 @@ h5 {
   border
   border-white/15;
 }
+
+input {
+  @apply w-full 
+  px-2 py-1
+  border
+  border-slate-400
+  text-white
+  rounded-md
+  bg-black/20;
+}
+
+:has(> input + span) {
+  @apply flex;
+
+  input {
+    @apply rounded-r-none;
+  }
+
+  span {
+    @apply flex
+    items-center
+    px-2
+    rounded-r-md
+    text-white
+    bg-slate-400;
+  }
+}