.flex-container{align-items:center;align-self:center;display:flex;height:80%;justify-content:center;width:100%}.card{color:#fff;cursor:pointer;font-family:Roboto Slab,serif;margin:2px 5px;text-align:center}.card-selector .card{border-radius:5px;height:35px;line-height:35px;width:25px}.optional{display:None}.board-hole-cards .card{border:.1rem solid;border-radius:10px;font-size:2.1rem;height:70px;line-height:70px;width:50px}.board_label{width:60px}.card.empty{border-color:#fff}.card.empty.current{background-color:#fff;border-color:#000}.cards{display:grid}.card.selected{opacity:.3}.spades .card,.spades.card{background:#000}.spades.card{border-color:#000}.hearts .card,.hearts.card{background:red}.hearts.card{border-color:red}.diamonds .card,.diamonds.card{background:blue}.diamonds.card{border-color:blue}.clubs .card,.clubs.card{background:green}.clubs.card{border-color:green}.main{align-items:center;display:flex;flex-wrap:wrap;font-family:Helvetica,arial,sans-serif;margin:0 auto;max-width:1200px;padding-top:3rem}body{background-color:#f0f0f0;height:100vh;margin:0;padding:0}.not-clickable{cursor:not-allowed;pointer-events:none}.button{border:0;border-radius:10px;color:#fff;cursor:pointer;height:35px;line-height:35px;min-width:90px}button:disabled,button[disabled]{cursor:not-allowed;pointer-events:none}#random:disabled,#random[disabled]{background:#a6e1f4;opacity:.5}#random{background:#00a9e0;touch-action:manipulation}#random:hover{background:#008ece}#clear:disabled,#clear[disabled]{background:#ffbaba}#clear{background:#ff5252}#clear:hover{background:red}#calculate:disabled,#calculate[disabled]{background:#b5e550;opacity:.5}#calculate{background:#abc32f;min-width:150px}#calculate:hover{background:#809c13}.hand-strength{font-size:.85rem;margin-bottom:auto;margin-left:.5rem;margin-top:.1rem}.hand-strength .player{color:#9a9a9a;display:inline-block;font-weight:lighter;vertical-align:top;width:1.1rem}.flex-container.board{justify-content:left}.hand-strength .hand-name{display:inline-block;white-space:nowrap}.hand-strength .hero{margin-bottom:.2rem}span.decoration{color:#9a9a9a;font-weight:lighter}.card-selector-component,.player-boards-component{margin:auto;max-width:470px;min-width:465px;padding:1rem}.card-selector>table,.graph{margin:auto}.graph{max-width:470px;min-width:465px;padding:1rem;position:relative}