*{box-sizing:border-box;margin:0}body{background-color:#000;font-family:JetBrains Mono,monospace}.container{align-items:center;display:flex;justify-content:center;padding-bottom:3rem;padding-top:6rem}.main__container{width:540px}.title{align-items:center;color:gray;display:flex;font-size:1.5;font-weight:700;justify-content:center;padding-bottom:2rem}@media only screen and (min-width:320px) and (max-width:480px){.main__container{margin-left:.6rem;margin-right:.6rem}.title{font-size:1.2rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generatedCode__container{background-color:#24232c;display:flex;height:80px;justify-content:space-between;padding:1rem}.generatedCode__container h1{align-items:center;color:#e6e5ea;display:flex;font-size:2rem;font-weight:700}.generatedCode__container img{height:2rem}.copy__container{align-items:center;display:flex;justify-content:center;position:relative}.copy__container img:hover{cursor:pointer}.copy__container img:focus+.copied-text{display:block}.copy__container .copied-text{background-color:#24232c;color:#a4ffaf;display:none;font-size:1.12rem;font-weight:700;left:-100px;padding:1rem;position:absolute}@media only screen and (min-width:320px) and (max-width:480px){.generatedCode__container h1{font-size:1.5rem}}.setting__container{background-color:#24232c;margin-top:1rem;padding:2rem}.character-length{padding-bottom:1rem}.setting-title{align-items:center;color:#e6e5ea;display:flex}.slider-value{color:#a4ffaf;font-size:2rem}.slidecontainer,input{width:100%}input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#a4ffaf 50%,#18171f 0);border-radius:5px;height:8px;opacity:.7;outline:none;transition:opacity .2s}input:hover{opacity:1}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:25px;width:25px}input::-moz-range-thumb{background:#04aa6d;border-radius:50%;cursor:pointer;height:25px;width:25px}.character-length{display:flex;justify-content:space-between}.check__container{margin-top:1rem}.strength__container{background-color:#18171f;color:#817d92;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.strength-label{align-items:center;display:flex;font-size:1.12;font-weight:700}.strength-meter{display:flex;gap:1rem}.strength-meter p{color:#e6e5ea;font-size:1.5rem;font-weight:700;text-transform:uppercase}.bar{background-color:initial;border:2px solid #fff;width:8.5px}.bar-default,.bar-medium,.bar-strong,.bar-tooweak,.bar-weak{display:flex;gap:.3rem}button{align-items:center;background-color:#a4ffaf;display:flex;font-size:1.12rem;font-weight:700;gap:.7rem;justify-content:center;padding:1rem;width:100%}.bar-tooweak div:first-child{background-color:#f64a4a;border:none}.bar-tooweak div:nth-child(2),.bar-tooweak div:nth-child(3),.bar-tooweak div:nth-child(4){background-color:initial;border:2px solid #fff}.bar-weak div:first-child,.bar-weak div:nth-child(2){background-color:#fb7c58;border:none}.bar-weak div:nth-child(3),.bar-weak div:nth-child(4){background-color:initial;border:2px solid #fff}.bar-medium div:first-child,.bar-medium div:nth-child(2),.bar-medium div:nth-child(3){background-color:#f8cd65;border:none}.bar-medium div:nth-child(4){background-color:initial;border:2px solid #fff}.bar-strong div:first-child,.bar-strong div:nth-child(2),.bar-strong div:nth-child(3),.bar-strong div:nth-child(4){background-color:#a4ffaf;border:none}@media only screen and (min-width:320px) and (max-width:480px){.strength-meter p{font-size:1rem}}.checkbox__container input{display:inline-block;height:20px}.cbox{display:flex}label h1{color:#e6e5ea;font-size:1.12rem;font-weight:700;padding-left:1rem}.checkbox__container{cursor:pointer;display:block;font-size:22px;margin-bottom:25px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.checkbox__container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#18171f;border:1px solid #fff;height:25px;left:0;position:absolute;top:0;width:25px}.checkbox__container:hover input~.checkmark{background-color:#ccc}.checkbox__container input:checked~.checkmark{background-color:#a4ffaf}.checkmark:after{content:"";display:none;position:absolute}.checkbox__container input:checked~.checkmark:after{display:block}.checkbox__container .checkmark:after{border:solid #000;border-width:0 3px 3px 0;height:10px;left:9px;top:5px;transform:rotate(45deg);width:5px}@media only screen and (min-width:320px) and (max-width:480px){label h1{font-size:1rem}}
/*# sourceMappingURL=main.a1c3e239.css.map*/