.password-generator .generated-password-form{max-width:992px;display:flex;align-items:center;gap:10px;background-color:#fff;padding:12px;border-radius:var(--hd-br--small);font-family:monospace;font-size:1.5em;text-align:center;margin:10px auto 50px;word-break:keep-all;box-shadow:var(--hd-bs--lg)}.password-generator .generated-password-form .generated-password{width:100%;flex:1;padding:0;margin:0;border:none;background-color:transparent;font-weight:400;font-size:1.25em;font-family:monospace;word-break:keep-all;text-align:center;color:var(--hd-color-1)}.password-generator .generated-password-form button{padding:10px 5px;background:0 0;color:var(--hd-color-4);border:none;border-radius:0;cursor:pointer;transition:all .3s}.password-generator .generated-password-form button:hover{color:var(--hd-color-blue);stroke-width:12px}.password-generator .generated-password-form button .icon,.password-generator .generated-password-form button svg{width:30px;height:30px;transition:all .3s;stroke-width:1.5}.password-generator .generated-password-form button:hover svg{color:var(--hd-color-blue);transform:scale(1.125);stroke-width:1.75}.options{max-width:992px;padding:20px 3%;margin:40px auto 20px;background:#ffff;border-radius:var(--hd-br);box-shadow:var(--hd-bs)}.options .options__title{text-align:center;margin:10px 0 20px;font-weight:500;font-size:1.75em;color:var(--hd-color-2)}.options .options__note{text-align:center;margin:10px 0;font-family:var(--hd-ff--heading);font-weight:400;font-size:1.125em;color:var(--hd-color-4)}label{display:flex;align-items:center}input[type=checkbox]{margin-right:.5rem}input[type=range]{width:100%}.password-generator .password-length{padding:10px 0 30px;margin:30px 0;display:flex;flex-direction:row;gap:15px;align-items:center;border-bottom:1px solid var(--hd-color-9);justify-content:center}.password-generator .password-length .password-length label{font-size:1.125em;font-weight:400;color:var(--hd-color-2)}.password-generator .password-length .password-length-inputs{flex:1;display:flex;align-items:flex-start;gap:5px;width:100%;max-width:500px;flex-direction:column}.password-generator .password-length .password-length__number{min-height:60px;max-width:70px;text-align:center;padding:12px;font-weight:600;font-size:1.5em;color:var(--hd-color-1)}.password-generator .password-length .password-length__slider{width:100%}.switch-inputs{padding:10px;margin:20px 0 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:16px;align-items:start}.switch-input,.switch-input label,.switch-input input{cursor:pointer;font-size:1rem;font-weight:500;gap:10px;display:inline-flex}.switch-input input{position:relative;appearance:none;outline:none;width:45px;height:25px;background:#d9dadc;border:4px solid #d9dadc;background:#f2;border:4px solid #f2;border-radius:50px;transition-duration:.2s}.switch-input input:focus{border-color:#d9dadc}.switch-input input:after{content:'';position:absolute;top:1px;left:1px;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:2px 4px 8px rgba(0,0,0,.3);transition-duration:.2s}.switch-input input:checked{border-color:#0065ee;background:#0065ee}.switch-input input:checked:after{left:20px;box-shadow:-2px 4px 3px rgba(0,0,0,.05)}.buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px auto 10px;gap:16px}.buttons button{padding:8px 24px 8px 16px;border:none;border-radius:var(--hd-br--pill);cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:8px}.buttons button .icon,.buttons button svg{width:20px;height:20px}.buttons .generate-btn{background-color:#4caf50;color:#fff}.buttons .copy-btn{background-color:#008cba;color:#fff}.buttons button:hover{opacity:.9}