@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-image:linear-gradient(180deg,#14131b,#08070c);display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100vw}*{font-family:JetBrains Mono,monospace;outline:none;-webkit-user-select:none;user-select:none}.github{color:#85d28e;text-decoration:none}.generatePass_container{color:hsla(0,0%,100%,.5);max-width:380px}.generatePass_result{display:flex;margin-bottom:15px;width:100%}.generatePass_result input{background-color:#24232b;border:0;color:#fff;font-size:22px;padding:12px 20px;width:100%}.generatePass_result input::-webkit-input-placeholder{color:hsla(0,0%,100%,.2)}.generatePass_result input::placeholder{color:hsla(0,0%,100%,.2)}.generatePass_result button{background-color:#24232b;border:0;cursor:pointer;padding:16.5px 20px;right:0}.generatePass_result button:active{background-color:#1d1c22}.generatePass_result button span{color:#a4ffaf;font-size:16px}.generatePass_options{background-color:#24232b}.generatePass_length{align-items:center;background-color:#24232b;display:flex;flex-direction:column;padding:20px}.generatePass_length_header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding-bottom:15px;width:100%}.generatePass_length_header input{background-color:initial;border:0;color:#a4ffaf;font-size:20px;text-align:right;width:50px}.generatePass_mediator{width:100%}.checkbox_option{align-items:center;display:flex;padding:6px 20px}.checkbox_option label{cursor:pointer;padding-left:5px}.checkbox_option input{background-color:initial;border:1px solid #fff;cursor:pointer;margin-right:18px}.checkbox{display:inline-block;font-size:16px;line-height:24px;margin:0 0 10px;position:relative}input[type=checkbox]{margin:.4rem;position:relative}input[type=checkbox]:before{background:#18171f;border:2px solid #a4ffaf;content:" ";height:.9rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background .3s ease-in-out;width:.9rem;z-index:1}input[type=checkbox]:checked:before{background:#a4ffaf}input[type=checkbox]:checked:after{background:transparent;border-bottom:.2rem solid #000;border-left:.2rem solid #000;content:" ";height:30%;left:10%;position:absolute;top:5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:60%;z-index:2}input[type=range]{-webkit-appearance:none;background:hsla(0,0%,100%,.6);background-repeat:no-repeat;border-radius:5px;height:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#85d28e;border-radius:50%;box-shadow:0 0 2px 0 #555;cursor:pointer;height:20px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.generatePass_strength{background-color:#18171f;display:flex;justify-content:space-between;margin:15px 20px 20px;padding:15px}.generatePass_strength label{font-size:14px}.strength{display:flex}.bar_power_full{background-color:#a4ffaf;border:1px solid #a4ffaf}.bar_power_fill,.bar_power_full{height:100%;margin:0 2px;width:5px}.bar_power_fill{border:1px solid #fff}.generatePass_button{margin:20px;padding-bottom:20px}.generatePass_button button{align-items:center;background-color:#a4ffaf;border:0;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:15px;width:100%}.generatePass_button button span{font-size:14px;font-weight:700;margin-left:10px}.generatePass_button button:active{background-color:#85d28e}.toast{align-items:center;-webkit-animation:toasted 5s;animation:toasted 5s;background-color:#24232b;border-top:5px solid #a4ffaf;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto;padding:10px 0;position:absolute;top:-120px;transition:.1s;width:380px}@media screen and (max-width:390px){.toast{margin-left:8%;width:86%}}.toast label{width:75%}@-webkit-keyframes toasted{0%{top:-120px}10%{top:50px}90%{top:50px}to{top:-120px}}@keyframes toasted{0%{top:-120px}10%{top:50px}90%{top:50px}to{top:-120px}}
/*# sourceMappingURL=main.5b5a7aa5.css.map*/