update style

src/assets/css/style.css

@@ -959,6 +959,10 @@ select {
   top: 50%;
 }
 
+.top-16 {
+  top: 4rem;
+}
+
 .top-3 {
   top: 0.75rem;
 }
@@ -971,10 +975,6 @@ select {
   top: 100%;
 }
 
-.top-16 {
-  top: 4rem;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1064,6 +1064,10 @@ select {
   margin-bottom: 2rem;
 }
 
+.me-1 {
+  margin-inline-end: 0.25rem;
+}
+
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1136,10 +1140,6 @@ select {
   margin-top: 1.5rem;
 }
 
-.me-1 {
-  margin-inline-end: 0.25rem;
-}
-
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -1316,6 +1316,10 @@ select {
   width: 1.5rem;
 }
 
+.w-72 {
+  width: 18rem;
+}
+
 .w-8 {
   width: 2rem;
 }
@@ -1348,10 +1352,6 @@ select {
   width: 1px;
 }
 
-.w-72 {
-  width: 18rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1537,10 +1537,6 @@ select {
   gap: 0.25rem;
 }
 
-.gap-4 {
-  gap: 1rem;
-}
-
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1549,6 +1545,10 @@ select {
   gap: 0.75rem;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .gap-x-6 {
   -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
@@ -1637,6 +1637,10 @@ select {
   border-radius: 0.25rem;
 }
 
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1653,10 +1657,6 @@ select {
   border-radius: 0.75rem;
 }
 
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
 .rounded-l-full {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -1732,15 +1732,15 @@ select {
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
-.border-transparent {
-  border-color: transparent;
-}
-
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(3 91 113 / var(--tw-border-opacity));
 }
 
+.border-transparent {
+  border-color: transparent;
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1751,6 +1751,11 @@ select {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
@@ -1860,6 +1865,10 @@ select {
   background-color: rgb(204 204 0 / var(--tw-bg-opacity));
 }
 
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
 .bg-opacity-25 {
   --tw-bg-opacity: 0.25;
 }
@@ -1880,8 +1889,8 @@ select {
   --tw-bg-opacity: 0.8;
 }
 
-.bg-opacity-100 {
+.bg-none {
-  --tw-bg-opacity: 1;
+  background-image: none;
 }
 
 .fill-gray-500 {
@@ -1892,6 +1901,10 @@ select {
   fill: #4b5563;
 }
 
+.fill-green-600 {
+  fill: #16a34a;
+}
+
 .fill-primary-500 {
   fill: #035b71;
 }
@@ -1900,18 +1913,10 @@ select {
   fill: #cc0000;
 }
 
-.fill-secondary-600 {
-  fill: #007b8d;
-}
-
 .fill-white {
   fill: #fff;
 }
 
-.fill-green-600 {
-  fill: #16a34a;
-}
-
 .stroke-white {
   stroke: #fff;
 }
@@ -2352,11 +2357,6 @@ select {
   color: rgb(204 0 0 / var(--tw-text-opacity));
 }
 
-.text-secondary-600 {
-  --tw-text-opacity: 1;
-  color: rgb(0 123 141 / var(--tw-text-opacity));
-}
-
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -2414,6 +2414,10 @@ select {
   opacity: 1;
 }
 
+.opacity-25 {
+  opacity: 0.25;
+}
+
 .opacity-30 {
   opacity: 0.3;
 }
@@ -2426,10 +2430,6 @@ select {
   opacity: 0.5;
 }
 
-.opacity-25 {
-  opacity: 0.25;
-}
-
 .opacity-75 {
   opacity: 0.75;
 }
@@ -2669,6 +2669,16 @@ select {
   background-color: rgb(205 222 227 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-red-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(255 0 0 / var(--tw-bg-opacity));
@@ -2684,16 +2694,6 @@ select {
   background-color: rgb(255 255 0 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-primary-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(154 189 198 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(2 73 90 / var(--tw-bg-opacity));
-}
-
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -2855,11 +2855,6 @@ select {
   border-color: rgb(104 157 170 / var(--tw-border-opacity));
 }
 
-.disabled\:bg-primary-400:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
-}
-
 .disabled\:bg-primary-200:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(154 189 198 / var(--tw-bg-opacity));
@@ -2870,6 +2865,11 @@ select {
   background-color: rgb(104 157 170 / var(--tw-bg-opacity));
 }
 
+.disabled\:bg-primary-400:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 124 141 / var(--tw-bg-opacity));
+}
+
 .disabled\:text-primary-300:disabled {
   --tw-text-opacity: 1;
   color: rgb(104 157 170 / var(--tw-text-opacity));