body{text-align:center;box-sizing:border-box;background-color:#1f2937;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:1rem;font-family:Arial,Helvetica,sans-serif;display:flex}#main{max-width:400px;margin:0 auto;padding:15px}#logo{flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex}#logo img{width:50px;height:50px;margin-bottom:10px}#logo-text{color:#2563eb;margin-top:-10px;margin-bottom:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;font-weight:700}h1{color:#d8d8d8}h1 span{color:#2563eb;display:block}#subtitle{color:#a9a9a9;display:block}#options{color:wheat;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:400px;margin:1rem auto;display:flex}label{margin:.5rem}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:#ebad25}.switch input:checked+.slider:before{transform:translate(26px)}input[type=number]{color:#fff;background:0 0;width:120px;padding:8px 12px;font-size:6rem;font-weight:700;transition:all .2s}input[type=number]:focus{border-color:#ebad25;box-shadow:0 0 5px #755612}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.number-input{border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.number-input input{text-align:center;border:2px solid #ebad25;outline:none;width:1.5rem;padding:8px;font-size:16px}.number-input input:focus{border-color:#ebad25;box-shadow:0 0 15px #755612}.number-input input:hover{border-color:#ebad25;box-shadow:0 0 5px #755612}.number-input button{cursor:pointer;color:#ebad25;background:0 0;border:none;padding:8px 12px;font-size:3rem;transition:background .2s}#generate-pwd-btn{color:#fff;cursor:pointer;background-color:#ebad25;border:none;border-radius:5px;margin:1rem auto;padding:.5em 1rem}#generate-pwd-btn:hover{background-color:#755612;transition:all .2s ease-in-out;transform:scale(1.05)}#generate-pwd-btn:active,.number-input input:active,.number-input button:active,.slider:active{transform:scale(.95)}.number-input button:hover,.number-input input:hover,.slider:hover{transition:all .2s ease-in-out;transform:scale(1.1)}hr{width:97%;margin:.5 rem auto;border-color:#273549}#pwd-section{display:flex}.pwd{cursor:pointer;color:#ebad25;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#273549;width:49%;height:1rem;margin:0 1px;padding:6px;overflow:hidden}.pwd:hover{color:wheat;z-index:1;background-color:#755612;font-weight:700;transition:all .2s ease-in-out;transform:scale(1.05)}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:140px;margin-left:-75px;padding:5px;transition:opacity .3s;position:absolute;bottom:150%;left:50%}.tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-top-color:#555;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}
/*# sourceMappingURL=pwd-generator.14b9433d.css.map */