.password{position:relative;display:flex;align-items:stretch;min-width:0}.password>.input{flex:1;width:100%;min-width:0}.password>button{flex:none;display:grid;place-items:center;width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1rem}.password>button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 6%,transparent)}.password>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.password .icon{width:20px;height:20px}.password-eye-off{display:none}.password>input[type=text]~button .password-eye{display:none}.password>input[type=text]~button .password-eye-off{display:block}.password[data-password-ready]>.input{padding-inline-end:52px;min-height:48px}.password[data-password-ready]>button{position:absolute;inset-block:2px;inset-inline-end:2px;border:0;border-radius:max(0px,calc(var(--control-radius,7px) - 2px));background:transparent;cursor:pointer}.password[data-password-ready]>button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 6%,transparent)}.password>button:disabled{cursor:not-allowed;opacity:.5}