html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{margin:0;background-color:#fff;color:#000;display:flex;min-width:320px;max-width:1280px;min-height:100vh}#root{width:90%;margin:0 auto}.gen-result__cont{width:90%;max-width:20rem;margin:1.5rem auto 1rem}.gen-result__cont textarea{width:90%;margin:0 auto;display:block;height:auto}.gen-result__cont-foot{display:flex;align-items:center;justify-content:space-between;width:90%;margin:1rem auto 0}.gen-result__cont-foot button{cursor:pointer;width:8rem;line-height:2rem;border-radius:2rem;font-weight:700;font-size:.9rem;border:none;font-family:serif;box-shadow:0 .2rem #a5a5a5;transition:.4s}.gen-result__cont-foot button:hover{transform:translateY(.2rem);box-shadow:0 0 #a5a5a5}.gen-result__cont-foot button.clicked{background-color:#04cb01;color:#fff;animation:hop 1s ease-in-out forwards;cursor:no-drop}@keyframes hop{0%{transform:scale(1) translate(0)}15%{transform:scale(.98,.9) translateY(5px)}30%{transform:scaleX(1.02) translateY(8px)}50%{transform:scale(.98,1.05) translateY(-8px)}70%{transform:scaleY(.9) translateY(5px)}to{transform:scale(1) translate(0)}0%,to{opacity:1}}.rand-str-gen h1{font-size:1.8rem;margin-top:1rem;font-family:serif;text-align:center}.rand-str-gen h1 span{font-size:1rem;vertical-align:middle;background-color:#06ffea;padding:0 .5rem;border-radius:.5rem;margin-right:.5rem}.rand-str-gen__form{width:90%;max-width:700px;margin:1rem auto 0}.rand-str-gen__form-label{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;cursor:pointer;width:90%;max-width:260px;white-space:nowrap}.rand-str-gen__form-label-number{justify-content:start}.rand-str-gen__form input[name=charLength],.rand-str-gen__form input[name=numOfStrings]{margin-left:.3rem;width:5rem}.rand-str-gen__accordion-icon{transition:height .2s linear,opacity .2s ease-in;overflow:hidden;position:relative;width:1.2rem;height:1.2rem;border:1px solid #000}.rand-str-gen__accordion-icon:before,.rand-str-gen__accordion-icon:after{content:"";display:inline-block;width:15px;height:1px;position:absolute;top:50%;left:14%;background-color:#000}.rand-str-gen__accordion-icon:after{transform:rotate(90deg);transition:transform .4s ease}.rand-str-gen__accordion-icon.open:after{transform:rotate(0)}.rand-str-gen__accordion-wrap{transition:height .2s linear,opacity .2s ease-in;overflow:hidden}.rand-str-gen__accordion-wrap.open{max-height:100%}.rand-str-gen__accordion-cont{padding:0 2rem}.rand-str-gen__accordion-cont label{display:block;margin-top:1rem;width:100%;cursor:pointer}.rand-str-gen__gen-btn{margin:1rem auto;cursor:pointer;font-size:1.2rem;background-color:#f9f9f9;width:10rem;border-radius:5rem;border:none;line-height:3rem;font-family:serif;display:block;font-weight:700;box-shadow:0 .2rem #a5a5a5;transition:.4s}.rand-str-gen__gen-btn:hover{transform:translateY(.2rem);box-shadow:0 0 #a5a5a5}.rand-str-gen__gen-btn.clicked{background-color:#06ffea;animation:hop 1s ease-in-out forwards;cursor:no-drop}.rand-str-gen__gen-btn.disabled{cursor:no-drop;pointer-events:none;transform:translateY(.2rem);box-shadow:0 0 #a5a5a5}