*{margin:0;padding:0}body{font-family:sans-serif;color:#797979}.game_wrapper{display:flex;height:100vh}.game_wrapper .left_side{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:40px 0;border-right:3px solid #9b9b9b}.game_wrapper .right_side{flex:1 1;display:flex;flex-direction:column;padding:40px}.menu{display:flex;justify-content:space-evenly;width:100%}.menu input{border-radius:3px;border:1px solid #dfdfdf;background-color:#ececec;padding:0 10px;color:#797979;font-family:inherit;font-size:inherit;outline:none}.menu input::-webkit-input-placeholder{color:#9b9b9b}.menu input:-ms-input-placeholder{color:#9b9b9b}.menu input::-ms-input-placeholder{color:#9b9b9b}.menu input::placeholder{color:#9b9b9b}.menu button{background-color:#6b6b6b;color:#fff;border:none;border-radius:3px;display:flex;width:150px;justify-content:center;font-size:inherit;cursor:pointer}.menu button:disabled{color:#9b9b9b}.game_select{position:relative}.game_select .current{background-color:#dfdfdf;display:inline-flex;cursor:pointer}.game_select .current,.game_select .game_options{padding:5px 10px;border-radius:3px;width:150px;justify-content:center}.game_select .game_options{display:none;position:absolute;left:0;top:30px;background-color:#fff;flex-direction:column}.game_select .game_options div{cursor:pointer;padding:5px 0}.game_select.open .game_options{display:inline-flex}.message{height:50px;display:flex;align-items:center}.game_fields{display:flex;flex-wrap:wrap;justify-content:center}.break{flex-basis:100%;height:0}.field{width:30px;height:30px;border:1px solid #dfdfdf}.field.free{background-color:#fff}.field.active{background-color:#7fb0e9}.field.human{background-color:#b0eb79}.field.comp{background-color:#ff7979}.winner_wrapper .winner_head{font-size:24px;margin-bottom:20px}.winner_wrapper .winners{font-size:20px}.winner_wrapper .winners div{display:flex;justify-content:space-between;background-color:#dfdfdf;padding:10px;margin-bottom:5px;max-width:400px}.loader{font-size:3px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load5 1.1s ease infinite;animation:load5 1.1s ease infinite;transform:translateZ(0)}@-webkit-keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #3e7e7c,1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.5),-1.8em -1.8em 0 0 rgba(62,126,124,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.7),1.8em -1.8em 0 0 #3e7e7c,2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.5),1.8em -1.8em 0 0 rgba(62,126,124,.7),2.5em 0 0 0 #3e7e7c,1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.5),2.5em 0 0 0 rgba(62,126,124,.7),1.75em 1.75em 0 0 #3e7e7c,0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.5),1.75em 1.75em 0 0 rgba(62,126,124,.7),0 2.5em 0 0 #3e7e7c,-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.5),0 2.5em 0 0 rgba(62,126,124,.7),-1.8em 1.8em 0 0 #3e7e7c,-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.5),-1.8em 1.8em 0 0 rgba(62,126,124,.7),-2.6em 0 0 0 #3e7e7c,-1.8em -1.8em 0 0 rgba(62,126,124,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.5),-2.6em 0 0 0 rgba(62,126,124,.7),-1.8em -1.8em 0 0 #3e7e7c}}@keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #3e7e7c,1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.5),-1.8em -1.8em 0 0 rgba(62,126,124,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.7),1.8em -1.8em 0 0 #3e7e7c,2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.5),1.8em -1.8em 0 0 rgba(62,126,124,.7),2.5em 0 0 0 #3e7e7c,1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.5),2.5em 0 0 0 rgba(62,126,124,.7),1.75em 1.75em 0 0 #3e7e7c,0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.5),1.75em 1.75em 0 0 rgba(62,126,124,.7),0 2.5em 0 0 #3e7e7c,-1.8em 1.8em 0 0 rgba(62,126,124,.2),-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.5),0 2.5em 0 0 rgba(62,126,124,.7),-1.8em 1.8em 0 0 #3e7e7c,-2.6em 0 0 0 rgba(62,126,124,.2),-1.8em -1.8em 0 0 rgba(62,126,124,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.5),-1.8em 1.8em 0 0 rgba(62,126,124,.7),-2.6em 0 0 0 #3e7e7c,-1.8em -1.8em 0 0 rgba(62,126,124,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(62,126,124,.2),1.8em -1.8em 0 0 rgba(62,126,124,.2),2.5em 0 0 0 rgba(62,126,124,.2),1.75em 1.75em 0 0 rgba(62,126,124,.2),0 2.5em 0 0 rgba(62,126,124,.2),-1.8em 1.8em 0 0 rgba(62,126,124,.5),-2.6em 0 0 0 rgba(62,126,124,.7),-1.8em -1.8em 0 0 #3e7e7c}}
/*# sourceMappingURL=main.a3df9fb7.chunk.css.map */