.player-openings{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:15px;margin-top:20px;display:flex}.player-openings-board-column{width:540px;min-width:0}.player-openings-board-column .board-container{max-width:540px;margin:0 auto}.player-openings-explorer-column{width:380px;min-width:0}.player-openings-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:16px;margin-bottom:24px;display:flex}.player-openings-color-filter{flex-wrap:wrap;gap:8px 18px;display:flex}.player-openings-explorer-column #settings-info-box-container{margin-bottom:16px}.player-openings-explorer-column #opening-repository-container{height:260px;position:relative;overflow-y:scroll}.player-openings-explorer-column #move-tree-container{height:220px;margin-top:15px}.player-openings-explorer-column table#opening-repository-table{width:100%}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell{width:100px;padding:0;position:relative;overflow:hidden}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell .occurrence-bar{z-index:0;background-color:#b0aca5;height:100%;position:absolute;top:0;right:0}.player-openings-explorer-column table#opening-repository-table tr:hover td.occurrence-cell .occurrence-bar{background-color:#4f5560}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell .occurrence-cell-content{z-index:1;justify-content:space-between;align-items:center;gap:6px;padding:3px 9px;display:flex;position:relative}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell .occurrence-pct{opacity:.7;text-align:right;min-width:80px;font-size:.8em}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell .occurrence-pct-general{opacity:.75;font-size:.85em}.player-openings-explorer-column table#opening-repository-table td.occurrence-cell .occurrence-count{font-weight:700}.player-openings-explorer-column table#opening-repository-table td.outcome-cell{width:110px}.player-openings-explorer-column .bar-indicator-container{width:100%;height:16px;margin-right:8px}.player-openings-explorer-column #opening-repository-container-loading-mask{z-index:100;background-color:#c7baa6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.player-openings-explorer-column #opening-repository-container-loading-mask #opening-repository-mask-label-indicator{color:#000000b3;font-size:28px;font-style:italic;font-weight:700}@media (width<=1000px){.player-openings{flex-direction:column;align-items:center}.player-openings-explorer-column,.player-openings-board-column{width:100%}.player-openings-explorer-column{margin-top:20px}}