body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#2a2d34;width:100vw;height:100vh}.app-footer{display:flex;flex-direction:column;width:100vw;align-items:center;position:fixed;bottom:15px}.app-footer>.footer-link{text-decoration:none;color:#009ddc}.app-header{background-color:#009ddc;width:100%;display:flex;flex-direction:row;color:#2a2d34;justify-content:space-between}.app-header>.title{margin-left:15px;cursor:pointer}.app-header>.action-button{margin-right:15px;cursor:pointer}.button{padding:10px 20px;cursor:pointer;outline:none;border:none;font-size:1em;font-weight:700}.button.disabled{cursor:auto}.deck{border:1px solid #000;background-color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:75px;height:110px;background:#064ea6;background:radial-gradient(circle,#064ea6 0,#00d4ff 100%)}.deck.highlighted{border:3px solid #f26430}.deck.clickable{cursor:pointer}.deck.clickable:hover,.deck.zoomed{transform:scale(1.1)}.in-progress{width:98%}.in-progress .enemy-hands{width:100%;display:flex;flex-direction:row;justify-content:space-around}.in-progress .enemy-hands .enemy-hand{display:flex;flex-direction:column;align-items:center}.in-progress .enemy-hands .enemy-hand .player-name{color:#f26430}.in-progress .enemy-hands .enemy-hand .cards{display:flex;flex-direction:row}.in-progress .enemy-hands .enemy-hand .cards .deck:not(:first-child){margin-left:-53.57143px}.in-progress .piles{display:flex;flex-direction:row}.in-progress .piles .pile{display:flex;flex-direction:column}.in-progress .piles .pile .playing-card:not(:first-child){margin-top:-78.57143px}.in-progress .fixed{position:fixed;width:100%;bottom:-55px;display:flex;flex-direction:column;align-items:center}.in-progress .draw-area{display:flex;flex-direction:row}.in-progress .draw-area>.deck{margin-left:10px}.in-progress .action-buttons{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-evenly}.in-progress .action-buttons>.button:not(:first-child){border-left:1px solid #2a2d34}.in-progress .action-buttons>.button:not(:last-child){border-right:1px solid #2a2d34}.in-progress .directions{color:#f26430}.home-page,.lobby-page{display:flex;flex-direction:column;align-items:center}.home-page>.title{color:#f26430;font-size:4em}.home-page>.tab-card{display:flex;flex-direction:column;align-items:center;min-width:400px}.home-page>.tab-card>.tab-selector{display:flex;flex-direction:row;width:100%;justify-content:space-around;margin-bottom:10px}.home-page>.tab-card>.tab-selector>.tab-button{color:#08ffbe;cursor:pointer}.home-page>.tab-card>.tab-selector>.tab-button:hover{color:rgba(8,255,190,.8)}.home-page>.tab-card>.tab-selector>.selected{text-decoration:underline}.home-page>.tab-card>.tab-content{display:flex;flex-direction:column;align-items:center;width:100%}.home-page>.tab-card>.tab-content>*{margin-top:20px}.input{position:relative;margin:auto;width:100%;max-width:280px;border-radius:3px;overflow:hidden}.input.dark .label{position:absolute;top:20px;left:12px;font-size:16px;color:hsla(0,0%,100%,.5);font-weight:500;transform-origin:0 0;transform:translateZ(0);transition:all .2s ease;pointer-events:none}.input.dark .focus-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.05);z-index:-1;transform:scaleX(0);transform-origin:left}.input.dark .real-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;font-family:inherit;padding:16px 12px 0;height:56px;font-size:16px;font-weight:400;background:hsla(0,0%,100%,.02);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.3);color:#fff;transition:all .15s ease}.input.dark .real-input:hover{background:hsla(0,0%,100%,.04);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.5)}.input.dark .real-input:not(:-ms-input-placeholder)+.label{color:hsla(0,0%,100%,.5);transform:translate3d(0,-12px,0) scale(.75)}.input.dark .real-input:not(:placeholder-shown)+.label{color:hsla(0,0%,100%,.5);transform:translate3d(0,-12px,0) scale(.75)}.input.dark .real-input:focus{background:hsla(0,0%,100%,.05);outline:none;box-shadow:inset 0 -2px 0 #009ddc}.input.dark .real-input:focus+.label{color:#009ddc;transform:translate3d(0,-12px,0) scale(.75)}.input.dark .real-input:focus+.label+.focus-bg{transform:scaleX(1);transition:all .1s ease}.input:not(.dark) .label{position:absolute;top:20px;left:12px;font-size:16px;color:rgba(42,45,52,.5);font-weight:500;transform-origin:0 0;transform:translateZ(0);transition:all .2s ease;pointer-events:none}.input:not(.dark) .focus-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42,45,52,.05);z-index:-1;transform:scaleX(0);transform-origin:left}.input:not(.dark) .real-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;font-family:inherit;padding:16px 12px 0;height:56px;font-size:16px;font-weight:400;background:rgba(42,45,52,.02);box-shadow:inset 0 -1px 0 rgba(42,45,52,.3);color:#2a2d34;transition:all .15s ease}.input:not(.dark) .real-input:hover{background:rgba(42,45,52,.04);box-shadow:inset 0 -1px 0 rgba(42,45,52,.5)}.input:not(.dark) .real-input:not(:-ms-input-placeholder)+.label{color:rgba(42,45,52,.5);transform:translate3d(0,-12px,0) scale(.75)}.input:not(.dark) .real-input:not(:placeholder-shown)+.label{color:rgba(42,45,52,.5);transform:translate3d(0,-12px,0) scale(.75)}.input:not(.dark) .real-input:focus{background:rgba(42,45,52,.05);outline:none;box-shadow:inset 0 -2px 0 #009ddc}.input:not(.dark) .real-input:focus+.label{color:#009ddc;transform:translate3d(0,-12px,0) scale(.75)}.input:not(.dark) .real-input:focus+.label+.focus-bg{transform:scaleX(1);transition:all .1s ease}.login-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:10;display:flex}.login-popup>.content{background-color:#fff;margin:auto;width:50%;max-width:500px;display:flex;flex-direction:column;align-items:center;padding:10px 10px 20px}.login-popup>.content>.tab-selector{display:flex;flex-direction:row;width:100%;justify-content:space-between;max-width:280px;margin-bottom:10px}.login-popup>.content>.tab-selector>.tab-button{color:#009ddc;font-size:1.5em;cursor:pointer}.login-popup>.content>.tab-selector>.tab-button:hover{color:rgba(0,157,220,.8)}.login-popup>.content>.tab-selector>.selected{text-decoration:underline}.login-popup>.content>*{margin-top:10px}.login-popup>.content>.x{align-self:flex-start;cursor:pointer;font-weight:600;margin-left:10px;font-size:1.2em}.login-popup>.content>.switch{cursor:pointer}.playing-card{border:1px solid #000;background-color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:75px;height:110px}.playing-card.highlighted{border:3px solid #f26430}.playing-card.clickable{cursor:pointer}.playing-card.clickable:hover,.playing-card.zoomed{transform:scale(1.1)}.playing-card>.number,.playing-card>.suit{margin:5px;font-size:24px}.playing-card>.suit{margin-left:0}.playing-card.diamonds,.playing-card.hearts{color:red}.profile-page{display:flex;flex-direction:column;align-items:center}.profile-page>.title{color:#f26430;font-size:4em}.screen-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:10;margin:0;display:flex}.screen-loader .loader{margin:auto;width:150px;text-align:center}.screen-loader .loader>*{width:36px;height:36px;background-color:#08ffbe;border-radius:100%;display:inline-block;-webkit-animation:sk-bubbledelay 1.2s ease-in-out infinite both;animation:sk-bubbledelay 1.2s ease-in-out infinite both}.screen-loader .loader>.bubble1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.screen-loader .loader>.bubble2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bubbledelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bubbledelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.waiting{display:flex;flex-direction:column;align-items:center}.waiting>.title{color:#f26430;font-size:4em;margin-bottom:0}.waiting>.player-label{color:#009ddc}.waiting>.player-list{display:flex;flex-direction:column;align-items:flex-start;width:100%}.waiting>.player-list>.player-name{margin-top:0;color:#009ddc}.waiting>.button{margin-top:20px}.your-hand{display:flex;flex-direction:row}.your-hand>.playing-card:not(:first-child){margin-left:-30px}
/*# sourceMappingURL=main.5bdefaa3.chunk.css.map */