adasd

public/assets/auth/login.css

@@ -212,43 +212,24 @@ body {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 34px;
-    height: 34px;
-    border: 1px solid rgba(15, 23, 42, 0.16);
+    width: 28px;
+    height: 28px;
+    border: 0;
     border-radius: 999px;
-    background: rgba(15, 23, 42, 0.78);
-    color: rgba(255, 255, 255, 0.96);
-    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+    background: center center / 22px 22px no-repeat url("/assets/auth/icons/eye-open.png");
+    box-shadow: none;
     cursor: pointer;
-    transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
+    transition: transform 160ms ease, opacity 160ms ease;
+    opacity: 0.92;
 }
 
 .login-password-toggle:hover {
-    background: rgba(15, 23, 42, 0.92);
-    transform: translateY(-50%) scale(1.03);
+    transform: translateY(-50%) scale(1.04);
+    opacity: 1;
 }
 
-.login-password-toggle:focus-visible {
-    outline: 2px solid rgba(14, 165, 233, 0.55);
-    outline-offset: 2px;
-}
-
-.login-password-icon {
-    width: 17px;
-    height: 17px;
-    display: block;
-}
-
-.login-password-icon-hide {
-    display: none;
-}
-
-.login-password-toggle.is-visible .login-password-icon-show {
-    display: none;
-}
-
-.login-password-toggle.is-visible .login-password-icon-hide {
-    display: block;
+.login-password-toggle.is-visible {
+    background-image: url("/assets/auth/icons/eye-closed.png");
 }
 
 .login-field textarea {