.password-input-wrapper{position:relative;display:inline-flex;align-items:center;width:60%}.password-input-wrapper input{width:100%;padding-right:45px;box-sizing:border-box}.password-toggle-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease;outline:none;z-index:10}.password-toggle-button:hover{background-color:rgba(255,255,255,.1)}.password-toggle-button:focus{outline:2px solid var(--white-color);outline-offset:2px}.password-toggle-button:active{transform:translateY(-50%) scale(.95)}.password-toggle-icon{width:20px;height:20px;opacity:.7;transition:opacity .3s ease;pointer-events:none;filter:brightness(0) invert(1)}.password-toggle-button:hover .password-toggle-icon,.password-toggle-button[aria-pressed=true] .password-toggle-icon{opacity:1}@media (max-width:768px){.password-toggle-button{right:10px;padding:8px}.password-input-wrapper input{padding-right:50px}}.password-input-wrapper input:disabled~.password-toggle-button{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-contrast:high){.password-toggle-icon{opacity:1}.password-toggle-button:focus{outline-width:3px}}