.password-input{background:#fcfbff;border:1px solid #e5e1ec;border-radius:8px;align-items:stretch;width:100%;height:52px;transition:border-color .15s;display:flex;position:relative}.password-input:focus-within{border-color:#6c5ce7}.password-input--error,.password-input--error:focus-within{border-color:#dc2626}.password-input__field{color:#222;background:0 0;border:none;border-radius:8px 0 0 8px;outline:none;flex:1;min-width:0;padding:0 12px 0 16px;font-family:inherit;font-size:15px}[dir=rtl] .password-input__field{border-radius:0 8px 8px 0;padding:0 16px 0 12px}.password-input__field::placeholder{color:#a49eb0}.password-input__field:disabled{cursor:not-allowed;opacity:.6}.password-input__toggle{color:#7a7285;cursor:pointer;background:0 0;border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:44px;transition:color .15s,background .15s;display:inline-flex}[dir=rtl] .password-input__toggle{border-radius:8px 0 0 8px}.password-input__toggle:hover{color:#6c5ce7;background:#6c5ce70d}.password-input__toggle:focus-visible{outline-offset:-2px;outline:2px solid #6c5ce7}.password-input__toggle svg{width:20px;height:20px}