#game-lengths-viz,#game-lengths-viz-200,#material-count-viz,#material-diff-viz,#wins-viz{display:flex;flex-direction:column;align-items:center;margin:1rem 0}#heatmap-container button{background:transparent;border:1px solid #7cb34b;border-radius:3px;color:#7cb34b;display:inline-block;font-size:14px;height:32px;line-height:24px;padding:3px 8px;position:relative;vertical-align:top;user-select:none;padding:3px 10px;text-align:center;white-space:nowrap;cursor:pointer}#heatmap-container button.active{background-color:#638f3c;color:#fff}#heatmap-container select{border:1px solid #7cb34b;border-radius:3px;color:#7cb34b;display:inline-block;font-size:14px;height:32px;line-height:24px;padding:3px 8px;cursor:pointer;outline:none;padding-right:36px}.caption{font-weight:bold;text-align:center}#castling-container{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}#castling-container div{margin:0 20px;width:220px;text-align:center}#castling-container .caption{text-align:center;margin-bottom:1rem;display:block}#ending{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}#ending div{margin:0 20px;width:220px}#ending .caption{text-align:center;margin-bottom:1rem;display:block}#heatmap-container select{background:inherit;margin-bottom:1rem}#heatmap-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}#heatmap-chart{margin-bottom:1rem}#heatmap-chart .square.light{color:#6c6c6c}#heatmap-chart .square.dark{color:#3c3c3c}#heatmap-chart .label{font-size:12px}#movepaths{display:flex;flex-direction:column;align-items:center}.paths-board .square.light{color:#6c6c6c}.paths-board .square.dark{color:#3c3c3c}.paths-board .label{color:#fff;font-size:12px}.piece-board .piece{cursor:pointer}.piece-board .highlight{color:red}#openings-chart{display:flex;flex-direction:column;align-items:center}#openings-chart path{stroke:white;stroke-width:2;stroke-opacity:0}#openings-chart .highlighted{stroke-opacity:1}#openings-chart .title{font-weight:bold;margin-bottom:.5rem}#openings-chart .board{pointer-events:none}.square.light{color:#f0d9b5}.square.dark{color:#b58863}.tooltip{background-color:#282c34;border:1px solid grey;color:#fff;padding:3px;display:flex;flex-direction:column;align-items:center}