#root,body,html{background-color:#292929;height:100%;margin:0;overflow:hidden;padding:0;width:100%}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;font-weight:700;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#008cff,#06f);border:3px solid #292929;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#008cff}::-webkit-scrollbar-corner{display:none}@media screen and (max-height:880px){.ReplayDock{margin-top:0!important;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}}@media screen and (max-width:700px){.ProfileDiv{-webkit-transform:translate(-50%,-20%) scale(.8)!important;transform:translate(-50%,-12%) scale(.8)!important}}@media screen and (max-width:464px){.ProfileDiv{-webkit-transform:translate(-50%,-12%) scale(.65)!important;transform:translate(-50%,-12%) scale(.65)!important}}@media screen and (max-width:420px){.HomeDiv{-webkit-transform:translate(-50%) scale(.9)!important;transform:translate(-50%) scale(.9)!important}.Lobby.actual{-webkit-transform:scale(.95);transform:scale(.95)}}@media screen and (max-width:380px){.HomeDiv{-webkit-transform:translate(-50%) scale(.85)!important;transform:translate(-50%) scale(.85)!important}.Lobby.actual{-webkit-transform:scale(.85);transform:scale(.85)}}@media (max-height:885px),screen and (max-width:920px){.GameReplayContainer>.GameDiv{-webkit-transform:translate(0) scale(.8)!important;transform:translate(0) scale(.8)!important}.GameDiv{-webkit-transform:translate(-50%) scale(.8)!important;transform:translate(-50%) scale(.8)!important}.GameBoard>.Grid>.GridRow>.GridSpace{border-color:#3f3f3f!important;border-width:1px!important}}@media screen and (max-width:525px){.GameReplayContainer>.GameDiv{-webkit-transform:translate(0) scale(.55)!important;transform:translate(0) scale(.55)!important}.GameDiv{-webkit-transform:translate(-50%) scale(.55)!important;transform:translate(-50%) scale(.55)!important}}@media screen and (max-width:450px) and (max-height:700px){.GameReplayContainer>.GameDiv{-webkit-transform:translate(0) scale(.55)!important;transform:translate(0) scale(.55)!important}.GameDiv{-webkit-transform:translate(-50%,-15%) scale(.55)!important;transform:translate(-50%,-15%) scale(.55)!important}}@media screen and (max-width:900px){.HomeDiv{flex-direction:column-reverse!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;left:50%;min-width:none!important;top:50px!important;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.HomeDiv>.HomeRight{margin-bottom:10px!important}.HomeDiv>div{margin:0!important}.CreateLobbyDiv{margin-top:10px!important}}.App{background-color:#292929;height:100%;text-align:center}.PlayingPiece{display:flex;flex-direction:column;margin:10px;position:relative}.PlayingPiece.selected{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.placedpiece.used{opacity:.5!important;pointer-events:none!important;-webkit-transform:scale(1);transform:scale(1)}.HandContainer{align-items:center;background-color:rgba(0,0,0,.3);border-radius:10px;display:flex;height:130px;justify-content:center;overflow:hidden;width:100%}.GameBoard,.HandContainer{margin-top:50px;position:relative}.Hand{box-sizing:border-box;height:100%;position:relative}.Hand,.Hand>.pieces{align-items:center;display:flex;flex-direction:row;width:100%}.Hand>.pieces,.Hand>.pieces>div{bottom:0;flex-wrap:wrap;height:100px;justify-content:center;left:0;opacity:1;overflow-y:scroll;position:absolute;transition:all .25s ease-in}.Hand>.pieces>div{align-items:center;display:flex;display:none;flex-direction:row;width:100%}.Hand>.pieces>.shown{display:flex}.Hand>.pieces>div::-webkit-scrollbar,.pieces::-webkit-scrollbar{display:none}.Hand>.pieces>div>.handpiece>.PlayingPiece>.blocks>.row>*{height:10px;width:10px}.Hand>.pieces>div>.handpiece>.PlayingPiece>.blocks>.row>*>*{height:5px;width:5px}.Hand>.pieces>div>.placedpiece>.PlayingPiece>.row>*{height:10px!important;width:10px!important}.Hand>.pieces>div>.placedpiece>.PlayingPiece>.row>*>*{height:5px!important;width:5px!important}.Hand>.pieces>div>.placedpiece>.PlayingPiece.selected{opacity:1;position:relative;-webkit-transform:none;transform:none}.Hand>.pieces>div>.placedpiece{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;margin:2px;min-width:40px;padding-left:5px;padding-right:5px;transition:all .25s ease-in}.Hand>.pieces>.ownhand>.placedpiece{pointer-events:all}.Hand>.pieces>div>.placedpiece{pointer-events:none}.ownhand>.placedpiece:hover{background-color:rgba(0,0,0,.3)}.ownhand>.placedpiece.selected{background-color:rgba(0,0,0,.4)}.pieces>div>.placedpiece>.PlayingPiece{margin:0}.row{flex-direction:row;margin-top:-2px}.Block,.row{display:flex}.Block{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.151);border-radius:2px;cursor:pointer;height:30px;justify-content:center;margin-left:-2px;opacity:.85;transition:all .25s ease-in;width:30px}.Block>div{background-color:#000;border:1px solid #fff;border-radius:5px;height:18px;opacity:.15;width:18px}.EmptySpace{align-items:center;background-color:rgba(0,0,255,0);border:1px solid transparent;display:flex;height:30px;justify-content:center;margin-left:-2px;width:30px}.Grid{background-color:#000;border:5px solid #000;border-radius:5px;display:flex;flex-direction:column;position:relative;z-index:1000}.GridRow{display:flex;flex-direction:row}.GridSpace{background-color:#505050;border:1px solid rgba(0,0,0,.151);border-radius:2px;box-sizing:border-box;height:32px;justify-content:center;width:32px}.GameDiv,.GridSpace{align-items:center;display:flex}.GameDiv{background-repeat:repeat;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.SelectionControl{align-items:center;display:flex;flex-direction:row;left:50%;opacity:0;pointer-events:none;position:absolute;top:100%;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px);transition:all .25s ease-in;z-index:1000}.SelectionControl.show{opacity:1;pointer-events:all}.SelectionControl>button{background-color:#414141;border-width:0;cursor:pointer;transition:all .25s ease-in}.SelectionControl>button:hover{opacity:.9;-webkit-transform:scale(1.05);transform:scale(1.05)}.SelectionControl>.flip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAADdUlEQVR4nO2cO47UQBCGq5F20ZIgEAGIExCRL+eACEgQSARwDR7SEiMiXhH3gJgIbjAkzBLBhj/BjIUp2W27u6pfri+0u901pV/9aeSZJjIMwzAMwzAMwzDmAeAAwCsAWwAbAM8BHHrGnwfwYj/2J4ATAAcpa66SfaM4zzzjXw6MP0lZc3UAuAjg90DjfnjmbAbG/wFwKWXtU5zLXQDjPhFdGLh+1TPn2sC1IyK6K1JRiwD4OpBOAIBnzhjfUtZeDQCOPU0LaTQAHKf8DD5K2joeVfLMIFzuAoh2EiSiDQ3vz0RE5JwbrNWXdiI6I6LrzrlfcRXGU0qixyQYi0mxj0+CkXu0SbFjSoICjQYKkGIJW0cKYWWXYlYZYoYEOwJl2JFdirkTrSVBzrqliBkSFNqjgbVKETMlKNhoIKMUc24dOQSVTYpZZIgFEuyIlGFHNinmSvSYBM+U1z0ionvKa5QDxiX4VnmPBtYiRfglOHrP87wQkksxx9YxJqTvzrkvmWtoA4y/EwSAJ/sxKRKd/J1i6kT7JPgxYR1tf1OER4K9MSkSDbQqRUxIsDcuVaP/W1eblFtHCRLktCVFzJBgb2zKRCeTYqpElyJBTltSxAwJ9samTDTQihQxU4K98akbPViHNCm2jhIlyKlbilggwd6cHIlWl6J2okuVIEdditqNfjBy/VMJP9NiPM5dQBBYKMHevBxbx2RdsWgmugYJcuqSIgIk2JubM9FqUtRKdC0S5KhJUavRNUmQoyJF8UbvhXJz5PYb6fUUuKEhRY1E1yhBTtlSnJDg05nPyCnDDnEpSie6VglyxKUo3WifBE+F19JGVIpijUb9EuSISlEy0S1IkCMmRZFGY/fr0Nsjt19LrJGJO1JSlEp0KxLkiElRqtEtSZAjIsXoRjcoQY6IFCUS3aIEOdFSjGp0wxLkREsxNtGtSpATLcXYRrcsQU6UFIMbvQIJcqKkGJPoNUiQEyzFoEavSIKcYCmGJnotEuQESzG00WuSICdIiov/orwXwueQxWIQ+ouyFLeWeigk0Q8D5rTGYimGJHpLRJeXzoulsERvnXNXlkzIfQLNXDaee6MHxJZESKPfiVcxzYfAe1q8V18BwCF2B2mfKr3q77PB7hBu30Hdh/h3ULc2W+w++2g9hmEYhmEYhmEYhmEYhmEYxiB/AaYTkqE/bsG+AAAAAElFTkSuQmCC);background-size:contain;border-radius:100px 50px 50px 100px;height:50px;margin-right:10px;width:80px}.SelectionControl>.close,.SelectionControl>.flip{background-position:50%;background-repeat:no-repeat;border-style:solid}.SelectionControl>.close{background-color:#680000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABDCAYAAADHyrhzAAAABmJLR0QA/wD/AP+gvaeTAAAD7ElEQVR4nO3cvYtcVRjH8e9xFY0K8QXjy5ZRNEXchAgKSaEWWrmKVhL7bTQqmNpKsEkghRbqPyBRrNIkiqIoso0vEMWXwhi2UFBjFMEV52sxe51xcu/MfTnnvgR/9e5znvPhzJ0795wZ+D//Jiz6A/UmYDdwDfAbcDqEcDZ1Y02j7gJ2AtuAH4FPQgjn6xZ7WP1YHXlhPlWfUC+J2H/jqNvU59TvcnreVE+od1cpeJX6Rk6xvLyv7kg4v9JRb1W/KNn3MXVpUcHt6nrJglm+VpdbmnNR3/vUnyv2/bp6aVHBJcfLqE46A1H3qj/V7PtoUdHDNQt2BmK9FTGbB2aLXm193em0BmIcCNX12cKPRSiaJTmIzV4aedkJkL017o/Y623Au6lA1H3AO8B1EcvuhwnGzRELQyKQLYhTwLUx6wLLMMHYjFwcIoOoe4GTxIcA+BMmGN8nGAAigSR6aUznDEwwTiUaBBqCJF4RAH8D700PuKR+GfHqnJfK7zLGe/ucl+N5A6+a/6EsZkqD2A7EH+rtRQ28mHhwLQFiOxAj9eC8JoL6UuImdA6I8W+o8jJSny6zPDsDsU8QXYLYR4gZkFcSN6djkFXbuUZUh+hghaROM4iLCCQOxEUAEhdiwCBpIAYIkhZiQCAj9VByiAGAtAvRY5BuIHoI0i1Ej0D6AZGlQ5B+QWTpAKSfEFm2QI63hPF87P5jn6/YA9wfuWZRDtrx7n9hbOd5xGw6Pw5xQTqC6B9IxxBRQRYecFsEAbxNup2uKvkGuC+EsFG3QG2MnkFkaQRSC6OnEFlqg1TG6DlElloglTAGApGlMkhpjIFBZKkEUgpjoBBZSoOUOTs+ZIgspUDmfjYx/YkZAIGPEtaHkgdmCjFMf2IGxhDPAAeAlxOOA3VPENneJvChqTE7Pw7RC4hegqgrtrMbXviEynZ3/28samKHeiZxA6Ue1dkeyAfqZXkNvJZ44ErPLG3vJfPU7MDL6l8JB6y192k7K2TD6a+XqWsJB2u0CWw7IPfA5D5jT91mF80FeDaEcKxugRCCwBpp70NWYIJxfYIBGkNk2QJ5Eni1cVf5uQEmGOciF48GkSXxCvkFJhhfRSwcHSJLwhUymb96R6QLUSsnZox7UT2vXj47QN2vcWZp5+jQf0Fi3Ie8kFd8l2Ol3kPMgDRZId+q24uKr1r95qsTiKme64KcU3cvKv6o+nvJgpvqWkvzntdzUI9UgNhQ7ypbfEX9cEHBz9QDiedZKerj6tk5PY/UN9Vb8v5/7jNQ9V7gIeBOxo/+fgVOAyeAkyGEUeT5NI56BfAI8CDj38+4EvgBWAfeCiF83mF7w8k/zBsUNVyu7N8AAAAASUVORK5CYII=);background-size:50px;border-radius:100%;height:120px;width:120px}.SelectionControl>.rotate{background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50px 100px 100px 50px;border-style:solid;height:50px;width:80px}.Grid>div>.PlayingPiece{bottom:0;left:0;opacity:1!important;position:absolute;-webkit-transform:scale(1) translate(-10px,-10px)!important;transform:scale(1) translate(-10px,-10px)!important}.Grid>div>.PlayingPiece>.row>*{margin-left:0!important}.Grid>div>.PlayingPiece>.row{margin-top:0!important}.Grid>div>.PlayingPiece>.blocks>.row>*{margin-left:0!important}.Grid>div>.PlayingPiece>.blocks>.row{margin-top:0!important}.Grid>div>.PlayingPiece>.blocks{pointer-events:none}.PlayingPiece.onboard{transition:none 0s ease 0s!important;transition:initial!important}.PlayingPiece.onboard>.row{pointer-events:none}.piecemenu{bottom:-5px;flex-direction:column;left:50%;position:absolute;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-user-select:none;-o-user-select:none;user-select:none}.piecemenu,.piecemenu>.orientation{align-items:center;display:flex;justify-content:center}.piecemenu>.orientation{background-color:rgba(0,0,0,.4);border-radius:100px 100px 100px 100px;flex-direction:row;height:34px;margin-bottom:6px;position:relative;width:105px}.orientation>button{background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:17px 17px;border-radius:100%;border-style:none;cursor:pointer;height:34px;transition:all .25s ease-in;width:34px}.orientation>.pmflip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAADdUlEQVR4nO2cO47UQBCGq5F20ZIgEAGIExCRL+eACEgQSARwDR7SEiMiXhH3gJgIbjAkzBLBhj/BjIUp2W27u6pfri+0u901pV/9aeSZJjIMwzAMwzAMwzDmAeAAwCsAWwAbAM8BHHrGnwfwYj/2J4ATAAcpa66SfaM4zzzjXw6MP0lZc3UAuAjg90DjfnjmbAbG/wFwKWXtU5zLXQDjPhFdGLh+1TPn2sC1IyK6K1JRiwD4OpBOAIBnzhjfUtZeDQCOPU0LaTQAHKf8DD5K2joeVfLMIFzuAoh2EiSiDQ3vz0RE5JwbrNWXdiI6I6LrzrlfcRXGU0qixyQYi0mxj0+CkXu0SbFjSoICjQYKkGIJW0cKYWWXYlYZYoYEOwJl2JFdirkTrSVBzrqliBkSFNqjgbVKETMlKNhoIKMUc24dOQSVTYpZZIgFEuyIlGFHNinmSvSYBM+U1z0ionvKa5QDxiX4VnmPBtYiRfglOHrP87wQkksxx9YxJqTvzrkvmWtoA4y/EwSAJ/sxKRKd/J1i6kT7JPgxYR1tf1OER4K9MSkSDbQqRUxIsDcuVaP/W1eblFtHCRLktCVFzJBgb2zKRCeTYqpElyJBTltSxAwJ9samTDTQihQxU4K98akbPViHNCm2jhIlyKlbilggwd6cHIlWl6J2okuVIEdditqNfjBy/VMJP9NiPM5dQBBYKMHevBxbx2RdsWgmugYJcuqSIgIk2JubM9FqUtRKdC0S5KhJUavRNUmQoyJF8UbvhXJz5PYb6fUUuKEhRY1E1yhBTtlSnJDg05nPyCnDDnEpSie6VglyxKUo3WifBE+F19JGVIpijUb9EuSISlEy0S1IkCMmRZFGY/fr0Nsjt19LrJGJO1JSlEp0KxLkiElRqtEtSZAjIsXoRjcoQY6IFCUS3aIEOdFSjGp0wxLkREsxNtGtSpATLcXYRrcsQU6UFIMbvQIJcqKkGJPoNUiQEyzFoEavSIKcYCmGJnotEuQESzG00WuSICdIiov/orwXwueQxWIQ+ouyFLeWeigk0Q8D5rTGYimGJHpLRJeXzoulsERvnXNXlkzIfQLNXDaee6MHxJZESKPfiVcxzYfAe1q8V18BwCF2B2mfKr3q77PB7hBu30Hdh/h3ULc2W+w++2g9hmEYhmEYhmEYhmEYhmEYxiB/AaYTkqE/bsG+AAAAAElFTkSuQmCC);left:0;position:absolute}.orientation>.pmrotate{background-image:url(data:image/png;base64,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);position:absolute;right:0}.orientation>button:hover{background-color:rgba(0,0,0,.2)}.orientation>button.clicked{-webkit-transform:scale(.8);transform:scale(.8)}.orientation>.dragbar{align-items:center;cursor:grabbing;display:flex;height:34px;justify-content:center;touch-action:none;width:30%}.GameDiv:focus,button:focus{outline:none}.orientation>.dragbar:hover>img{opacity:1}.orientation>.dragbar>img{opacity:.8;pointer-events:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:opacity .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none}.piecemenu>.pieceselection{align-items:center;background-color:rgba(0,0,0,.4);border-radius:100px 100px 100px 100px;display:flex;flex-direction:row;height:16px;justify-content:center;position:relative;width:46px}.pieceselection>button{background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABfElEQVR4nO3avU4VQRgG4C+SmENBQilqY0NBh4lyBTb+XABixSWANyG34Km8BRtPa0ODnYWtoFQGY2EshDxmi2OhHGYo95t52t3mTXZ33v1mIrqu67puITzBZ/87xbPIBA/wy2JfIwus4csVYfMExgSHynYiA0wrwr6KDPCyIuwMSzF2eITzQthPWI2xwzq+F8L+wEaMHVbwsRD2YliTY+xwA28r3tu9yAAHFWHfRAZ4URH2CMsxdriPn4WwQ1++E2OHWzgphB069MNoqDbuRgYaq437FWHfZaqNvwthe23MXBsfx9jptTF3bdxWNqzHk8hAeQA3XL8dWWgw8HZTj/RgqIjNfLSuuSztRxZamlfN4R6+NTGRbPLnYW6YPDazqzCH1xWhDyIL3MT7ZkY81xzibUUW2Kwc096NLLBT8Wh/SDGIn+v1c7FePzNsiJ+5Wq+frexOzLLVz2lr9XNSucP4PLLQ0tHDJg+X/nN8+PiysHj698au67ou8vsDikGWG1kfc0UAAAAASUVORK5CYII=);background-position:50% 50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:100%;border-style:none;cursor:pointer;height:16px;position:absolute;transition:all .25s ease-in;width:16px}.pieceselection>button:hover{background-color:rgba(0,0,0,.2)}.pieceselection>.prev{left:0;top:0}.pieceselection>.next{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pieceselection>label{background-color:transparent;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;line-height:16px;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none}.placepiecebtn{color:#008d00;cursor:pointer;height:20px;left:100%;position:absolute;top:17px;-webkit-transform:translate(5px,-50%);transform:translate(5px,-50%);transition:opacity .25s ease-in;width:20px}.placepiecebtn:hover{opacity:.8}.peekbar{display:flex;flex-direction:row;height:16px;left:0;position:absolute;top:0;-webkit-transform:translate(5px,5px);transform:translate(5px,5px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.peekbar>.colorpeekbtn{background-color:rgba(0,0,0,.35);border-radius:5px;height:18px;margin-right:5px;transition:all .25s ease-in;width:24px}.peekbar>.colorpeekbtn:hover{background-color:rgba(0,0,0,.4)}.colorpeekbtn>div{height:14px;left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:14px}.colorpeekbtn>div,.peekbar>.hover{border-radius:100%;pointer-events:none}.peekbar>.hover{background-color:rgba(0,0,0,.233);border:1px solid hsla(0,0%,100%,.4);box-sizing:border-box;height:10px;left:0;opacity:1;position:absolute;-webkit-transform:translate(7px,4px);transform:translate(7px,4px);transition:left .25s ease-out;width:10px}.placedpiece{pointer-events:none}.PlayingPiece{transition:all .25s ease-in}.Grid.error>.boardpiece>.onboard>.blocks{-webkit-animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.blocks{transition:all .25s ease-in}.Grid.loading>.boardpiece{pointer-events:none}.Grid.loading>.boardpiece>.onboard>.blocks{-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite}.Grid>.placedpiece>.PlayingPiece{transition:none 0s ease 0s!important;transition:initial!important}@-webkit-keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate(-1px);transform:translate(-1px)}20%,80%{-webkit-transform:translate(2px);transform:translate(2px)}30%,50%,70%{-webkit-transform:translate(-4px);transform:translate(-4px)}40%,60%{-webkit-transform:translate(4px);transform:translate(4px)}}@keyframes shake{10%,90%{-webkit-transform:translate(-1px);transform:translate(-1px)}20%,80%{-webkit-transform:translate(2px);transform:translate(2px)}30%,50%,70%{-webkit-transform:translate(-4px);transform:translate(-4px)}40%,60%{-webkit-transform:translate(4px);transform:translate(4px)}}.HomeDiv{display:flex;flex-direction:row;height:100%;justify-content:center;position:absolute;width:100%}.HomeDiv>div{margin:20px}.HomeRight{margin-left:0!important}.HomeRight>.ListedLobby{margin-top:50px}.LobbyList{margin-right:20px!important;margin-top:70px!important;min-width:417px}.CreateLobbyDiv{background-color:rgba(0,0,0,.18);border-radius:5px;height:92px;margin-left:0!important;margin-top:50px;position:relative;width:417px}.CreateLobbyDiv>ul{display:flex;flex-direction:row;list-style:none;padding:0;position:relative;top:3px}.CreateLobbyDiv>ul>li{background-color:hsla(0,0%,100%,.1);border-radius:5px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;height:30px;line-height:30px;margin:0 0 0 3px;padding:0;transition:all .25s ease-in;width:100px}.CreateLobbyDiv>ul>li:hover{background-color:hsla(0,0%,100%,.2);user-select:none;-moz-user-select:none;-webkit-user-select:none}.Checkbox{align-items:center;bottom:8px;cursor:pointer;display:flex;flex-direction:row;left:12px;position:absolute}.Checkbox>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:10px;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.Checkbox>div{background-color:hsla(0,0%,100%,.1);border-radius:3px;height:12px;margin-left:3px;transition:all .25s ease-in;width:12px}.Checkbox:hover>div{background-color:hsla(0,0%,100%,.2)}.CreateLobbyBtn{background-color:#0d7cff;border-radius:5px;bottom:6px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;height:24px;line-height:24px;position:absolute;right:4px;transition:all .25s ease-in;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:103px}.CreateLobbyBtn:hover{opacity:.9}.CreateLobbyDiv>ul>li.selected{background-color:hsla(0,0%,100%,.35)}.Checkbox.checked>div{background-color:rgba(0,153,255,.521)}.loaderdiv{display:flex;flex-wrap:wrap;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:16px}.loaderdiv>div{background-color:#fff;height:5px;margin:1px;width:5px}.loaderdiv>:first-child{-webkit-animation:blockspinner 1.5s .25s infinite none;animation:blockspinner 1.5s .25s infinite none}.loaderdiv>:nth-child(2){-webkit-animation:blockspinner 1.5s .5s infinite none;animation:blockspinner 1.5s .5s infinite none}.loaderdiv>:nth-child(3){-webkit-animation:blockspinner 1.5s .75s infinite none;animation:blockspinner 1.5s .75s infinite none}.loaderdiv>:nth-child(4){-webkit-animation:blockspinner 1.5s 1s infinite none;animation:blockspinner 1.5s 1s infinite none}@-webkit-keyframes blockspinner{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes blockspinner{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}}.CreateLobbyDiv>.CreateLobbyBtn>label{pointer-events:none;transition:all .25s ease-in}.CreateLobbyDiv.loading>.CreateLobbyBtn>label{opacity:0}.CreateLobbyDiv>.CreateLobbyBtn>div{opacity:0;transition:opacity .25s ease-in}.CreateLobbyDiv.loading>.CreateLobbyBtn>div{opacity:1}.CreateLobbyDiv.loading{pointer-events:none}.NavBar{position:absolute;width:100%;z-index:100}.Logo,.NavBar{align-items:center;display:flex;justify-content:center}.Logo{cursor:pointer;flex-direction:row;padding:5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Logo>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:16px;margin-left:5px;pointer-events:none;position:relative;-webkit-transform:translateY(4px);transform:translateY(4px);user-select:none;-moz-user-select:none;-webkit-user-select:none}main>div{transition:opacity .25s ease-in}main{height:100%;width:100%}main.transitioning>div{opacity:0;pointer-events:none}main>div{opacity:1}.Lobby{height:100%;width:100%}.listed>.LobbyMenu{background-color:rgba(0,0,0,.18);height:92px}.LobbyMenu{background-color:#222;border-radius:5px;height:187px;position:relative;width:417px}.LobbyMenu>.players{display:flex;flex-direction:row;left:1px;position:relative;top:3px}.listed>.LobbyMenu>.players>div{background-color:hsla(0,0%,100%,.1);border-radius:5px;color:#fff!important;font-family:Josefin Sans,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:30px;margin-left:3px;min-height:30px;overflow:hidden;text-overflow:ellipsis;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:100px}.playercontainer{display:flex;flex-direction:row;justify-content:center;position:relative}.LobbyMenu>.players>div>.plycard{background-color:hsla(0,0%,100%,.1);border-radius:5px;color:#fff!important;font-family:Josefin Sans,sans-serif;height:30px;line-height:30px;margin-left:3px;overflow:hidden;position:relative;text-overflow:ellipsis;-webkit-transform:none;transform:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:100px}.LobbyMenu>.players>div>div{background-color:#fff;border-radius:10px;bottom:0;height:4px;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);width:30px}.NicknameInput{align-items:flex-start;display:flex;flex-direction:column;position:relative;top:16px}.NicknameInput>div{display:flex;flex-direction:row}.NicknameInput>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;margin-bottom:1px;margin-left:5px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.NicknameInput>div>input{background-color:hsla(0,0%,100%,.1);border-radius:5px;border-style:none;box-sizing:border-box;color:#fff;font-family:Josefin Sans,sans-serif;font-size:16px;height:40px;margin-left:3px;outline:none;padding:5px;width:305px}.NicknameInput>div>.submitbtn{background-color:#0094ff;border-radius:5px;cursor:pointer;height:40px;margin-left:3px;opacity:.2;pointer-events:none;position:relative;transition:opacity .25s ease-in;width:100px}.NicknameInput>div>.submitbtn.enabled{opacity:1;pointer-events:all}.submitbtn>img{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.InviteBtn{background-color:#0094ff;border-radius:5px;cursor:pointer;height:21px;line-height:23px;position:relative;transition:opacity .25s ease-in;width:100px}.InviteBtn,.LobbyStatus{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.LobbyStatus{bottom:5px;position:absolute;right:3px}.ColorSelect{display:flex;flex-direction:row;position:relative;top:26px}.ColorSelect>.choices{display:flex;flex-direction:row;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-in}.ColorSelect>.SelectedColor1,.ColorSelect>.SelectedColor2{background-color:grey;transition:opacity .25s ease-in}.ColorSelect>.SelectedColor1:hover,.ColorSelect>.SelectedColor2:hover,.ColorSelect>.choices>div:hover{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}.ColorSelect>.SelectedColor1,.ColorSelect>.SelectedColor2,.ColorSelect>.choices>div{border-radius:5px;cursor:pointer;height:40px;margin-left:3px;margin-right:3px;transition:all .25s ease-in;width:40px}.Color1{fill:#b00!important;--rgb:187,0,0;background-color:#b00!important;color:#b00!important}.Color2{fill:#1400ff!important;--rgb:20,0,255;background-color:#1400ff!important;color:#1400ff!important}.Color3{fill:#0eab00!important;--rgb:14,171,0;background-color:#0eab00!important;color:#0eab00!important}.Color4{fill:#d3be00!important;--rgb:211,190,0;background-color:#d3be00!important;color:#d3be00!important}.Color5{fill:#d37200!important;--rgb:211,114,0;background-color:#d37200!important;color:#d37200!important}.Color6{fill:#00d37a!important;--rgb:0,211,122;background-color:#00d37a!important;color:#00d37a!important}.Color7{fill:#7e2686!important;--rgb:126,38,134;background-color:#7e2686!important;color:#7e2686!important}.Color8{fill:#c1008b!important;--rgb:193,0,139;background-color:#c1008b!important;color:#c1008b!important}.Color9{fill:#2d0dae!important;--rgb:45,13,174;background-color:#2d0dae!important;color:#2d0dae!important}.Color10{fill:#fff!important;background-color:#fff!important;color:#fff!important}.ColorSelect.selecting>.SelectedColor1,.ColorSelect.selecting>.SelectedColor2{opacity:0;pointer-events:none}.ColorSelect.selecting>.choices{opacity:1;pointer-events:all}.LobbyMenuContainer{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:417px}.LobbyMenuContainer.listed{left:auto;margin-bottom:10px;position:relative;top:auto;-webkit-transform:unset;-webkit-transform:initial;transform:none}.listed>.LobbyMenu>.players>div{font-size:12px}.InviteNotification{background-color:#0094ff;border-radius:5px;color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;height:45px;line-height:45px;opacity:0;position:relative;top:5px;-webkit-transform:translateY(-55px);transform:translateY(-55px);transition:all .25s ease-in;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:415px;z-index:-1}.InviteNotification.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.players>.disabled,.players>div>.disabled{background-color:rgba(0,0,0,.7)!important}.choices>.selected{opacity:.5;pointer-events:none;-webkit-transform:scale(.8);transform:scale(.8)}.NicknameInput>div>.submitbtn:hover{opacity:.8}.nogames{align-items:center;background-color:rgba(0,0,0,.18);border-radius:5px;display:flex;flex-direction:column;height:92px;justify-content:center;position:relative;width:417px}.nogames>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:16px}.nogames>label,.refresh{user-select:none;-moz-user-select:none;-webkit-user-select:none}.refresh{align-items:center;background-color:transparent;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin-top:5px;padding:3px;transition:all .25s ease-in}.refresh:hover{background-color:rgba(0,0,0,.18)}.refresh>label{margin-left:2px;pointer-events:none}.listed>.LobbyMenu>label,.refresh>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px}.listed>.LobbyMenu>label{bottom:5px;left:3px;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none}.join{background-color:#52c857}.join>label{pointer-events:none}.TurnIndicator{background-color:#fff;border-radius:100%;height:10px;opacity:.8;position:absolute;width:10px}.TurnIndicator.corner1{left:0;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.TurnIndicator.corner2{right:0;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.TurnIndicator.corner3{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.TurnIndicator.corner4{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.piecemenu>.orientation>label{bottom:1px;color:#fff;font-family:Josefin Sans,sans-serif;font-size:8px;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none}.waitforturn>.boardpiece>.PlayingPiece>.piecemenu>.orientation>label{opacity:1}.TurnTimerDiv{align-items:center;display:flex;flex-direction:row;justify-content:center;left:0;position:absolute;top:726px;-webkit-transform:translateY(2px);transform:translateY(2px)}.TurnTimerDiv>label{bottom:0;color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;margin-right:5px;transition:opacity .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none}.TurnTimerDiv>div{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.TurnTimerDiv>label{background-color:initial!important}.players>div{color:#fff!important}.base-timer__path-remaining{stroke-width:7px;stroke-linecap:round;stroke:currentColor;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center;transition:all 1s linear}.base-timer__svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.base-timer{height:24px;position:relative;width:24px}.base-timer__circle{fill:none;stroke:none}.base-timer__path-elapsed{stroke-width:7px;stroke:#000}.base-timer__label{align-items:center;color:#fff;display:flex;font-family:Josefin Sans,sans-serif;font-size:12px;font-size:10px;height:24px;justify-content:center;position:absolute;top:0;-webkit-user-select:none;-o-user-select:none;user-select:none;width:24px}.Red{color:#fff}.TurnIndicator.isturn{-webkit-animation:turnpulse 1s 0s infinite none;animation:turnpulse 1s 0s infinite none}@-webkit-keyframes turnpulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes turnpulse{0%,to{opacity:1}50%{opacity:.6}}.joinleave{bottom:5px;display:flex;flex-direction:row;position:absolute;right:5px}.joinleave>button{background-color:#0094ff;border-radius:5px;border-style:none;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:700!important;height:21px;line-height:23px;position:relative;transition:opacity .25s ease-in;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:100px}.joinleave>button:hover{opacity:.8}.joinleave>.Reconnect{margin-left:3px}.joinleave>.Surrender{background-color:#fff;color:#000}.pointslabel{background-color:initial!important;color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;position:absolute;right:20px;top:10px;-webkit-user-select:none;-o-user-select:none;user-select:none}.lobbybtns{bottom:5px;display:flex;flex-direction:row;height:21px;left:2px;position:absolute}.lobbybtns>div{margin-right:5px}.friendsbtn{align-items:center;background-color:#0094ff;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;height:21px;justify-content:center;transition:opacity .25s ease-in;width:30px}.lobbybtns>div:hover{opacity:.8}.shufflebtn{align-items:center;border-radius:5px;border-style:solid;border-width:0;cursor:pointer;display:flex;height:21px;justify-content:center;outline:none;position:relative;transition:opacity .25s ease-in;width:50px}.shufflebtn>img{height:16px;width:16px}.playercontainer>div.Team1{background-color:#fff!important}.playercontainer>div.Team2{background-color:#000!important}.TurnIndicator.Team1{border:2px solid hsla(0,0%,100%,.6);box-sizing:border-box}.TurnIndicator.Team2{border:2px solid rgba(0,0,0,.6);box-sizing:border-box}button>label{-webkit-user-select:none;-o-user-select:none;user-select:none}.joinleave.loading2>button,button>label{pointer-events:none}.joinleave>button>.loaderdiv{opacity:0}.joinleave>button>*{transition:opacity .25s ease-in}.joinleave.loading2>.Reconnect>label{opacity:0}.joinleave.loading2>.Reconnect>.loaderdiv{opacity:1}.joinleave.loading3>.Surrender>label{opacity:0}.joinleave.loading3>.Surrender>.loaderdiv{opacity:1}.joinleave>.Surrender>div>div{background-color:#000}.disabled{pointer-events:none}.refresh{position:relative}.refresh>.loaderdiv{opacity:0}.refresh>*{transition:opacity .25s ease-in}.refresh.loading{pointer-events:none}.refresh.loading>.loaderdiv{opacity:1}.refresh.loading>img,.refresh.loading>label{opacity:0}.hidelabel{display:none}.Hand>.pieces>.nohand.shown{color:#fff;display:flex;font-family:Josefin Sans,sans-serif;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-user-select:none;-o-user-select:none;user-select:none}.colorpeekbtn>img{left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.colorpeekbtn{position:relative}.colorpeekbtn.surrendered>img{opacity:1}.postgamecontainer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5);height:100%;justify-content:center;width:100%;z-index:100}.postgamecontainer,.postgamemodal{align-items:center;display:flex;flex-direction:column}.postgamemodal{background-color:rgba(0,0,0,.63);border-radius:5px;height:331px;position:relative;width:317px}.postgamemodal>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:22px;font-weight:400;margin-bottom:18px;margin-top:21px;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.postgamemodal>.btns{bottom:11px;position:absolute}.postgamemodal>.btns>button{background-color:#0094ff;border-radius:5px;border-style:solid;border-width:0;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:400;height:28px;outline:none;transition:opacity .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none;width:146px}.postgamemodal>.btns>.reviewbtn{background-color:#fff;color:#000;margin-right:4px}.postgamemodal>.btns>button:hover{opacity:.9}.postgamemodal>.players>div{align-items:center;background-color:rgba(44,44,44,.38)!important;border-radius:5px;display:flex;flex-direction:row;font-family:Josefin Sans,sans-serif;font-weight:400;height:33px;margin-bottom:11px;pointer-events:none;position:relative;transition:all .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none;width:298px}.postgamemodal>.players>div>label{font-size:14px;-webkit-transform:translateY(1px);transform:translateY(1px)}.nametag{align-items:center;display:flex;flex-direction:row;height:30px;justify-items:center;position:absolute;top:0;-webkit-transform:translateY(2px);transform:translateY(2px);width:100%}.players>.isuser>.nametag>.name{pointer-events:none!important}.nametag>.score{pointer-events:none;position:absolute;right:16px}.postgamemodal>.players>div.islocalplayer{box-sizing:border-box;outline:#00a4ff;outline-style:solid;outline-width:1px;pointer-events:none}.postgamemodal>.players>div>.nametag>div{background-color:#fff;border-radius:100%;height:12px;margin-left:10px;margin-right:6px;pointer-events:none;width:12px}.nametag>img{display:none;margin-bottom:2px;margin-left:2px}.postgamemodal>.players>div.winner{background-color:rgba(var(--rgb),.1)!important}.postgamemodal>.players>div>img{position:absolute;right:0;top:0;-webkit-transform:translate(40%,-30%);transform:translate(40%,-30%)}.kickdiv{background-color:#fff;border-radius:100%;cursor:pointer;height:20px!important;opacity:0;position:absolute;top:0!important;-webkit-transform:translateY(-75%)!important;transform:translateY(-75%)!important;transition:opacity .25s ease-in;width:20px!important}.kickdiv>img{-webkit-user-select:none;-o-user-select:none;user-select:none}.players>:first-child{z-index:4}.players>:nth-child(2){z-index:3}.players>:nth-child(3){z-index:2}.players>:nth-child(4){z-index:1}.players:hover>div>.kickdiv{opacity:1!important}.StatusNotification{background-color:#0d7cff;border-radius:5px;bottom:-50px;height:16px;left:50%;line-height:16px;opacity:0;padding:10px;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);transition:all .25s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.StatusNotification.show{bottom:20px;opacity:1}.StatusNotification>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;-webkit-user-select:none;-o-user-select:none;user-select:none}.AccountDashboard{align-items:center;background-color:rgba(0,0,0,.18);border-radius:5px;display:flex;flex-direction:row;height:120px;margin-top:10px;position:relative;width:417px}.UserInfoDashboard{height:108px;margin-left:4px;position:relative;width:192px}.SignInContainer{cursor:pointer;height:108px;left:0;position:absolute;transition:all .25s ease-in;width:192px}.SignInContainer:hover{-webkit-transform:scale(.98);transform:scale(.98)}.SignInContainer>div{background:linear-gradient(315deg,#29b2ff 20%,#0081ca);border-radius:5px;height:108px;position:relative;width:192px}.SignInContainer>div>div>.needmoreblokio{color:hsla(0,0%,100%,.42);display:block;font-size:13px;text-align:left;width:100%}.SignInContainer>div>div>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:17px;pointer-events:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.SignInContainer>div>div{bottom:6px;left:6px;position:absolute;text-align:left;width:160px}.SignInContainer>div>div>img{bottom:0;position:absolute;-webkit-transform:translateY(4px);transform:translateY(4px)}.MatchHistoryContainer{bottom:6px;height:108px;position:absolute;right:5px;width:202px}.MatchHistoryContainer>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;left:3px;pointer-events:none;position:absolute;top:3px;-webkit-user-select:none;-o-user-select:none;user-select:none}.MatchHistoryPreview{align-items:center;border-radius:5px;bottom:0;display:flex;flex-direction:column;height:90px;width:202px}.MatchHistoryContainer>button,.MatchHistoryPreview{background-color:hsla(0,0%,100%,.1);position:absolute}.MatchHistoryContainer>button{border-radius:10px;border-style:solid;border-width:0;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;height:14px;line-height:14px;right:0;top:0;transition:all .25s ease-in;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none}.MatchHistoryContainer>button:hover{background-color:hsla(0,0%,100%,.2)}.MatchHistoryPreview>span>span{left:0;position:absolute;top:0}.UserInfo{height:100%;width:100%}.namediv{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;display:flex;height:26px;line-height:30px;position:relative;transition:all .25s ease-in;width:100%}.UserInfo.settingsopen>.namediv{background-color:hsla(0,0%,100%,.3)}.namediv:hover{background-color:hsla(0,0%,100%,.2)}.namediv>label{color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;left:4px;pointer-events:none;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none}.namediv>img{position:absolute;right:4px}.bottominfo{bottom:0;display:flex;flex-direction:row;position:absolute}.bottominfo>div>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:400;-webkit-user-select:none;-o-user-select:none;user-select:none}.bottominfo>div{align-items:center;display:flex;flex-direction:column}.bottominfo>.ratingdiv{margin-left:4px;width:109px}.bottominfo>.friendsdiv,.bottominfo>.ratingdiv{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bottominfo>.friendsdiv{width:80px}.bottominfo>div>div{background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;height:31px;transition:all .25s ease-in;width:100%}.bottominfo>div>div:hover{background-color:hsla(0,0%,100%,.2)}.copyfriendcode{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:20px;line-height:20px;position:relative;top:10px;transition:all .25s ease-in;width:80px}.copyfriendcode:hover{background-color:hsla(0,0%,100%,.2)}.copyfriendcode>img{position:absolute;right:3px}.copyfriendcode>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:10px;font-weight:400;margin-left:3px;margin-right:5px;pointer-events:none;text-align:center;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none}.modewinrates{bottom:1px;position:absolute}.modewinrates,.modewinrates>div{align-items:center;display:flex;flex-direction:row}.modewinrates>div{justify-content:center;margin-left:3px}.modewinrates>div>label{-webkit-transform:translateY(2px);transform:translateY(2px)}.ratingdiv>div{align-items:center;display:flex;flex-direction:column}.modewinrates>div>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:10px;font-weight:400;pointer-events:none;text-align:center;-webkit-user-select:none;-o-user-select:none;user-select:none}.standardrating{align-items:center;display:flex;flex-direction:row;position:relative;top:4px}.standardicondiv>div{display:flex;flex-direction:row;margin-bottom:1px}.standardicondiv{margin-right:2px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.standardicondiv>div>div{background-color:#00a4ff;height:5px;margin-left:1px;width:5px}.standardrating>label{color:#00a4ff;font-family:Josefin Sans,sans-serif;font-size:16px;font-weight:600;pointer-events:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.modewinrates>div>div{height:11px;width:11px}.duelsicon,.modewinrates>div>div{display:flex;flex-direction:row}.duelsicon>div{background-color:hsla(0,0%,100%,.1);margin-right:1px;width:5px}.duelsicon>div:nth-child(2){background-color:hsla(0,0%,100%,.2);margin-right:1px;width:5px}.teamsicon{display:flex;flex-direction:row;margin-right:1px}.teamsicon>div{margin-right:1px;width:5px}.teamsicon>div>div{background-color:hsla(0,0%,100%,.1);height:5px;margin-bottom:1px;width:5px}.teamsicon>div:nth-child(2)>div{background-color:hsla(0,0%,100%,.2)}.friendsdiv>div,.friendsdiv>div>div{align-items:center;display:flex;flex-direction:row;position:relative}.friendsdiv>div>div{left:4px}.friendsdiv>div>label{color:#fff;position:absolute;right:6px}.friendsdiv>div>div>label,.friendsdiv>div>label{font-family:Josefin Sans,sans-serif;font-size:16px;font-weight:600;pointer-events:none;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none}.friendsdiv>div>div>label{color:#00a4ff;margin-right:2px}.friendsdiv>div>div>div{background-color:#00a4ff;border-radius:100%;height:16px;width:16px}.dashboardmatch{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:20px;margin-top:2px;position:relative;transition:all .25s ease-in;width:98%}.dashboardmatch:hover{background-color:hsla(0,0%,100%,.2)}.dashboardmatch>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:400;pointer-events:none;-webkit-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle}.dashboardmatch>div{background-color:#828282;border-radius:100%;height:12px;margin-left:4px;margin-right:4px;width:12px}.dashboardmatch>.matchdate{position:absolute;right:2px}.matchwon{background-color:#00a4ff!important}.UserInfoDiv{bottom:0;height:80px;opacity:1;pointer-events:all;position:absolute;transition:all .25s ease-in;width:100%}.UserInfo.settingsopen>.UserInfoDiv{opacity:0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5)}.UserInfo.settingsopen>.SettingsDiv{opacity:1;pointer-events:all;-webkit-transform:scale(1);transform:scale(1)}.SettingsDiv{opacity:0;pointer-events:none;position:absolute;-webkit-transform:scale(.5);transform:scale(.5);transition:all .25s ease-in;width:192px}.SettingsOptions>div{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;display:flex;height:26px;line-height:30px;margin-top:2px;transition:all .25s ease-in;width:100%}.SettingsOptions>div:hover{background-color:hsla(0,0%,100%,.2)}.SettingsOptions>div>label{color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;left:4px;pointer-events:none;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px)}.MatchHistoryPreview>label,.SettingsOptions>div>label,img{-webkit-user-select:none;-o-user-select:none;user-select:none}.MatchHistoryPreview>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:400;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ratingdiv>div{position:relative!important}.react-loading-skeleton{left:0;position:absolute!important;top:0}.UserInfo.disabled,.UserInfo.disabled>.UserInfoDiv{pointer-events:none!important}.SettingsDiv>.namechangediv{cursor:default;height:80px;left:0;margin-top:2px;position:absolute!important;top:0;width:100%}.SettingsOptions{transition:all .25s ease-in}.SettingsDiv.shownamechange>.SettingsOptions,.SettingsDiv>.namechangediv{opacity:0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5)}.SettingsDiv>.namechangediv{transition:all .25s ease-in}.SettingsDiv.shownamechange>.namechangediv{opacity:1;pointer-events:all;-webkit-transform:scale(1);transform:scale(1)}.namechangediv>.backbtn{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;bottom:0;cursor:pointer;display:flex;flex-direction:column;height:26px;justify-content:center;position:absolute;transition:all .25s ease-in;width:100%}.namechangediv>.backbtn:hover{background-color:hsla(0,0%,100%,.2)}.backbtn>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:400;pointer-events:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.blokioinput{align-items:center;bottom:0;display:flex;flex-direction:column;height:40px;justify-content:center;left:0;position:absolute;width:67%}.blokioinput>input:hover{border-color:hsla(0,0%,100%,.1)}.blokioinput>label{bottom:0;color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:400;height:65%;left:2%;pointer-events:none;position:absolute;-webkit-transform:translateY(25%);transform:translateY(25%);transition:all .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none}.blokioinput>input:focus~label{bottom:35%;-webkit-transform:translateX(-10%) scale(.8);transform:translateX(-10%) scale(.8)}.blokioinput>input{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,0);border-radius:5px;border-style:solid;bottom:0;box-sizing:border-box;color:#fff;font-family:Josefin Sans,sans-serif;height:65%;outline:none;position:absolute;transition:all .25s ease-in;vertical-align:middle;width:100%}.blokioinput.textinside>label{bottom:35%;-webkit-transform:translateX(-10%) scale(.8);transform:translateX(-10%) scale(.8)}.blokioinput>input:focus{border-color:hsla(0,0%,100%,.1)}.namechangediv>.inputandbtn>.submitbtn{background-color:#00a4ff;border-radius:5px;height:26px;opacity:.2;pointer-events:none;position:absolute;right:0;transition:opacity .25s ease-in;width:60px}.namechangediv>.inputandbtn{align-items:center;display:flex;flex-direction:row;height:26px;justify-content:center;margin-top:24px;position:relative;width:100%}.blokioinput.textinside~.submitbtn{cursor:pointer;opacity:1;pointer-events:all}.blokioinput.error~.submitbtn{opacity:.2;pointer-events:none}.inputandbtn.sending,.inputandbtn.sending>div{pointer-events:none!important}.inputandbtn>.submitbtn>.loaderdiv{opacity:0;transition:opacity .25s ease-in}.inputandbtn>.submitbtn>img{opacity:1;transition:opacity .25s ease-in}.inputandbtn.sending>.submitbtn>img{opacity:0}.inputandbtn.sending>.submitbtn>.loaderdiv{opacity:1}.inputandbtn>.submitbtn:hover{opacity:.8}.blokioinput.error>label{color:red}.blokioinput.error>input{background-color:rgba(163,0,0,.1)!important;border-color:rgba(163,0,0,.1)!important;color:red}.MatchDiv{background-color:#1b1b1b;border-radius:5px;height:110px;width:540px}.MatchDiv>.Data{align-items:center;display:flex;flex-direction:column;justify-content:center;left:5px;position:absolute;top:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.MatchDiv>.Data>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:12px;margin-bottom:3px;pointer-events:none;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none}.MatchDiv>.Data>.Win{color:#00a4ff}.MatchDiv>.Data>.Loss{color:#c40000}.MatchDiv>.Data>label:first-child{height:16px;width:30px}.MatchDiv>.Data>label:nth-child(2){height:16px;width:60px}.MatchDiv>.Data>label:nth-child(3){height:16px;width:80px}.MatchDiv>.Data>label>span>.react-loading-skeleton{position:relative!important}.MatchDiv>.ScoreBoard{bottom:3px;display:flex;flex-direction:row;height:34px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:99%}.MatchDiv>.ScoreBoard>div{flex:1 1;height:100%;margin-left:1px;margin-right:1px}.MatchDiv>.RecapBtn,.MatchDiv>.ScoreBoard>div{background-color:hsla(0,0%,100%,.1);border-radius:5px}.MatchDiv>.RecapBtn{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .25s ease-in;width:40px}.MatchDiv>.RecapBtn:hover{background-color:hsla(0,0%,100%,.2)}.ScoreBoardTag{align-items:center;display:flex;flex-direction:row;pointer-events:none;transition:opacity .25s ease-in}.ScoreBoardTag>.Colors{height:12px;margin-left:5px;position:relative;width:12px}.ScoreBoardTag>.Colors>div{border-radius:100%;height:100%;position:absolute;width:100%}.ScoreBoardTag>.Colors>div:nth-child(2){border-radius:6px 6px 0 0;box-sizing:border-box;height:50%;position:absolute;-webkit-transform:translate(3px,3px) rotate(90deg);transform:translate(3px,3px) rotate(90deg);width:100%}.ScoreBoardTag>.NameScore{align-items:flex-start;display:flex;flex-direction:column;margin-left:5px}.NameScore>div{align-items:center;display:flex;flex-direction:row}.ScoreBoardTag>.NameScore>div>label,.ScoreBoardTag>.NameScore>label{color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px;margin-right:1px;max-width:100px;overflow:hidden;pointer-events:none;position:relative;text-align:left;text-overflow:ellipsis;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-user-select:none;-o-user-select:none;user-select:none;white-space:nowrap}.ScoreBoardTag.highlighted{box-sizing:border-box;outline:#00a4ff;outline-style:solid;outline-width:1px;pointer-events:none!important}.ScoreBoardTag.won{background-color:rgba(var(--rgb),.1)!important}.ScoreBoardTag.isuser{cursor:pointer;pointer-events:all}.ScoreBoardTag.isuser:hover{opacity:.8}.DashboardMatchViewer{align-items:center;display:flex;justify-content:center}.DashboardMatchViewer>.MatchDiv{left:50%;position:absolute;top:60%;-webkit-transform:translate(-50%,-50%) scale(.76);transform:translate(-50%,-50%) scale(.76)}.DashboardMatchViewer>img{cursor:pointer;left:5px;position:absolute;top:5px}.ProfileDiv{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;height:90%;left:50%;position:absolute;top:70px;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-user-select:none;-o-user-select:none;user-select:none;width:560px}.ProfileDiv>.Head{display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:24px;width:100%}.ProfileDiv>.Head>label{font-size:16px;margin-right:auto;-webkit-transform:translateY(10px);transform:translateY(10px)}.ProfileDiv>.Head>div{background-color:#00a4ff;border-radius:5px;cursor:pointer;padding:5px}.ProfileDiv>.Head>div>label{font-size:12px;pointer-events:none;vertical-align:middle}.ProfileDiv>.StatsDiv{align-items:flex-start;background-color:#222;border-radius:5px;display:flex;flex-direction:column;height:140px;margin-top:5px;position:relative;width:100%}.ProfileDiv>.StatsDiv>label{font-size:12px;margin-left:5px;margin-top:5px}.StatsDiv>div{bottom:0;box-sizing:border-box;display:flex;flex-direction:row;height:110px;justify-content:center;padding:0 2px 4px;position:absolute;width:100%}.StatsDiv>div>div{flex:1 1;margin-left:2px;margin-right:2px;position:relative;width:40px}.StatsDiv>div>div>div:first-child{font-size:12px;left:3px;position:absolute;top:3px}.StatsDiv>div>div>div:nth-child(2){align-items:center;background-color:#1b1b1b;border-radius:5px;bottom:0;display:flex;flex-direction:column;height:92px;position:absolute;width:100%}.StandardDiv{flex:0 1 171px!important}.StatsDiv>div>div>div>div{bottom:0;box-sizing:border-box;display:flex;flex-direction:row;padding-bottom:2px;padding-left:2px;padding-right:2px;position:absolute;width:100%}.StatsDiv>div>div>div>div>div{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex:1 1;flex-direction:column;height:24px;justify-content:center;margin-left:1px;margin-right:1px}.StatsDiv>div>div>div>div>div>label{font-size:12px;position:absolute}.StatsDiv>div>div>div>div>div>label>span{color:#00a4ff}.StatsDiv>div>div>div>div>div>label:nth-last-child(2){top:-12px}.RatingDiv>label{color:#00a4ff}.StatsDiv>div>div>div:nth-child(2)>label{font-size:36px;position:absolute;top:16px}.MatchHistoryDiv{background-color:#222;border-radius:5px;display:flex;flex:1 1;flex-direction:column;height:auto;height:500px;margin-top:5px;position:relative!important;width:100%}.MatchHistoryDiv>.Nav{align-items:center;display:flex;flex-direction:row;padding:5px;width:100%}.MatchHistoryDiv>.Nav>label{font-size:12px;margin-right:auto}.MatchHistoryDiv>.MatchesScroll>div{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-bottom:5px;margin-left:4px;margin-right:4px;position:relative}.MatchHistoryDiv>.MatchesScroll>.Matches>.MatchDiv{margin-left:auto;margin-right:auto;margin-top:5px;position:relative;width:100%}.MatchesScroll{-ms-overflow-style:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-y:scroll;scrollbar-width:none}.MatchesScroll::-webkit-scrollbar{display:none}.MatchesScroll>.MatchesLoading{height:96%!important;left:-1px!important;position:absolute!important;width:99%}.MatchesScroll>.Matches{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.players>div>.userinfo{background-color:transparent!important;border-radius:5px!important;bottom:0;height:50px!important;left:0!important;margin:0!important;opacity:0;pointer-events:none;position:absolute;transition:all .25s ease-in;width:100%!important}.players>div.selected{height:80px!important}.userinfo>.stats{display:flex;flex-direction:row;font-size:12px}.userinfo>button{background-color:hsla(0,0%,100%,.1);border-radius:5px;border-style:solid;border-width:0;bottom:3px!important;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;height:20px;left:3px;position:absolute;right:0;transition:all .25s ease-in;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:80px}.userinfo>button:hover{background-color:hsla(0,0%,100%,.2)}.userinfo>label{bottom:20px;position:absolute;right:3px}.userinfo>.stats{bottom:3px;position:absolute;right:3px}.userinfo>.stats>div{display:flex;flex-direction:row;margin-left:3px}.userinfo>.stats>div>label{margin-left:1px}.userinfo>.stats>div:nth-child(4){color:#00a4ff;margin-left:6px}.postgamemodal>.players>div.selected>.userinfo{opacity:1;pointer-events:all}.players>div.isuser{cursor:pointer;pointer-events:all}.players>div.isuser>.nametag>img{display:block}.players>div.selected{cursor:inherit}.DashboardFriendsList{align-items:center;display:flex;flex-direction:column;justify-content:center}.DashboardFriendsList>img{cursor:pointer;left:5px;position:absolute;top:5px}.DashboardFriendsList>.TabBtns{display:flex;flex-direction:row;left:28px;position:absolute;top:3px}.TabBtns>button{background-color:hsla(0,0%,100%,.1);border-radius:5px;border-style:solid;border-width:0;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;font-size:14px;height:24px;margin-left:5px;right:0;transition:all .25s ease-in;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:90px}.TabBtns>button:hover{background-color:hsla(0,0%,100%,.2)}.TabBtns>button.selected{background-color:hsla(0,0%,100%,.3)}.DashboardFriendsList>.ContentContainer{background-color:#1b1b1b;bottom:4px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;height:86px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:98%}.DashboardFriendsList>.ContentContainer>.Friends{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;height:86px;justify-items:flex-start;overflow-y:scroll;position:absolute;scrollbar-width:none;transition:all .25s ease-in;width:100%}.DashboardFriendsList>.ContentContainer.showRequests>.Friends{opacity:0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5)}.DashboardFriendsList>.ContentContainer>.Friends::-webkit-scrollbar{display:none}.DashboardFriendsList>.ContentContainer>.Friends>.Friend{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex-direction:row;flex-shrink:0;font-weight:400;height:26px;justify-content:center;margin-top:2px;position:relative;width:98%}.Friend>div{background-color:hsla(0,0%,100%,.1);border-radius:100%;height:12px;left:5px;position:absolute;width:12px}.Friend>label{left:22px;position:absolute}.Friend>.btns{align-items:center;background-color:initial;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:auto;position:absolute!important;right:0!important;transition:all .25s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Friend>.btns>button{background-color:hsla(0,0%,100%,.1);border-radius:5px!important;border-style:solid;border-width:0;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;font-size:14px;height:20px;margin-right:2px;right:0;transition:all .25s ease-in;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:70px}.Friend>.messagebtn{right:75px}.Friend>.btns>.removebtn{background-color:rgba(255,0,0,.2);right:0}.Friend>.btns>.messagebtn:hover{background-color:hsla(0,0%,100%,.2)}.Friend>.btns>.removebtn:hover{background-color:rgba(255,0,0,.4);opacity:.9}.Friend>.confirmationbtns{opacity:0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5)}.Friend.removeopen>.confirmationbtns{opacity:1;pointer-events:all;-webkit-transform:scale(1);transform:scale(1)}.ContentContainer>.Requests,.Friend.removeopen>.defaultbtns{opacity:0;pointer-events:none;-webkit-transform:scale(.5);transform:scale(.5)}.ContentContainer>.Requests{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:center;padding:2px;position:absolute;transition:all .25s ease-in;width:100%}.ContentContainer.showRequests>.Requests{opacity:1;pointer-events:all;-webkit-transform:scale(1);transform:scale(1)}.ContentContainer>.Requests>div{border-radius:5px;flex:1 1;height:100%;position:relative}.ContentContainer>.Requests>.Incoming{margin-right:4px}.ContentContainer>.Requests>div>.header{background-color:hsla(0,0%,100%,.3);border-radius:5px;height:26px;line-height:26px;width:100%}.ContentContainer>.Requests>div>.container{-ms-overflow-style:none;display:flex;flex-direction:column;height:56px;justify-content:flex-start;overflow-y:scroll;scrollbar-width:none;width:100%}.ContentContainer>.Requests>div>.container::-webkit-scrollbar{display:none}.ContentContainer>.Requests>div>.container>div{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex-direction:row;flex-shrink:0;height:26px;margin-top:2px;position:relative;width:100%}.Requests>div>.container>div>label{left:5px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:168px}.Requests>div>.container>div>div{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:22px;justify-content:center;position:absolute;right:2px;transition:all .25s ease-in;width:22px}.Requests>div>.container>div>div:hover{background-color:hsla(0,0%,100%,.2)}.Incoming>.container>div>label{width:140px!important}.Incoming>.container>div>div:nth-child(2){right:30px!important}.Requests>div>.container>div>div.loading,.Requests>div>.container>div>div>img{pointer-events:none}.Requests>div>.container>div>div.loading>img{opacity:0}.Requests>div>.container>div>div.loading>.lds-ring{display:block;opacity:.8}.lds-ring{display:none;height:80px;opacity:0;position:absolute;-webkit-transform:scale(.24);transform:scale(.24);width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#00a4ff;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.verifyemailbutton{cursor:default!important}.SignInContainer.showverify{cursor:default!important;-webkit-transform:scale(1);transform:scale(1)}.verifyemailbutton>div{display:flex;flex-direction:row}.verifyemailbutton>div>div{background-color:hsla(0,0%,100%,.2);border-radius:50px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:400;margin-right:5px;padding:5px;transition:all .25s ease-in;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.verifyemailbutton>div>div:hover{background-color:hsla(0,0%,100%,.4)}.Head>div{position:relative;transition:all .25s ease-in}.Head>div>.loaderdiv,.Head>div>label{transition:opacity .25s ease-in}.Head>div:hover{opacity:.8}.Head>div.loading{pointer-events:none}.Head>div.loading>label{opacity:0}.Head>div.loading>.loaderdiv{opacity:1}.Head>div>.loaderdiv{opacity:0}.FriendInviteModalContainer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;pointer-events:none;position:relative;transition:opacity .25s ease-in;width:100%;z-index:10}.FriendInviteModalContainer.shown{opacity:1;pointer-events:all}.FriendInviteModal{align-items:center;background-color:#1a1a1a;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;height:300px;justify-content:center;position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none;width:370px}.FriendInviteModal>label{font-size:18px;font-weight:400;position:absolute;top:16px}.FriendInviteModal>div{-ms-overflow-style:none;border-radius:5px;bottom:16px;height:80%;overflow-y:scroll;position:absolute;scrollbar-width:none;width:95%}.FriendInviteModal>div::-webkit-scrollbar{display:none}.FriendInviteModal>img{cursor:pointer;position:absolute;right:8px;top:8px;-webkit-user-select:none;-o-user-select:none;user-select:none}.FriendInviteModal>img:hover{opacity:.8}.FriendInviteModal>div>div{align-items:center;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;flex-direction:row;height:50px;justify-content:center;margin-bottom:10px;width:100%}.FriendInviteModal>div>div>div{background-color:rgba(51,51,51,.603);border-radius:20px;height:16px;left:10px;position:absolute;width:16px}.FriendInviteModal>div>.online>div{background-color:#0094ff}.FriendInviteModalContainer.shown>.FriendInviteModal>div>.online>button{opacity:1;pointer-events:all}.FriendInviteModal>div>div>label{left:30px;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px)}.FriendInviteModal>div>div>button{align-items:center;background-color:#0094ff;border-radius:5px;border-style:solid;border-width:0;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Josefin Sans,sans-serif;font-size:16px;height:30px;justify-content:center;opacity:.2;pointer-events:none;position:absolute;right:10px;transition:opacity .25s ease-in;-webkit-user-select:none;-o-user-select:none;user-select:none;width:70px}.FriendInviteModal>div>div>button:hover{opacity:.8!important}.FriendInviteModal>div>div>button.sent{pointer-events:none!important}button>.sentlabel{opacity:0;position:absolute}button.sent>label{opacity:0}button.sent>.sentlabel{opacity:1}.ReplayContainer{color:#fff;font-family:Josefin Sans,sans-serif;height:100%;left:0;position:absolute;top:0;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:100%}.ReplayContainer,.ReplayLoading{align-items:center;display:flex;flex-direction:column;justify-content:center}.ReplayLoading{background-color:#222;border-radius:5px;font-weight:400;height:70px;position:relative;width:250px}.ReplayLoading>label{position:absolute;top:16px}.ReplayLoading>div{position:absolute;top:48px}.Notifications{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;font-weight:400;height:98%;justify-content:flex-end;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:240px;z-index:20}.Notification>label,.Notifications{pointer-events:none}.Notifications>.Notification{align-items:center;background-color:#0d7cff;border-radius:5px;display:flex;flex-direction:row;font-size:14px;height:32px;justify-content:center;line-height:16px;margin-bottom:5px;opacity:0;pointer-events:all;position:relative;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .25s ease-in;width:100%}.Notifications>.Notification.shown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}main.transitioning>.Notifications{opacity:1}.ReplayContainer>div{transition:all .25s ease-in}.ReplayContainer.loading>.ReplayLoading,.ReplayContainer>.GameReplayContainer{opacity:1}.ReplayContainer.loading>.GameReplayContainer{opacity:0!important}.ReplayDock{background-color:rgba(0,0,0,.3);border-radius:10px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;height:130px;margin-bottom:100px;margin-top:50px;overflow:hidden;position:absolute;position:relative;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;width:328px}.GameReplayContainer{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:absolute;top:0;width:100%}.GameReplayContainer>.GameDiv{left:auto!important;position:relative;top:0;-webkit-transform:translate(0);transform:translate(0)}.CornerSelection{display:flex;flex-direction:row;margin-left:4px;margin-right:4px;margin-top:8px;position:relative}.CornerSelection>div>div{border-radius:20px;height:12px;left:4px;position:absolute;width:12px}.CornerSelection>div>label{left:18px;overflow:hidden;pointer-events:none;position:absolute;text-align:left;text-overflow:ellipsis;width:50px}.CornerSelection>div{align-items:center;background-color:rgba(0,0,0,.2);border-radius:5px;cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:12px;height:20px;justify-content:center;margin-left:2px;margin-right:2px;outline:1px solid rgba(13,126,255,0);position:relative;transition:all .25s ease-in}.CornerSelection>div.selected,.CornerSelection>div:hover{background-color:rgba(0,0,0,.3)}.CornerSelection>div.selected{outline:1px solid #0d7cff}.startendbtns{display:flex;flex-direction:row;margin-left:2px;margin-right:2px;margin-top:8px}button{color:#fff;font-family:Josefin Sans,sans-serif;font-weight:400;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none}.startendbtns>button{background-color:#0d7cff;border-radius:5px;border-style:none;cursor:pointer;flex:1 1;font-size:16px;height:36px;margin-left:4px;margin-right:4px;transition:all .25s ease-in}.startendbtns>button:hover{background-color:#0066da}.EventCarousel{flex:1 1;flex-direction:row;margin-top:10px;width:100%}.EventCarousel,.EventCarousel>div{align-items:center;display:flex;justify-content:center}.EventCarousel>div{background-color:rgba(0,0,0,.2);border-radius:5px;cursor:pointer;flex-direction:row;height:36px;margin-left:4px;margin-right:4px;min-width:100px;outline:1px solid rgba(13,126,255,0);position:relative;transition:all .25s ease-in;width:90px}.EventCarousel>div.selected,.EventCarousel>div:hover{background-color:rgba(0,0,0,.3)}.EventCarousel.transitionleft{-webkit-transform:translate(108px);transform:translate(108px);transition:all .2s ease-in}.EventCarousel.transitionright{-webkit-transform:translate(-108px);transform:translate(-108px);transition:all .2s ease-in}.EventCarousel>.selectedItem{outline:1px solid #0d7cff;pointer-events:none}.EventCarousel>div>div{border-radius:20px;height:12px;left:10px;position:absolute;width:12px}.EventCarousel>div>label{pointer-events:none;-webkit-transform:translateY(2px);transform:translateY(2px)}.isonline{background-color:#00a4ff!important}.invitenotification{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.invitenotification>label{bottom:0;font-size:14px;left:5px;position:absolute;text-transform:capitalize}.invitenotification>.plyname{top:2px}.invitenotification>div{display:flex;flex-direction:row;position:absolute;right:5px}.invitenotification>div>div{align-items:center;background-color:rgba(0,0,0,.18);border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:26px;justify-content:center;margin-left:5px;transition:all .25s ease-in;width:26px}.invitenotification>div>div:hover{background-color:rgba(0,0,0,.25)}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
/*# sourceMappingURL=main.d4c8897f.css.map*/