@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0}.slide-in-left-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-in-left-enter-active{transition:all .2s}.slide-in-left-enter-active,.slide-in-left-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide-in-left-exit-active{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .2s}.center{align-items:center;display:flex;justify-content:center;text-align:center}body,html{background-color:#1c1c1c;overflow-x:hidden}main{height:100vh;top:0;width:100vw}.FrontPage_welcome__gQsOB{color:#eee;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:800px;padding:30px;text-align:left}.FrontPage_welcome__gQsOB a{color:#ffde5a}.FrontPage_welcome__gQsOB li a{color:#ffde5a;font-size:20px;text-decoration:none}.FrontPage_welcome__gQsOB a:hover{color:#fff6d1}.FrontPage_welcome__gQsOB h1{font-size:28px;margin-bottom:0;text-align:center}.FrontPage_welcome__gQsOB p{color:#aaa;font:size 17px;margin-top:20px}.FrontPage_list__o-pCd{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:80px;max-width:300px}.FrontPage_welcome__gQsOB ul{color:#eee;display:inline-block;font-size:19px;margin:0;padding:0}.FrontPage_welcome__gQsOB li span{color:#ffd754;font-weight:700}.FrontPage_buttonWrapper__jSMtE{display:flex;height:100px;margin-top:50px}.FrontPage_buttonWrapper__jSMtE button{background-color:#e4e4e4;border:none;border-radius:5px;color:#000;cursor:pointer;display:block;font:inherit;font-size:20px;font-weight:700;margin:auto;outline:inherit;padding:6px 12px;transition:all .2s}.FrontPage_buttonWrapper__jSMtE button:hover{background:#fff;box-sizing:content-box;color:#000}.Room_mouseArea__nXe6p{background-color:rgba(100,0,100,0);height:100%;pointer-events:none;position:absolute;top:0;width:100%}.Room_mouseArea__nXe6p div{background-color:red;height:10px;position:absolute;width:10px}.Room_cardWrapper__rR4Kr{height:100%;position:absolute;top:0;width:100vw;z-index:500}.Room_panel__dcWt5{background-color:rgba(0,0,0,.6);border-radius:6px;color:#fff;left:10px;max-width:200px;min-width:140px;padding:5px 10px;pointer-events:none;position:absolute;top:40px;z-index:500}.Room_panel__dcWt5 h1{font-size:14px}.Room_panel__dcWt5 ul{font-size:12px;list-style-type:none;margin-bottom:20px;padding-left:0}.Room_panel__dcWt5 li{-webkit-backdrop-filter:brightness(40%);backdrop-filter:brightness(40%);border-radius:5px;margin-bottom:4px;padding:3px 8px}.Room_resetButton__rdSOt{margin-bottom:10px;margin-top:20px;pointer-events:all}.colors_c0__mvfcR{background-color:#87aeb4}.colors_c1__8PXTQ{background-color:#f2be54}.colors_c2__as8W5{background-color:#5eff00}.colors_c3__8V02Z{background-color:#ffd900}.colors_c4__DuS78{background-color:#ff00f2}.colors_c5__JV4AV{background-color:#f02}.colors_c6__3W67T{background-color:#00c3ff}.colors_c7__m7m5x{background-color:#0fa}.colors_piece-w__STd3v{background-color:#87aeb4}.colors_piece-b__bVP4o{background-color:#f2be54}.colors_piece-b__bVP4o:hover,.colors_piece-w__STd3v:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.backdrop{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background:#000;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.26);left:10%;position:fixed;top:22vh;width:80%;z-index:100}.modal__header{background:#000;color:#fff;padding:1rem .5rem;width:100%}.modal__header h2{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}@media (min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{opacity:0;-webkit-transform:translateY(-10rem);transform:translateY(-10rem)}.modal-enter-active{transition:all .2s}.modal-enter-active,.modal-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.modal-exit-active{opacity:0;-webkit-transform:translateY(-10rem);transform:translateY(-10rem);transition:all .2s}.button{background:#2c2c2c;border:1px solid #060061;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font:inherit;margin-right:1rem;padding:.5rem 1.5rem;text-decoration:none}.button:focus{outline:none}.button:active,.button:hover{background:#4d4d4d}.button--inverse{background:transparent;color:#f05}.button--inverse:active,.button--inverse:hover{background:#f05;color:#fff}.button--danger{background:#830000;border-color:#830000}.button--danger:active,.button--danger:hover{background:#f34343;border-color:#f34343}.button:active:disabled,.button:disabled,.button:hover:disabled{background:#ccc;border-color:#ccc;color:#979797;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.card{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.26);margin:0;overflow:hidden;padding:1rem;position:relative}.form-control{margin:1rem 0}.form-control input,.form-control label,.form-control textarea{display:block}.form-control label{font-weight:700;margin-bottom:.5rem}.form-control input,.form-control textarea{background:#f8f8f8;border:1px solid #ccc;font:inherit;padding:.15rem .25rem;width:100%}.form-control input:focus,.form-control textarea:focus{background:#ebebeb;border-color:#454545;outline:none}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input,.form-control--invalid textarea{background:#ffd1d1;border-color:red}.lds-dual-ring{display:inline-block;height:64px;width:64px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}.loading-spinner__overlay{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Board_Board__spsz8{background-color:#153e5c;cursor:none;height:750px;overflow:hidden;position:relative;top:0;-webkit-transform-origin:top left;transform-origin:top left;width:1000px}.Board_bg__4gcyr{height:750px;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:1000px}.Board_piece__XQCtT{border:2px solid rgba(0,0,0,.2);border-radius:50%;color:#000;font-size:20px;height:54px;line-height:54px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:54px}.Board_mouse__89IHl,.Board_piece__XQCtT{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Board_mouse__89IHl{border:1px solid #fff;border-radius:50%;-webkit-filter:brightness(80%);filter:brightness(80%);height:14px;pointer-events:none;width:14px;z-index:200}.Board_dice__-6Opy{background-color:#fff;border-radius:6px;font-size:20px;font-weight:700;height:40px;left:200;line-height:40px;position:absolute;right:200;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:40px}.authentication__header{color:#fff;text-align:center}.authentication{left:50%;max-width:25rem;position:absolute;text-align:center;top:15%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90%}.authentication h2{font-size:20px}.authentication form{margin-bottom:1rem}.Welcome_welcome__cCwX2{color:#eee;margin-left:auto;margin-right:auto;max-width:800px;padding:30px;text-align:left}.Welcome_welcome__cCwX2 h1{font-size:28px;margin-bottom:30px;margin-top:10px;text-align:center}.Welcome_welcome__cCwX2 p{color:#aaa;font:size 17px;margin-top:20px}.Welcome_welcome__cCwX2 ul{color:#eee;font-size:17px;margin:0;padding:0}.Welcome_welcome__cCwX2 li{margin-bottom:20px;padding-left:0}.Welcome_welcome__cCwX2 li span{color:#ffd754;font-weight:700}.Welcome_buttonWrapper__VQIXD{display:flex;height:100px;margin-top:20px}.Welcome_buttonWrapper__VQIXD button{background-color:#101010;border:3px solid #ffd754;border-radius:8px;color:#ffd754;cursor:pointer;display:block;font:inherit;font-size:20px;font-weight:700;margin:auto;outline:inherit;padding:8px 14px;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Welcome_buttonWrapper__VQIXD button:hover{background:#ffd754;box-sizing:content-box;color:#000}