.password-generator{width:100%;max-width:340px;margin:0 auto;padding:0}.password-generator__header{text-align:center;margin-bottom:2rem}.password-generator__title{font-size:2.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.password-generator__description{font-size:1.125rem;color:#6b7280;line-height:1.75}.password-generator__email{color:#374151;font-weight:500}.password-generator__form{display:flex;flex-direction:column}.password-generator__label{display:block;color:#333030;font-size:14px;font-weight:600;line-height:normal;margin-bottom:4px}.password-generator__input-wrapper{position:relative}.password-generator .toggle-button{position:absolute;right:12px;top:25%;opacity:.5;width:20px;height:20px;z-index:10;cursor:pointer}.password-generator .toggle-button:hover{color:#2d3748}.password-generator .toggle-button svg{width:20px;height:20px}.password-generator__icon{width:1.5rem;height:1.5rem}.password-generator__strength-container{display:flex;align-items:center;gap:7px;margin-top:12px}.password-generator__strength-bars{display:flex;gap:5px;flex:1 1}.password-generator__strength-bar{height:2px;flex:1 1;border-radius:50px;transition:background-color .3s ease;background-color:#e0d6d6}.password-generator__strength-label{color:#5d5555;font-size:12px;font-weight:400;line-height:normal;min-width:55px;text-align:right}.password-strength{display:flex;flex-flow:row wrap;margin:10px 0 0;padding-left:15px;gap:4px}.password-strength li{font-size:11px;width:49%}@media(min-width:768px){.password-strength li{font-size:12px;width:45%}}.password-strength li.pass{color:#7ca652}@media(max-width:768px){.password-generator{padding:1.5rem 0}.password-generator__title{font-size:1.875rem}.password-generator__description{font-size:1rem}.password-generator__input{font-size:1rem;padding:.875rem 3rem .875rem 1rem}.password-generator__label{font-size:1rem}}