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}@font-face{font-family:karnakpro-condensed;font-style:normal;font-weight:400;src:url(/static/media/karnakpro-condensedblack-webfont.48d610efa16976a4b153.woff) format("woff")}:root{--background:#fff;--text:#000;--borders:#d3d3d3;--gray:#787c7e}[data-darktheme=true]{--background:#000;--text:#fff;--borders:grey;--gray:#434548}.App{align-items:center;background-color:#fff;background-color:var(--background);display:flex;flex-direction:column;gap:5px;height:100vh;width:100vw}header{border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--borders);color:#000;color:var(--text);position:relative;width:100%}header,header div{display:flex;justify-content:center}header div{align-items:center;gap:5px}h1{font-family:karnakpro-condensed,serif;font-size:40px;font-weight:400;margin:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}header span{font-weight:700;padding-top:10px;text-transform:uppercase}.switch-container{position:absolute;right:10px;top:15px}.switch-container span{color:#9a9a9a;padding:0}.switch{display:inline-block;height:21px;position:relative;width:30px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:15px;left:3px;width:15px}input:checked+.slider{background-color:#6baa64}input:focus+.slider{box-shadow:0 0 1px #6baa64}input:checked+.slider:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.Board{grid-gap:5px;grid-template-rows:repeat(6,60px)}.Board,.board-row{display:grid;gap:5px}.board-row{grid-gap:5px;grid-template-columns:repeat(5,55px)}.inputs{align-items:center;border:1px solid #d3d3d3;border:1px solid var(--borders);color:#000;color:var(--text);display:flex;font-size:32px;font-weight:700;justify-content:center;text-transform:uppercase}.filled{-webkit-animation:fill .1s;animation:fill .1s;border:2px solid #a9a9a9}.Keyboard{align-items:center;flex-direction:column;margin-top:10px}.Keyboard,.key-rows{display:flex;gap:5px}.keys{align-items:center;background-color:#d3d3d3;background-color:var(--borders);color:#000;color:var(--text);cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:10px;padding:20px 15px;text-transform:uppercase}.keys,.message{border-radius:3px;font-weight:700}.message{background-color:#000;background-color:var(--text);color:#fff;color:var(--background);margin:10px;min-height:20px;opacity:0;padding:15px;transition:opacity .2s ease-out}.message.show{opacity:1}.board-row.shake{-webkit-animation:shake .3s;animation:shake .3s}.popup-container{background-color:hsla(0,0%,100%,.527);display:flex;height:100vh;position:fixed;width:100vw;z-index:1}.popup{align-items:center;background-color:#fff;background-color:var(--background);border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#000;color:var(--text);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;left:50%;max-width:90vw;padding:10px 20px 30px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}#close,.popup{position:absolute}#close{cursor:pointer;font-weight:700;right:10px;top:10px}.popup h3{margin:20px 0 10px;text-transform:uppercase}button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:20px}button:hover{box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08)}.statSummary{display:flex;gap:10px}.statBox{align-items:center;display:flex;flex-direction:column;max-width:50px;text-align:center}.statValue{font-size:30px;font-weight:700}.statLabel{font-size:12px}.distribution{align-items:flex-start;display:flex;flex-direction:column;font-size:14px;gap:5px;width:70%}.chart{display:grid;grid-template-columns:20px 1fr}.chart span{padding:2px 5px}.bar{font-weight:700;min-width:10px;text-align:right}.bar,.gray{background-color:#787c7e;color:#fff}.gray{background-color:var(--gray);border-color:#787c7e;border-color:var(--gray)}.yellow{background-color:#c8b458;border-color:#c8b458;color:#fff}.green{background-color:#6baa64;border-color:#6baa64;color:#fff}@-webkit-keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-4px);transform:translate(-4px)}40%{-webkit-transform:translate(4px);transform:translate(4px)}60%{-webkit-transform:translate(-4px);transform:translate(-4px)}80%{-webkit-transform:translate(4px);transform:translate(4px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-4px);transform:translate(-4px)}40%{-webkit-transform:translate(4px);transform:translate(4px)}60%{-webkit-transform:translate(-4px);transform:translate(-4px)}80%{-webkit-transform:translate(4px);transform:translate(4px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fill{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fill{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:767px){.keys{padding:15px 10px}.message{position:absolute;top:50px}header{margin-bottom:20px}}
/*# sourceMappingURL=main.13b6eb34.css.map*/