.topbar{padding:0 16px;box-shadow:1px 1px 1px rgba(0,0,0,.2);background-color:#efefef}.topbar,.topbar h1{display:flex;align-items:center}.topbar h1{flex:1 1;text-shadow:0 1px 1px #fff}.topbar h1 .logo{margin-right:8px}.topbar .links a{color:#fff;font-weight:700;margin-left:8px;padding:4px;text-decoration:none;box-shadow:1px 1px 1px rgba(0,0,0,.2);border-radius:3px;background-color:#8ca9cf;border:2px solid #8ca9cf}.topbar .links a:hover{border-color:#688ec0;background-color:#688ec0}.topbar .links a.selected{color:#8ca9cf;background-color:#fff}.topbar .links a.selected:hover{border-color:inherit;background-color:inherit}.footer{display:flex;font-size:80%;padding:16px;line-height:100%;align-items:center;justify-content:space-between}.card-picker{flex:1 1;display:flex;border-radius:6px;flex-direction:column;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.2);padding:4px 2px;border:2px solid #8ca9cf}.card-picker-card,.card-picker-colors,.card-picker-figures{display:flex;flex-wrap:wrap;margin:0 0 -4px;justify-content:space-around}.card-picker-color,.card-picker-figure{display:flex;align-items:center;margin:0 0 4px;justify-content:center}.card-picker-color{flex:0 0 45%;cursor:pointer;font-size:32px;border-radius:3px;background-size:contain;background-repeat:no-repeat}.card-picker-figure{flex:0 0 23%;cursor:pointer;color:#8ca9cf;border-radius:3px;background-color:#efefef;border:2px solid #efefef}.card-picker-figure:hover{color:#efefef;background-color:#8ca9cf;border:2px solid #8ca9cf}.card-picker-color:hover{background-color:#efefef}.card-picker-color:after{content:"";display:block;padding-bottom:100%}.card-picker-card{flex:1 1;margin:0;display:flex;font-size:100px;font-weight:700;line-height:100%;position:relative;align-items:center;background-size:contain;background-position:50%;background-repeat:no-repeat;font-family:"Oswald",sans-serif}.card-picker-card.color-spades{color:#000}.card-picker-card.color-hearts{color:#dc143c}.card-picker-card.color-diamonds{color:#6495ed}.card-picker-card.color-clubs{color:#20b2aa}.card-picker-card:hover .reset{display:block}.card-picker-card>span{font-size:16px;line-height:100%;font-weight:700}.card-picker-card>span:first-child{top:0;left:2px;position:absolute}.card-picker-card>span:last-child{bottom:-1px;right:1px;position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card-picker-card>span.reset{top:-2px;display:none;right:4px;cursor:pointer;font-weight:700;position:absolute;color:#d6d6d6;font-family:"PT Sans",sans-serif}.card-picker-card>span.reset:hover{color:#bcbcbc}.game{width:600px;display:flex;height:430px;padding:0 16px 16px;flex-wrap:wrap;background-color:#efefef;border:1px solid #8ca9cf}.game .game-hand{height:50%;width:230px;display:flex;flex-direction:column}.game .game-hand h3 span{padding:4px;margin-left:4px;border-radius:3px;background-color:#fff}.game .game-board{height:50%;flex:0 0 100%;display:flex;flex-direction:column}.game .game-board>div,.game .game-hand>div{flex:1 1;display:flex}.game .game-board>div>div,.game .game-hand>div>div{margin-right:8px}.game .game-board>div>div:last-child,.game .game-hand>div>div:last-child{margin-right:0}.game .game-stats{flex:1 1;height:50%;display:flex;padding:0 0 0 16px;flex-direction:column}.game .game-stats .game-stats-box{flex:1 1;display:flex;padding:0 8px;margin-bottom:8px;border-radius:3px;align-items:center;background-color:#fff;justify-content:space-between}.game .game-stats .game-stats-box:last-child{margin-bottom:0}.game .game-stats .game-stats-box h4{margin:0}.table{display:flex;flex-direction:column;background-color:#fff}.table.bt .tile.bt,.table.cu .tile.cu,.table.hj .tile.hj,.table.sb .tile.sb,.table.utg .tile.utg{box-shadow:1px 1px 1px rgba(0,0,0,.2)}.table .header{color:#fff;font-weight:700;min-width:40px;min-height:40px;border-radius:3px;margin:0 4px 4px 0;background-color:#8ca9cf}.table .row,.table .row>div{flex:1 1;display:flex}.table .row>div{align-items:center;justify-content:center}.table .tile{color:#000;cursor:pointer;min-width:40px;min-height:40px;border-radius:3px;margin:0 4px 4px 0;background-color:#efefef;color:#bcbcbc;text-shadow:0 1px 1px #fff}.table .tile.pair{background-color:#d6d6d6}.table .tile:hover{color:#efefef;text-shadow:none!important;background-color:#bcbcbc}.table .tile.utg{background-color:plum;color:#822f82;text-shadow:0 1px 1px #f1d8f1}.table .tile.utg:hover{color:plum;background-color:#822f82}.table .tile.hj{background-color:#ffa07a;color:#ad3100;text-shadow:0 1px 1px #ffd7c7}.table .tile.hj:hover{color:#ffa07a;background-color:#ad3100}.table .tile.cu{background-color:khaki;color:#9c8e14;text-shadow:0 1px 1px #f9f5d0}.table .tile.cu:hover{color:khaki;background-color:#9c8e14}.table .tile.bt{background-color:#98fb98;color:#07c007;text-shadow:0 1px 1px #e2fee2}.table .tile.bt:hover{color:#98fb98;background-color:#07c007}.table .tile.sb{background-color:#afeeee;color:#25acac;text-shadow:0 1px 1px #eefbfb}.table .tile.sb:hover{color:#afeeee;background-color:#25acac}.table .tile .text{text-align:center}.table .tile .text>div{font-size:60%;line-height:100%;margin-top:2px}.range{display:flex}.range,.range .table{flex:1 1}.range .list{width:30vw;margin:4px 0 16px 16px}.range .list h3{margin:0 0 16px;position:relative}.range .list h3 span{right:0;bottom:0;font-size:80%;position:absolute;font-weight:400;font-family:"PT Sans"}.range .list .position{cursor:pointer;position:relative;border-radius:6px;margin-bottom:8px;box-shadow:1px 1px 1px rgba(0,0,0,.2);background-color:#efefef;flex-basis:calc(16.6% - 16px);border:2px solid #8ca9cf}.range .list .position h4{margin:8px;padding-left:24px;position:relative;text-transform:uppercase}.range .list .position h4 span{right:0;bottom:0;font-size:80%;position:absolute;font-weight:400;font-family:"PT Sans";text-transform:lowercase}.range .list .position h4:before{left:0;width:16px;height:16px;content:" ";border-radius:50%;position:absolute;background-color:#000;border:1px solid #000}.range .list .position.utg h4:before{background-color:plum;border-color:#c255c2}.range .list .position.hj h4:before{background-color:#ffa07a;border-color:#ff5714}.range .list .position.cu h4:before{background-color:khaki;border-color:#e4d232}.range .list .position.bt h4:before{background-color:#98fb98;border-color:#36f736}.range .list .position.sb h4:before{background-color:#afeeee;border-color:#5bdcdc}.range .list .position .hands{margin:8px 8px 4px}.range .list .position .hands>div{font-size:70%;padding:4px;display:inline-block;background-color:#fff;border-radius:3px;margin:0 4px 4px 0}.range .list .position.selected{background-color:#fff}.range .list .position.selected .hands>div{background-color:#efefef}.app{flex:1 1;display:flex;flex-direction:column}.app .content{flex:1 1;overflow-y:auto}.app .game,.app .range{margin:16px}.spades:before{content:"♠";position:absolute;color:#000}.hearts:before{content:"♥";position:absolute;color:#dc143c}.diamonds:before{content:"♦";position:absolute;color:#6495ed}.clubs:before{content:"♣";position:absolute;color:#20b2aa}.logo{top:1px;width:28px;height:28px;display:flex;flex-wrap:wrap;position:relative}.logo>div{width:14px;height:14px;flex:0 0 50%;display:flex;font-size:14px;line-height:14px;align-items:center;justify-content:center}@font-face{font-weight:400;font-style:normal;font-family:"PT Sans";src:local("PTSans"),url(/static/media/PT_Sans-Web-Regular.277798a3.ttf)}@font-face{font-weight:700;font-style:normal;font-family:"PT Sans";src:local("PTSans"),url(/static/media/PT_Sans-Web-Bold.7b84e9c5.ttf)}@font-face{font-weight:600;font-style:normal;font-family:"Oswald";src:local("Oswald"),url(/static/media/Oswald-SemiBold.3049f1a7.ttf)}body,html{height:100%}body{margin:0;padding:0;display:flex;font-weight:400;font-size:16px;line-height:16px;color:#688ec0;font-family:"PT Sans",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body #root{flex:1 1;display:flex}h1,h2,h3,h4{margin:16px 0;font-weight:600;font-family:"Oswald",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.4bccb96a.chunk.css.map */