add highlitght label support

assets/css/custom.css

@@ -2,6 +2,26 @@
   position: static
 }
 
+.absolute {
+  position: absolute
+}
+
+.relative {
+  position: relative
+}
+
+.bottom-0 {
+  bottom: 0px
+}
+
+.right-0 {
+  right: 0px
+}
+
+.z-10 {
+  z-index: 10
+}
+
 .mb-4 {
   margin-bottom: 1rem
 }
@@ -26,6 +46,18 @@
   margin-top: 0.25rem
 }
 
+.-mb-4 {
+  margin-bottom: -1rem
+}
+
+.-mb-40 {
+  margin-bottom: -10rem
+}
+
+.-mb-6 {
+  margin-bottom: -1.5rem
+}
+
 .block {
   display: block
 }
@@ -108,6 +140,10 @@
   border-radius: 9999px
 }
 
+.rounded-sm {
+  border-radius: 0.125rem
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem
@@ -118,6 +154,14 @@
   border-bottom-left-radius: 0.375rem
 }
 
+.rounded-tr-none {
+  border-top-right-radius: 0px
+}
+
+.rounded-bl-none {
+  border-bottom-left-radius: 0px
+}
+
 .border-2 {
   border-width: 2px
 }
@@ -189,6 +233,21 @@
   background-color: rgb(30 58 138 / 0.2)
 }
 
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
+}
+
+.bg-slate-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity))
+}
+
+.bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity))
+}
+
 .p-1 {
   padding: 0.25rem
 }
@@ -197,6 +256,14 @@
   padding: 1rem
 }
 
+.p-3 {
+  padding: 0.75rem
+}
+
+.p-2 {
+  padding: 0.5rem
+}
+
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem
@@ -217,6 +284,16 @@
   padding-bottom: 0.25rem
 }
 
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem
+}
+
 .pb-2 {
   padding-bottom: 0.5rem
 }
@@ -257,6 +334,10 @@
   font-weight: 700
 }
 
+.italic {
+  font-style: italic
+}
+
 .text-neutral-900 {
   --tw-text-opacity: 1;
   color: rgb(23 23 23 / var(--tw-text-opacity))
@@ -317,6 +398,14 @@
   outline-offset: 2px
 }
 
+[dir="ltr"] .ltr\:pr-3 {
+  padding-right: 0.75rem
+}
+
+[dir="rtl"] .rtl\:pl-3 {
+  padding-left: 0.75rem
+}
+
 .dark .dark\:border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity))
@@ -357,6 +446,11 @@
   color: rgb(163 163 163 / var(--tw-text-opacity))
 }
 
+.dark .dark\:text-neutral-300 {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity))
+}
+
 .dark .dark\:hover\:\!bg-green-700:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity)) !important