@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&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}:root{--box-bg-color:#24232c;--font-color:#817d92;--almost-white-color:#e6e5ea;--neon-green-color:#a4ffaf;--box-width:25vw;--box-black-color:#18171f;--too-weak-color:#f64a4a;--weak-color:#fb7c58;--medium-color:#f8cd65;--strong-color:#a4ffaf}.main-wrapper{align-items:center;display:flex;flex-direction:column}#heading{color:#817d92;color:var(--font-color);font-size:1em}.box-wrapper{flex-direction:column;justify-content:center}.box-wrapper,.password-box{align-items:center;display:flex}.password-box{background-color:#24232c;background-color:var(--box-bg-color);border-radius:5px;justify-content:space-between;padding:0 2em;width:25vw;width:var(--box-width)}#password{color:#e6e5ea;color:var(--almost-white-color);font-size:1.2em;letter-spacing:.1em;max-width:100%;overflow:scroll}#password::-webkit-scrollbar{display:none}#copy-button{cursor:pointer;margin-left:20px}.tools-box{align-items:center;background-color:#24232c;background-color:var(--box-bg-color);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:0 2em;width:25vw;width:var(--box-width)}.tool-row{margin-bottom:5px;margin-top:5px;width:100%}#character-length-row{align-items:center;display:flex;justify-content:space-between;width:100%}#character-length-label{color:#e6e5ea;color:var(--almost-white-color)}#character-length-value{color:#a4ffaf;color:var(--neon-green-color);font-size:1.2em}#character-length-slider{-webkit-appearance:none;background-color:#000;overflow:hidden;width:100%}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;color:#a4ffaf;color:var(--neon-green-color);margin-top:-1px;min-height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e6e5ea;background:var(--almost-white-color);border-radius:20px;box-shadow:-195px 0 0 190px #a4ffaf;box-shadow:-195px 0 0 190px var(--neon-green-color);cursor:e-resize;height:12px;width:12px}.radiogroup-wrapper{align-items:center;color:#e6e5ea;color:var(--almost-white-color);display:flex;margin-top:15px}.main-checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-left:45px;position:relative;-webkit-user-select:none;user-select:none}.password-checkbox{visibility:hidden}.mark{background-color:#000;height:17px;left:0;margin-top:2px;position:absolute;top:0;width:17px}.password-checkbox:active~.mark,.password-checkbox:checked~.mark{background-color:#a4ffaf;background-color:var(--neon-green-color)}.mark:after{content:"";display:none;position:absolute}.mark{align-items:center;color:#000;display:flex;font-size:.8em;font-weight:700;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none}.main-checkbox input:checked~.geekmark:after{display:block}#strength-row{align-items:center;background-color:#18171f;background-color:var(--box-black-color);border-radius:2px;display:flex;justify-content:space-between;margin-top:10px;padding-left:1em;padding-right:1em;width:91.5%}#strength-heading{color:#817d92;color:var(--font-color);font-size:.9em}#strength-value{color:#e6e5ea;color:var(--almost-white-color);width:140%}#strength-right,.strength-box-wrapper{align-items:center;display:flex;justify-content:space-between}.strength-box-wrapper{margin-left:10px;width:100%}.strength-box{border:2px solid #e6e5ea;border:2px solid var(--almost-white-color);height:30px;margin-left:5px;width:8px}.custom-button{align-items:center;background-color:#a4ffaf;background-color:var(--neon-green-color);border:none;border-radius:5px;cursor:pointer;display:flex;font-weight:700;height:65px;justify-content:center;margin-bottom:20px;margin-top:10px;width:100%}.custom-button img{margin-left:20px}.too-weak{background-color:#f64a4a;background-color:var(--too-weak-color);border:2px solid #f64a4a;border:2px solid var(--too-weak-color)}.weak{background-color:#fb7c58;background-color:var(--weak-color);border:2px solid #fb7c58;border:2px solid var(--weak-color)}.medium{background-color:#f8cd65;background-color:var(--medium-color);border:2px solid #f8cd65;border:2px solid var(--medium-color)}.strong{background-color:#a4ffaf;background-color:var(--strong-color);border:2px solid #a4ffaf;border:2px solid var(--strong-color)}@media screen and (max-width:1100px){.password-box,.tools-box{width:50vw}input[type=range]::-webkit-slider-thumb{box-shadow:-205px 0 0 200px #a4ffaf;box-shadow:-205px 0 0 200px var(--neon-green-color)}}@media screen and (max-width:768px){.password-box,.tools-box{width:70vw}input[type=range]::-webkit-slider-thumb{box-shadow:-205px 0 0 200px #a4ffaf;box-shadow:-205px 0 0 200px var(--neon-green-color)}}.app-wrapper{align-items:center;background-color:#000;display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.7778e650.css.map*/