body,html{background-color:#021111;display:flex;font-family:Roboto;font-size:10px;justify-content:center;margin:0;min-height:100%;padding:0;width:100%}*{box-sizing:border-box}.wrapper{border:1rem solid #00e5ff;display:flex;flex-direction:column;min-height:100%;width:100%}.wrapper .logos{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:1.2rem;justify-content:center;width:100%}.wrapper .logos img{height:4rem;margin:0 1rem;width:4rem}.controls{display:flex;flex-direction:row;padding:2rem;width:100%}.controls form{display:flex;flex-direction:column;height:100%;max-width:25rem;width:100%}.controls form button{background-color:#00e5ff;border:none;border-radius:1rem;color:#021111;cursor:pointer;font-size:2rem;padding:1rem;width:25rem}.controls form .length-value{color:#fff;font-size:1.6rem;margin:1rem 0 3rem}.controls form .length-value #length-value{color:#00e5ff}.controls form input[type=range]{-webkit-appearance:none;margin:2rem 0 0}.controls form input[type=range]:focus{outline:none}.controls form input[type=range]::-webkit-slider-runnable-track{background:#042121;height:1rem}.controls form input[type=range]::-moz-range-track{background:#042121;height:1rem}.controls form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00e5ff;border-radius:50%;cursor:-webkit-grab;cursor:grab;height:2rem;margin-top:-.5rem;width:2rem}.controls form input[type=range]::-moz-range-thumb{background:#00e5ff;border-radius:50%;cursor:grab;height:2rem;margin-top:-.5rem;width:2rem}.password{align-items:center;cursor:copy;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.password .copyed{color:#fff;cursor:pointer;font-size:1.5rem;margin:3rem 0;text-align:center}.password .copyed.copyed-done{-webkit-animation:copyed-done .5s forwards;animation:copyed-done .5s forwards}.password .characters{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:5rem;width:100%}.password .characters .character{align-items:center;background-color:#042121;border-radius:1rem;color:#fff;display:flex;flex-direction:row;font-size:3rem;height:6rem;justify-content:center;margin:1rem .5rem;padding:1rem;transition:all .55s;width:4.5rem}.password .characters .character.show{-webkit-animation:showletter .2s forwards;animation:showletter .2s forwards}.password .characters .character.done{background-color:#00e5ff;color:#021111}.password .characters .character.animate{color:#fff;filter:blur(3px)}.toggle{color:#fff;cursor:pointer;display:inline-block;font-size:1.6rem;margin:0 0 2rem;padding:0 0 0 6rem;position:relative;width:100%}.toggle input{display:none}.toggle input:checked+.roundbutton{background-color:#00e5ff}.toggle input:checked+.roundbutton:before{transform:translate(1.7rem)}.toggle .roundbutton{background-color:#042121;border-radius:3.4rem;bottom:0;cursor:pointer;height:2.2rem;left:0;right:0;top:0;width:4rem}.toggle .roundbutton,.toggle .roundbutton:before{display:block;position:absolute;transition:all .3s}.toggle .roundbutton:before{background-color:#fff;border-radius:100%;bottom:.4rem;content:"";height:1.4rem;left:.5rem;width:1.4rem}@-webkit-keyframes showletter{0%{opacity:0;transform:translateY(15rem)}to{opacity:1;transform:translate(0)}}@keyframes showletter{0%{opacity:0;transform:translateY(15rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes copyed-done{0%{color:#fff}50%{color:#00e5ff}to{color:#fff}}@keyframes copyed-done{0%{color:#fff}50%{color:#00e5ff}to{color:#fff}}
/*# sourceMappingURL=main.min.css.map */