.game-item-component{align-items:center;border-bottom:.1rem solid var(--color-border-default);cursor:pointer;display:flex;flex-wrap:wrap;padding:.8rem 1.2rem}.game-item-player{flex:1 1 0;overflow:hidden}[dir=ltr] .game-item-player{margin-right:.6rem}[dir=rtl] .game-item-player{margin-left:.6rem}.game-item-rating{color:var(--color-text-subtle);flex:0 0 4rem}[dir=ltr] .game-item-rating{margin-right:1.2rem}[dir=rtl] .game-item-rating{margin-left:1.2rem}@container explorer-tab (max-width: 400px){.game-item-rating{display:none}}.game-item-type-glyph{flex:0 0 2rem;position:relative}[dir=ltr] .game-item-type-glyph{margin-right:1.2rem}[dir=rtl] .game-item-type-glyph{margin-left:1.2rem}.game-item-result{flex:0 0 4rem;font-size:1.3rem;text-align:center}.game-item-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-subtle);flex:0 0 5rem;padding:0 var(--space-2);text-align:center}.game-item-expand{flex:0 0 2rem}.game-item-result{color:var(--color-text-default);flex:0 0 4rem}[dir=ltr] .game-item-result{margin-right:1.2rem}[dir=rtl] .game-item-result{margin-left:1.2rem}.game-item-won .game-item-result{color:var(--color-text-win)}.game-item-lost .game-item-result{color:var(--color-text-loss)}.setup-board-option-component{display:flex}.setup-board-option-component button{background-color:transparent;border:none;margin:0;padding:0 1.2rem;align-items:center;cursor:pointer;display:flex;flex:1 1 0;height:100%}.setup-board-option-component:hover .setup-board-option-icon,.setup-board-option-component:hover .setup-board-option-caret{color:var(--color-icon-default-hovered)}.setup-board-option-component:hover .setup-board-option-label{color:var(--color-text-bolder)}.setup-board-option-icon{color:var(--color-icon-default)}[dir=ltr] .setup-board-option-icon{margin-right:1.2rem}[dir=rtl] .setup-board-option-icon{margin-left:1.2rem}.setup-board-option-caret{color:var(--color-icon-default)}[dir=ltr] .setup-board-option-caret{margin-left:auto}[dir=rtl] .setup-board-option-caret{margin-right:auto}.setup-board-option-label{color:var(--color-text-default);font-size:1.4rem;font-weight:600;position:relative;top:-.1rem}[dir=ltr] .setup-board-option-label{text-align:left}[dir=rtl] .setup-board-option-label{text-align:right}.setup-board-component{display:flex;flex:1;flex-direction:column;position:relative}.setup-board-header{color:var(--color-text-default);font-size:1.4rem;font-weight:600;padding:0 1.2rem}.setup-board-content{display:flex;flex-direction:column;margin:0 1.2rem}.diagram-editor-container{--sidebarWidth: 42rem;border-radius:var(--radius-10);color:var(--color-text-bolder);font-weight:600;min-height:50rem;overflow:hidden}.diagram-editor-board-container{background:var(--globalSiteBackground);box-shadow:inset 0 0 4rem #0000001a}[dir=ltr] .diagram-editor-board-container{border-radius:var(--radius-10) 0 0 var(--radius-10)}[dir=rtl] .diagram-editor-board-container{border-radius:0 var(--radius-10) var(--radius-10) 0}.diagram-editor-sidebar{display:flex;flex-direction:column;max-height:60rem;min-height:100%;position:relative}.diagram-editor-sidebar .setup-board-content{margin-bottom:1.2rem}[dir=ltr] .diagram-editor-cap{border-top-left-radius:0}[dir=rtl] .diagram-editor-cap{border-top-right-radius:0}.diagram-editor-height{min-height:50rem}@media (min-width: 48em){.diagram-editor-container{display:grid;grid-template-columns:1fr var(--sidebarWidth);width:auto}}