add show hide password

src/assets/css/style.css

@@ -802,6 +802,34 @@ select {
   top: 100%;
 }
 
+.top-\[50\%\] {
+  top: 50%;
+}
+
+.bottom-0 {
+  bottom: 0px;
+}
+
+.\!bottom-0 {
+  bottom: 0px !important;
+}
+
+.\!right-0 {
+  right: 0px !important;
+}
+
+.\!top-0 {
+  top: 0px !important;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.top-auto {
+  top: auto;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -859,6 +887,26 @@ select {
   margin-bottom: auto;
 }
 
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+.\!mx-3 {
+  margin-left: 0.75rem !important;
+  margin-right: 0.75rem !important;
+}
+
+.\!my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
 .\!mt-0 {
   margin-top: 0px !important;
 }
@@ -1067,6 +1115,11 @@ select {
   height: 80vh;
 }
 
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
 .max-h-0 {
   max-height: 0px;
 }
@@ -1445,6 +1498,10 @@ select {
   --tw-divide-opacity: 0.1;
 }
 
+.justify-self-center {
+  justify-self: center;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1724,6 +1781,14 @@ select {
   --tw-bg-opacity: 0.8;
 }
 
+.fill-gray-500 {
+  fill: #6b7280;
+}
+
+.fill-primary-500 {
+  fill: #035b71;
+}
+
 .p-1 {
   padding: 0.25rem;
 }