@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@use "sass:color";:root{--red:0;--green:0;--blue:0}.quoteBlock{margin-left:-30px;display:flex;align-items:center;padding:8px 20px}.quoteBlock.input .box:disabled{background:#d48c8c}.quoteBlock.input .box :focus,.quoteBlock.input .box:hover{background:#000;color:#fff}.quoteBlock .bonus_quote{flex-shrink:0;display:flex;align-items:center}.quoteBlock .bonus_quote .bonus{transform:scaleX(-1);font-size:30px}.quoteBlock .bonus_quote .bonus.hidden{visibility:hidden}.quoteBlock .bonus_quote .bonus svg{width:auto!important}.quoteBlock .bonus_quote .box{margin:0;font-size:18px;text-transform:none;padding:10px;height:0%;min-width:100%;--red:0;--green:0;--blue:0;border:3px solid #000;border:3px solid rgb(var(--red),var(--green),var(--blue))}.quoteBlock .bonus_quote .box.correct{--threshold:0.5;--border-threshold:0.8;background:#000!important;background:rgb(var(--red),var(--green),var(--blue))!important;--r:calc(var(--red)*0.2126);--g:calc(var(--green)*0.7152);--b:calc(var(--blue)*0.0722);--sum:calc(var(--r) + var(--g) + var(--b));--perceived-lightness:calc(var(--sum)/255);color:hsl(0,0%,calc((var(--perceived-lightness) - var(--threshold))*-10000000%))!important;--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*100)!important;border-width:.2em;border-style:solid;border-color:rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))!important}.quoteBlock .bonus_quote .box .quote{font-size:20px;text-align:center}.quoteBlock .bonus_quote .box .quote .origin{font-style:italic}.quoteBlock .bonus_quote .box .quote .player{display:flex;justify-content:center;font-style:italic;padding-left:25px}.quoteBlock .bonus_quote .box .quote .player .judge{width:20px!important;margin:2px 6px}.quoteBlock .bonus_quote .box .quote .player .judge svg{margin:auto}@media only screen and (max-width:800px){.quoteBlock{display:flex;flex-direction:column;justify-content:center}.quoteBlock .votes{flex-direction:row!important;justify-content:center;align-items:center;width:100%;margin-left:30px!important}.quoteBlock .votes .vote{max-width:100px;margin:4px!important}}.quoteBlock .votes{margin:0 5px 0 35px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width:800px){.quoteBlock .votes{max-width:100px}}.quoteBlock .votes .vote{--threshold:0.5;--border-threshold:0.8;background:#000!important;background:rgb(var(--red),var(--green),var(--blue))!important;--r:calc(var(--red)*0.2126);--g:calc(var(--green)*0.7152);--b:calc(var(--blue)*0.0722);--sum:calc(var(--r) + var(--g) + var(--b));--perceived-lightness:calc(var(--sum)/255);color:hsl(0,0%,calc((var(--perceived-lightness) - var(--threshold))*-10000000%))!important;--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*100)!important;border-width:.2em;border-style:solid;border-color:rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))!important;font-weight:600;padding:4px 5px;border-radius:10px;font-family:"Roboto",sans-serif;text-align:center;position:relative;margin:1px 1px 1px 10px}@media only screen and (min-width:800px){.quoteBlock .votes .vote:after{--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*-100);border-right:8px solid rgba(var(--red),var(--green),var(--blue),var(--border-alpha))}.quoteBlock .votes .vote:after,.quoteBlock .votes .vote:before{content:"";width:0;height:0;border-left:0 solid transparent;border-bottom:9px solid transparent;border-top:9px solid;border-color:transparent;position:absolute;left:-10px;top:0;bottom:0;margin:auto}.quoteBlock .votes .vote:before{border-right:8px solid rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))}}.scores{margin-top:20px}.scores .score{width:auto!important;min-width:150px;--threshold:0.5;--border-threshold:0.8;background:rgb(var(--red),var(--green),var(--blue))!important;--r:calc(var(--red)*0.2126);--g:calc(var(--green)*0.7152);--b:calc(var(--blue)*0.0722);--sum:calc(var(--r) + var(--g) + var(--b));--perceived-lightness:calc(var(--sum)/255);color:hsl(0,0%,calc((var(--perceived-lightness) - var(--threshold))*-10000000%))!important;--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*100)!important;border-width:.2em;border-style:solid;border-color:rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))!important;font-weight:600;text-align:center;margin:0 0 8px;padding:2px 5px;border-radius:5px;font-family:"Roboto",sans-serif;font-size:18px}.scores .score .judge{display:flex;align-items:center;justify-content:center;float:right;height:100%;font-size:20px;visibility:hidden;width:20px!important}.scores .score .judge svg{margin:auto}.wordsmyth_input label{font-size:14px}.wordsmyth_input input{border:2px solid #000;margin:5px 0;padding:3px;font-size:18px;width:100%}.wordsmyth_input .error{color:red}#writing{display:flex;flex-direction:column;justify-content:center;align-items:center}#writing #beginning{font-size:20px;padding:10px}#writing button{margin-top:20px}.wordsmyth_timer{width:100%;height:14px;padding:3px;margin:3px 0;background:rgba(0,0,0,.4);border-radius:10px;overflow:hidden}.wordsmyth_timer .timer{border-radius:10px;transition:1s linear;height:100%;background:#fff}#game{max-width:600px;height:100%;margin:auto;display:flex;flex-direction:column;transition:.5s;align-items:center;justify-content:space-between}#game,#game *{width:100%}#game #header{border-radius:5px;padding:3px 10px;margin-bottom:20px;--threshold:0.5;--border-threshold:0.8;background:rgb(var(--red),var(--green),var(--blue))!important;--r:calc(var(--red)*0.2126);--g:calc(var(--green)*0.7152);--b:calc(var(--blue)*0.0722);--sum:calc(var(--r) + var(--g) + var(--b));--perceived-lightness:calc(var(--sum)/255);color:hsl(0,0%,calc((var(--perceived-lightness) - var(--threshold))*-10000000%))!important;--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*100)!important;border-width:.2em;border-style:solid;border-color:rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))!important}#game #header #top{display:flex}#game #header #top #title{font-size:200%;justify-content:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#game #header #top #timer{font-size:200%;align-self:center;text-align:center}#game #header #top #info{width:auto!important;align-self:flex-end;text-align:right}#game #header #top #info #username{display:flex;flex-direction:row-reverse;font-size:100%}#game #header #top #info #username .judge{align-items:center;justify-content:center;width:20px!important;margin:2px 4px}#game #header #top #info #username .judge svg{margin:auto}#game #header #top #info #gameid{font-size:200%}@media (max-width:350px){#game #header #top{flex-direction:column;align-items:center}#game #header #top #title{text-align:center}#game #header #top #info{align-self:center;text-align:center}#game #header #top #info #username{justify-content:center}}#game #helperText{padding:20px;font-size:22px}#game #helperText,#game #waiting{flex-direction:column;justify-content:center;align-items:center;text-align:center}#game #waiting{padding:20px 20px 0;display:flex;font-size:20px}#game #waiting button{margin-top:20px}#game #bottom{display:flex;flex-direction:column;align-items:center}#game #bottom #leave_game{max-width:100px;margin:3px;padding:5px 10px;font-size:12px}#game #winner{display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px}#game #winner .player{--threshold:0.5;--border-threshold:0.8;background:rgb(var(--red),var(--green),var(--blue))!important;--r:calc(var(--red)*0.2126);--g:calc(var(--green)*0.7152);--b:calc(var(--blue)*0.0722);--sum:calc(var(--r) + var(--g) + var(--b));--perceived-lightness:calc(var(--sum)/255);color:hsl(0,0%,calc((var(--perceived-lightness) - var(--threshold))*-10000000%))!important;--border-alpha:calc((var(--perceived-lightness) - var(--border-threshold))*100)!important;border-width:.2em;border-style:solid;border-color:rgba(calc(var(--red) - 50),calc(var(--green) - 50),calc(var(--blue) - 50),var(--border-alpha))!important;margin-right:5px;max-width:100px;font-weight:600;padding:4px 5px;border-radius:10px;font-family:"Roboto",sans-serif;text-align:center}#game #quoteorigin{font-size:25px;align-self:flex-start;margin-bottom:10px}#game #emptyquotes{font-size:25px;align-self:flex-start;text-align:center;margin:20px 0}#join{max-width:600px;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center}#join #info_title{font-size:30px!important}#join .close_button{position:absolute;right:25px;top:25px;color:grey}#join #title{font-size:60px;display:flex;align-items:center;justify-content:center;margin-bottom:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:350px){#join #title{font-size:16vw}}#join #title svg{margin-left:10px;transition:.5s;cursor:pointer}#join #title svg:hover{color:#e73754}#join .nav{display:flex;justify-content:center;flex-wrap:1;margin:0 20px 20px}#join .nav .navitem{padding:20px;font-size:25px;cursor:pointer}#join .nav .navitem.selected{background:#000;color:#fff}#join .nav .navitem:hover{text-decoration:underline}#join #form{display:flex;flex-direction:column;justify-content:space-between}#join #form *{box-sizing:border-box}#join #form .wordsmyth_input,#join #form button,#join #form input{width:100%}#join #form button{align-self:center;margin-top:15px}#join #form #params{display:flex}.App{overflow:scroll;padding:25px;height:100vh;font-family:"Roboto Condensed",sans-serif;box-sizing:border-box}.App,.App #home{align-items:center}.App #home{height:100%;display:flex;flex-direction:column;justify-content:center}.App button{font-family:"Roboto Condensed",sans-serif;border:2px solid #000;background:#fff;max-width:250px;margin:3px;padding:5px 10px;font-size:18px;cursor:pointer;text-transform:capitalize}.App button:hover{background:#000;color:#fff}.App button:disabled{cursor:default;background:#f8f8f8!important;color:#000!important}.App .spacer{padding:2px}.App *{box-sizing:border-box}
/*# sourceMappingURL=main.22791994.chunk.css.map */