Updates

dsql-app/styles/tailwind.css

@@ -382,10 +382,6 @@
   z-index: 40
 }
 
-.z-\[100000\] {
-  z-index: 100000
-}
-
 .m-0 {
   margin: 0px
 }
@@ -463,10 +459,6 @@
   margin-left: -2.5rem
 }
 
-.-ml-2 {
-  margin-left: -0.5rem
-}
-
 .-ml-6 {
   margin-left: -1.5rem
 }
@@ -523,10 +515,6 @@
   margin-top: -1px
 }
 
-.-mt-\[3px\] {
-  margin-top: -3px
-}
-
 .-mt-\[40px\] {
   margin-top: -40px
 }
@@ -904,18 +892,6 @@
   width: 100vw
 }
 
-.w-\[300px\] {
-  width: 300px
-}
-
-.w-\[200px\] {
-  width: 200px
-}
-
-.w-\[250px\] {
-  width: 250px
-}
-
 .min-w-\[200px\] {
   min-width: 200px
 }
@@ -1483,10 +1459,6 @@
   background-color: rgb(255 255 255 / 0.8)
 }
 
-.fill-inherit {
-  fill: inherit
-}
-
 .fill-slate-400 {
   fill: #94a3b8
 }
@@ -1764,10 +1736,6 @@
   line-height: 2.5rem
 }
 
-.text-\[15px\] {
-  font-size: 15px
-}
-
 .text-\[18px\] {
   font-size: 18px
 }
@@ -1851,16 +1819,6 @@
   color: rgb(4 120 87 / var(--tw-text-opacity, 1))
 }
 
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1))
-}
-
-.text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity, 1))
-}
-
 .text-inherit {
   color: inherit
 }
@@ -1959,10 +1917,6 @@
   opacity: 0
 }
 
-.opacity-10 {
-  opacity: 0.1
-}
-
 .opacity-20 {
   opacity: 0.2
 }
@@ -2101,6 +2055,11 @@
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .invert {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
@@ -2150,6 +2109,10 @@
   border-color: rgb(148 163 184 / var(--tw-border-opacity, 1))
 }
 
+.hover\:\!bg-transparent:hover {
+  background-color: transparent !important
+}
+
 .hover\:bg-primary_dark:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 148 138 / var(--tw-bg-opacity, 1))
@@ -2192,10 +2155,6 @@
   background-color: rgb(255 255 255 / 0.1)
 }
 
-.hover\:\!bg-transparent:hover {
-  background-color: transparent !important
-}
-
 .hover\:text-fuchsia-200:hover {
   --tw-text-opacity: 1;
   color: rgb(245 208 254 / var(--tw-text-opacity, 1))