:root{--primaryC:var(--color-background);--bgC:var(--primaryC);--bgC2:var(--color-overlay);--bgC3:var(--color-text);--textC:var(--color-text);--textC2:var(--primaryC);--accentC:var(--color-primary);--bdC:var(--color-border)}.pw_container.svelte-syafpw{width:100%;max-width:400px}input.svelte-syafpw{border:2px solid #0000;outline:none;padding:5px 10px}input.svelte-syafpw:focus{border:2px solid var(--accentC)}.pw_length.svelte-syafpw{background-color:var(--bgC2);width:max-content;color:var(--textC);border:2px solid #0000;padding:8px 15px}.pw_length.svelte-syafpw:focus-within{border:2px solid var(--accentC)}.pw_length.svelte-syafpw input:where(.svelte-syafpw){width:50px;color:var(--textC);background-color:#0000;margin-left:10px;padding:0;font-size:1rem}.pw_length.svelte-syafpw input:where(.svelte-syafpw):focus{border:2px solid #0000}.button.svelte-syafpw{margin-top:1.5rem}hr.svelte-syafpw{width:100%}#passwords.svelte-syafpw{flex-direction:column;gap:15px;margin-top:15px;display:flex;position:relative}#passwords.can-copy.svelte-syafpw .pw:where(.svelte-syafpw):hover,#passwords.can-copy.svelte-syafpw .pw:where(.svelte-syafpw):focus-visible{transform:scale(1.02)}#passwords.svelte-syafpw:after{content:"Copied!";color:var(--textC);opacity:0;transition:opacity .5s;position:absolute;bottom:-2.5rem}#passwords.copied.svelte-syafpw:after{opacity:1}.pw.svelte-syafpw{appearance:none;background-color:var(--bgC2);min-width:250px;height:3rem;color:var(--accentC);cursor:pointer;border:none;justify-content:flex-start;align-items:center;margin:0;padding:3px 15px;transition:transform .15s;display:flex;position:relative;transform:scale(1)}.form-group.svelte-syafpw{margin-top:25px;position:relative}label.svelte-syafpw{font-weight:600}#pw-error.svelte-syafpw{color:var(--color-error);margin-block:1.5rem 0}#pw-error.svelte-syafpw:empty{margin:0}#pw-warning.svelte-syafpw{color:var(--color-warning);margin-block:1.5rem 0;font-size:.9rem}#pw-warning.svelte-syafpw:empty{margin:0}.copy-icon.svelte-syafpw{opacity:0;width:30px;height:20px;color:var(--color-text-muted);transition:opacity .1s,color .1s;position:absolute;right:10px}#passwords.can-copy.svelte-syafpw .copy-icon:where(.svelte-syafpw){opacity:1}#passwords.copied.svelte-syafpw button:where(.svelte-syafpw):focus .copy-icon:where(.svelte-syafpw){color:var(--color-primary)}@keyframes svelte-syafpw-copied{0%{box-shadow:0 0 #0000}5%{box-shadow:0 0 5px 0 var(--accentC)}to{box-shadow:0 0 #0000}}p.svelte-syafpw.copied{animation:1s forwards svelte-syafpw-copied;position:relative}