.App{width:100vw;height:100vh;display:flex;flex-direction:column}table p{margin-bottom:0}.homeWrapper{width:100%;height:100%;align-items:center}.contentWrapper,.homeWrapper{display:flex;flex-direction:column}.contentWrapper{position:relative}.btnWrapper{width:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.btnGrid{grid-template-columns:auto auto auto auto auto auto auto auto}.btnGrid,.labelGrid{width:-moz-fit-content;width:fit-content;display:grid;grid-gap:10px}.labelGrid{height:inherit;gap:10px}.bottomLabelGrid{margin:2% 0;width:380px;height:inherit;display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto;align-items:center;grid-gap:5px;gap:5px}.bottomCounter{width:30px;height:-moz-fit-content;height:fit-content;text-align:center;font-weight:700;padding:0;margin:0}.commandBtn{border-radius:5px;color:#fff;justify-content:center;font-size:16px}.commandBtn,.counter{width:30px;height:35px;display:flex;align-items:center;font-weight:700}.counter{justify-content:space-evenly;margin:0}.start{color:#fff;font-weight:700;padding:5px 20px;margin-bottom:20px;margin-top:10px;border-radius:5px}.clickable{cursor:pointer}.viewBtnWrapper{flex-direction:column;margin-bottom:10px}.viewBtns,.viewBtnWrapper{display:flex;grid-gap:5px;gap:5px}.viewBtns{align-items:center;justify-content:center}.viewBtn{width:-moz-fit-content;width:fit-content;background:green;border-radius:5px;padding:5px 10px;color:#fff;cursor:pointer}.viewBtnResult{display:flex;align-items:center;justify-content:space-evenly;grid-gap:10px;gap:10px}.makeMeBolder{font-weight:bolder}.makeMeDisable{background-color:#a1a1a1;cursor:none;color:#5f5b5b}.questionBtn{background-color:green;color:#fff;text-align:center;border-radius:5px;padding:5px 10px;cursor:pointer}.opponentBtn{background-color:#d815d8}.opponentBtn:after{content:"o";margin-top:15px;margin-right:5px;margin-left:-5px}.grid-container{display:grid;grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:5rem 1fr}header{grid-area:header;background-color:green;position:sticky;top:0}main{grid-area:main;width:100%;height:100%;padding-bottom:2rem}header a{color:#fff;padding:1rem}a.brand{color:#fff;font-size:3rem;font-weight:700}.badge{background-color:#f02020;color:#fff;border-radius:50%;padding:.2rem .7rem;font-size:1.4rem;margin-left:.2rem}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.row.center{justify-content:center}.row.top{align-items:flex-start}.row.start{justify-content:flex-start}.col-1{flex:1 1 25rem}.col-2{flex:2 1 50rem}.col-3{flex:32 1 75rem}.min-30{min-width:30rem}.p-1{padding:1rem}.dropdown{display:inline-block;position:relative}.dropdown-content{position:absolute;display:none;min-width:12rem;padding:1rem;z-index:1;background-color:green;margin:.4rem 0 0;border-radius:.5rem}.dropdown:hover .dropdown-content{display:block}html{font-size:62.5%;box-sizing:border-box}body{margin:0;width:100vw;overflow-x:hidden;height:100vh;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}h1{font-size:1.8rem}h1,h2{padding:1rem 0}h2{font-size:1.6rem}a{text-decoration:none}a:hover{color:#ff8000}ul{padding:0;margin:0;list-style-type:none}li{margin-top:1rem}button,input,select,textarea{padding:1rem;border-radius:.5rem;border:.1rem solid #a4a4a4;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background-color:#f8f8f8;cursor:pointer}button:hover,input:hover,select:hover,textarea:hover{border:.1rem solid #404040}button.primary{background-color:#f0c040}button.block{width:100%}button.small{font-size:1.2rem}i.fa{color:#5e1818}aside{position:fixed;width:30rem;height:100%;background-color:#efefef;z-index:1000;transform:translateX(-30rem);transition:all .5s}aside.open{transform:translateX(0)}button.open-sidebar{font-size:3rem;padding:.2rem .5rem;margin:0 .5rem;background:none;color:#fff;cursor:pointer}button.open-sidebar:hover{border-color:#fff}aside ul{padding:0;list-style:none}aside li{display:flex;justify-content:space-between;padding:1rem}button.close-sidebar{padding:.3rem .8rem}img{border-radius:.5rem}img.small{max-width:5rem;width:100%}img.medium{max-width:29rem;width:100%}img.large{width:100%}.card{border:.1rem solid silver;background-color:#f8f8f8;border-radius:.5rem;margin:1rem}.card-body{padding:1rem}.card-body>*{margin-bottom:.5rem}.price{font-size:2rem}.rating span{color:#f0c040;margin:.1rem}.rating span:last-child{color:#404040}.loading{display:block!important}.success{color:#20a020}.danger{color:#a02020}.alert{padding:1rem;border:.1rem solid transparent;border-radius:.5rem}.alert-info{color:#2020a0;background-color:#e0e0ff}.alert-danger{color:#a02020;background-color:#ffe0e0}.alert-success{color:#20a020;background-color:#eeffe0}.form{max-width:60rem;margin:0 auto}.form>div{display:flex;flex-direction:column;margin:1rem}.form label{margin:1rem 0}i{position:absolute;top:63%;right:3%}i:hover{color:#00fcb6;cursor:pointer}.pass-wrapper{position:relative;display:flex;margin-bottom:14px}.checkout-steps>div{border-top:.3rem solid silver;color:silver;flex:1 1;padding:1rem;font-weight:700}.checkout-steps>div.active{border-top-color:#f08000;color:#f08000}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border:.1rem solid #e4e4e4;padding:.5rem}.table button{margin:0 .2rem}.full-container{margin:-1rem;height:calc(100% + 2rem)}.map-input-box{box-sizing:border-box;position:absolute;left:0;right:0;margin:.5rem auto;width:25rem;height:4rem;display:flex}.map-input-box input{border-radius:1rem 0 0 1rem;border-right:0}.map-input-box button{border-radius:0 1rem 1rem 0;border-left:0}.pagination a{padding:1rem;margin:.5rem;border-radius:.5rem;border:.1rem solid #a4a4a4;font-size:1.6rem;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pagination a.active{font-weight:700}.chatbox{color:#000;position:fixed;right:1rem;bottom:1rem}.chatbox ul{overflow:scroll;max-height:20rem}.chatbox li{margin-bottom:1rem}.chatbox input{width:calc(100% - 9rem)}.support-users{background:#f0f0f0;height:100%}.support-users li{background-color:#f8f8f8}.support-users button{background-color:initial;border:none;text-align:left}.support-users li{margin:0;border-bottom:.1rem solid silver}.support-users li,.support-users li:hover{background-color:#f0f0f0}.support-users li.selected{background-color:silver}.support-messages{padding:1rem}.support-messages input{width:calc(100% - 9rem)}.support-messages ul{height:calc(100vh - 18rem);max-height:calc(100vh - 18rem);overflow:scroll}.support-messages li{margin-bottom:1rem}.support-users span{width:2rem;height:2rem;border-radius:50%;position:absolute;margin-left:-25px;margin-top:10px}.support-users .offline{background-color:grey}.support-users .online{background-color:#20a020}.support-users .unread{background-color:#f02020}.WaitingLobby_container__3e8jG{height:100%;display:flex;justify-content:center;align-items:center}.WaitingLobby_green__1_HL6{background:green}.WaitingLobby_green__1_HL6,.WaitingLobby_red__2pa8W{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;outline:none;cursor:pointer;transition:all .3s}.WaitingLobby_red__2pa8W{background:red}.WaitingLobby_blue__vwjWE{border:none;border-radius:20px;color:#e6e6e3;background:#00f}.WaitingLobby_blue__vwjWE,.WaitingLobby_white__3sbe3{padding:10px 20px;margin:10px;font-weight:700;outline:none;cursor:pointer;transition:all .3s}.WaitingLobby_white__3sbe3{border-radius:20px;color:grey;background:#fff;border:1px solid grey}.WaitingLobby_button__1QYnp:hover{color:green;background:#e6e6e3}.WaitingLobby_form_group__H9Lzi{margin-bottom:10px}.WaitingLobby_form_group__H9Lzi input{display:block;width:100%;padding:10px 15px;border:none;outline:none;border-radius:20px;box-sizing:border-box}.WaitingLobby_form_group__H9Lzi small{color:green;display:block;text-align:left;padding:0 15px}#WaitingLobby_or__21Hpl{position:relative;width:300px;height:50px;line-height:50px;text-align:center}#WaitingLobby_or__21Hpl:after,#WaitingLobby_or__21Hpl:before{position:absolute;width:130px;height:1px;top:24px;background-color:#aaa;content:""}#WaitingLobby_or__21Hpl:before{left:0}#WaitingLobby_or__21Hpl:after{right:0}.CreateGame_container__2xhX4{text-align:center}.CreateGame_green__kLGMd{background:green}.CreateGame_green__kLGMd,.CreateGame_red__1BEao{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;outline:none;cursor:pointer;transition:all .3s}.CreateGame_red__1BEao{background:red}.CreateGame_blue__1WRLc{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;background:#00f;outline:none;cursor:pointer;transition:all .3s}.CreateGame_button__29PVJ:hover{color:green;background:#e6e6e3}.CreateGame_form_group__1HKR0{margin-bottom:10px}.CreateGame_form_group__1HKR0 input{display:block;width:100%;padding:10px 15px;border:none;outline:none;border-radius:20px;box-sizing:border-box}.CreateGame_form_group__1HKR0 small{color:green;display:block;text-align:left;padding:0 15px}#CreateGame_or__3e64Y{position:relative;width:300px;height:50px;line-height:50px;text-align:center}#CreateGame_or__3e64Y:after,#CreateGame_or__3e64Y:before{position:absolute;width:130px;height:1px;top:24px;background-color:#aaa;content:""}#CreateGame_or__3e64Y:before{left:0}#CreateGame_or__3e64Y:after{right:0}.HomeScreen_container__YYPM9{display:flex;justify-content:center;align-items:center}.JoinScreen_container__1r-9q{text-align:center}.JoinScreen_green__lnxJZ{background:green}.JoinScreen_green__lnxJZ,.JoinScreen_red__iBiuv{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;outline:none;cursor:pointer;transition:all .3s}.JoinScreen_red__iBiuv{background:red}.JoinScreen_blue__2y0a8{background:#00f}.JoinScreen_blue__2y0a8,.JoinScreen_orange__1EskL{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;outline:none;cursor:pointer;transition:all .3s}.JoinScreen_orange__1EskL{background:orange}.JoinScreen_white__2B06X{padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:grey;background:#fff;outline:none;cursor:pointer;transition:all .3s;border:1px solid grey}.JoinScreen_button__1nBeJ:hover{color:green;background:#e6e6e3}.JoinScreen_form_group__2MstC{margin-bottom:10px}.JoinScreen_form_group__2MstC input{display:block;width:100%;padding:10px 15px;border:none;outline:none;border-radius:20px;box-sizing:border-box}.JoinScreen_form_group__2MstC small{color:green;display:block;text-align:left;padding:0 15px}#JoinScreen_or__RJNpB{position:relative;width:300px;height:50px;line-height:50px;text-align:center}#JoinScreen_or__RJNpB:after,#JoinScreen_or__RJNpB:before{position:absolute;width:130px;height:1px;top:24px;background-color:#aaa;content:""}#JoinScreen_or__RJNpB:before{left:0}#JoinScreen_or__RJNpB:after{right:0}.LobbyOthers_container__KrUNz{height:100%;display:flex;justify-content:center;align-items:center}.LobbyOthers_green__2pggk{background:green}.LobbyOthers_green__2pggk,.LobbyOthers_red__1CxSR{border:none;padding:10px 20px;margin:10px;border-radius:20px;font-weight:700;color:#e6e6e3;outline:none;cursor:pointer;transition:all .3s}.LobbyOthers_red__1CxSR{background:red}.LobbyOthers_blue__1JWb-{border:none;border-radius:20px;color:#e6e6e3;background:#00f}.LobbyOthers_blue__1JWb-,.LobbyOthers_white__U8d6I{padding:10px 20px;margin:10px;font-weight:700;outline:none;cursor:pointer;transition:all .3s}.LobbyOthers_white__U8d6I{border-radius:20px;color:grey;background:#fff;border:1px solid grey}.LobbyOthers_button__17pzw:hover{color:green;background:#e6e6e3}.LobbyOthers_form_group__4mCEQ{margin-bottom:10px}.LobbyOthers_form_group__4mCEQ input{display:block;width:100%;padding:10px 15px;border:none;outline:none;border-radius:20px;box-sizing:border-box}.LobbyOthers_form_group__4mCEQ small{color:green;display:block;text-align:left;padding:0 15px}#LobbyOthers_or__3BBrL{position:relative;width:300px;height:50px;line-height:50px;text-align:center}#LobbyOthers_or__3BBrL:after,#LobbyOthers_or__3BBrL:before{position:absolute;width:130px;height:1px;top:24px;background-color:#aaa;content:""}#LobbyOthers_or__3BBrL:before{left:0}#LobbyOthers_or__3BBrL:after{right:0}