body{padding: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}.current-user-data>.text{font-size:.9em;font-weight:lighter}.current-user-data>.name{padding-left:.5em;font-weight:900}.auth-bar{padding:6px 20px;min-height:40px;background-color:#2e5c2e;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.auth-bar input{color:#202020;background-color:#eee}.auth-bar span{color:#eee}.auth-bar>input{margin-left:150px}.create-user-form,.login-form{display:inline-block;margin:10px 20px}.create-user-form>span,.login-form>span{margin-right:10px}.create-user-form>input,.login-form>input{margin:2px}.feedback.error{color:#ff9580}.feedback.info{color:#80d5ff}.front-page{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.front-page a{display:inline-block;padding:150px;margin:50px 0;background-color:#c9ac1d;text-decoration:none;text-transform:uppercase;font-size:50px;text-align:center}.front-page a:hover{-webkit-animation:ooze .5s cubic-bezier(0,2,.5,.5);animation:ooze .5s cubic-bezier(0,2,.5,.5);-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#ecc813;color:#1337ec}@-webkit-keyframes ooze{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes ooze{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}.dropdown{display:inline-block;padding:.12em .25em;border:1px solid #999;background-color:#202020;cursor:pointer;text-align:left;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;position:relative}.dropdown a:hover{color:#1ab3ff!important}.dropdown.open{border:1px solid #999;background-color:#2e5c2e}.dropdown>.dropdown-selected-option{display:inline-block;width:100%}.dropdown>.option-list{position:absolute;z-index:10;top:100%;left:-1px;border:1px solid #999;background-color:#2e5c2e;display:flex;flex-direction:column}.dropdown>.option-list>.option-list-item{font-size:.8em;padding:.1em .4em;white-space:nowrap}.dropdown>.option-list>.option-list-item.isSelected{color:#ecc813}.new-match{padding:2em 0;font-size:3rem;flex-direction:column;align-content:space-around}.new-match,.new-match .rules{display:flex;align-items:center;justify-content:center}.new-match .rules{flex-direction:row}.new-match .rules .dropdown{margin:.1em .5em}.new-match input{margin-top:1em;color:#202020}.new-match input[type=button]{padding:.3em .5em;background-color:#2e5c2e;color:#eee}.button-component{font-size:1em;border:0 hidden transparent;margin:0 3px;outline:none;padding:.3em .5em;cursor:pointer}.button-component.basic{background-color:#bbb;color:#202020}.button-component.primary{background-color:#2e5c2e;color:#eee}.button-component.info{background-color:#1f6d93;color:#eee}.button-component.subtle{background-color:#363636;color:#e1e1e1}.modal-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:.3;z-index:10;-webkit-animation:fadein-modal-overlay .15s ease-out;animation:fadein-modal-overlay .15s ease-out;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.modal-overlay.fade-out{opacity:0}.modal-content{position:absolute;box-sizing:border-box;top:20%;left:50%;max-width:830px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;color:#eee;opacity:1;z-index:11;padding:8rem;background-color:#363636;font-size:1.06125em;text-align:center;-webkit-animation:emerge .25s;animation:emerge .25s;margin-bottom:20px;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.modal-content>.modal-close-button{position:absolute;top:1.3rem;right:1.3rem;padding:1rem 1.5rem;background-color:initial;border:none;cursor:pointer;color:#bbb;font-size:3rem}.modal-content input[type=button]{color:#363636}.modal-content.fade-out{opacity:0}@-webkit-keyframes fadein-modal-overlay{0%{opacity:0}to{opacity:.3}}@keyframes fadein-modal-overlay{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes emerge{0%{-webkit-transform:translateX(-50%) translateY(0) rotateY(90deg);transform:translateX(-50%) translateY(0) rotateY(90deg);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}@keyframes emerge{0%{-webkit-transform:translateX(-50%) translateY(0) rotateY(90deg);transform:translateX(-50%) translateY(0) rotateY(90deg);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}.deal-form .form-input{margin-left:1em}.deal-differently .cards-for-player-selector{text-align:right;margin-right:1em}.deal-differently .cards-for-player-selector:not(:first-child){margin-top:1em}.deal-cards-modal>.deal-form{margin:2em 0}.trick-winner-modal>.description>.highlight{color:#80d5ff}.trick-winner-modal input[type=button]{margin:2em .5em}.trick-winner-modal input[type=button].button-accept{background-color:#2e5c2e;color:#eee}.trick-winner-modal input[type=button].button-reject{background-color:#202020;color:#eee}.chat-messages>.message{padding:.2em .5em;border-bottom:1px dotted #363636;line-height:1.5em}.chat-messages>.message>.user-name{color:#2e5c2e}.chat-messages>.message>.text{color:#aa9118;margin-left:.6em;margin-right:2em}.chat-messages>.message>.time{font-size:70%;color:#696969;float:right;margin:2px 2.2em auto auto}.chat-messages>.message>.delete-button{color:#ff9580;background-color:initial;float:right;padding:0;margin:.2em 0 .2em -1em}.chat-input{background-color:#363636;overflow:hidden}.chat-input>.message{margin:0;padding:.5em;width:75%;background-color:#363636;color:#aa9118}.chat-input>.button{margin:0;padding:.5em 2em;float:right;background-color:#2e5c2e;color:#eee}.match-chat{font-size:80%;border:1px dotted #1f6d93;margin:1em 0;max-height:11em;overflow-y:auto;overflow-x:hidden}.match-chat.hidden{display:none}.match{margin:10px 20px;font-size:25px}.match .dropdown{margin:.1em .5em}.match input{padding:.3em .5em}.match .settings{margin-bottom:20px}.match .settings header{font-size:1.3em}.match .buttons{display:flex;flex-direction:row;flex-wrap:wrap}.match .buttons .toggler-buttons *,.match .buttons>.match-action-buttons *,.match .buttons>.match-status{margin-top:.5em}.match .buttons>.match-status{align-self:stretch;display:flex;align-items:center;color:#bbb;background-color:#202020;border:1px solid #bbb;margin-right:1em}.match .buttons>.match-status .item{padding:0 .5em}.match .buttons>.match-status>.item~.item{border-left:1px solid #bbb}a:hover,a:link,a:visited{color:#1d39c9}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-track{background-color:#363636}::-webkit-scrollbar-thumb{background-color:#505050}body{margin:0;background:#202020;color:#eee;font:300 100.1% Helvetica Neue,Helvetica,Arial Unicode MS,Arial,sans-serif}input{font-size:1em;border:0 hidden transparent;margin:0 3px;outline:none}input[type=button],input[type=submit]{color:#202020;background-color:#bbb;cursor:pointer}input[type=password],input[type=text]{padding-left:.2em}.react-root{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.react-root>.page-header{padding:20px;font-size:30px}.react-root a{padding:10px}.react-root .children{font-size:16px}.react-root .children div{padding:10px 0}
/*# sourceMappingURL=main.9374e66b.chunk.css.map */