html{background-color:#030712;justify-content:center;height:600px;padding:80px;display:flex}body{color:#fff;background-color:#111827;width:448px;min-width:400px;min-height:460px;margin:0;padding:50px;font-family:Inter,sans-serif}button{color:#fff;background-color:#4e46e5;border:none;border-radius:5px;width:100%;height:48px;margin-top:10px;font-size:medium;font-weight:700;transition:all .5s;box-shadow:0 1px 5px #4f46e5}button:hover{background-color:#6a63ed;transition:all .3s;scale:1.02}#length-bar{appearance:none;background-color:#8b5cf6;border:none;border-radius:4px;width:100%;height:2px;margin-bottom:20px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;border:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;border:none;margin:0}#setting-section{background-color:#030712;margin:25px 0;padding:20px 30px}#password-section{margin-top:40px}#range-number-el{color:#8b5cf6;border-radius:3px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.gray-color{color:#9ca3af;transition:all .5s}.text-styling{color:#818cf8}.border-style{border:2px solid rgb(31 41 55/var(--tw-border-opacity,1));border-radius:20px}.password-output{text-align:center;color:#8b5cf6;background-color:#030712bc;border-radius:10px;width:213px;height:51px}.grow-text:hover{color:#fff;transition:all .5s}.flex-elementes{justify-content:space-between;display:flex}.test{justify-content:center;align-items:center;display:flex}