.password-input.svelte-1uakpny{position:relative}.password-input.svelte-1uakpny input:where(.svelte-1uakpny){background:var(--bg);border:none;border-radius:10px;padding:5px 46px 5px 16px;font-size:15px;font-family:var(--font);color:var(--dark);outline:none;height:36px;width:calc(100% - 62px)}.password-input.svelte-1uakpny input:where(.svelte-1uakpny):focus{box-shadow:0 0 0 2px var(--main)}.password-input__toggle.svelte-1uakpny{position:absolute;top:0;right:4px;display:flex;align-items:center;justify-content:center;width:38px;height:46px;color:var(--dark);opacity:.55}.password-input__toggle.svelte-1uakpny:hover,.password-input__toggle.svelte-1uakpny:focus-visible{opacity:1}.password-input__toggle.svelte-1uakpny:focus-visible{outline:2px solid var(--main);outline-offset:-6px;border-radius:8px}.password-input__toggle.svelte-1uakpny .icon:where(.svelte-1uakpny){position:relative;display:inline-block;font-size:18px;line-height:1}.password-input__toggle--on.svelte-1uakpny .icon:where(.svelte-1uakpny):after{content:"";position:absolute;left:50%;top:50%;width:2px;height:120%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(-45deg)}