.move-list-component{--bgColor: var(--color-neutrals-white);--borderColor: var(--color-gray-200);background-color:var(--bgColor);border:.1rem solid var(--borderColor);display:flex;flex-direction:column;height:12rem;position:relative}.dark-mode .move-list-component{--bgColor: transparent;--borderColor: var(--color-transparent-white-10)}.move-list-list{height:100%;min-width:auto}[dir=ltr] .move-list-list{text-align:left}[dir=rtl] .move-list-list{text-align:right}.move-list-puzzle-state{color:var(--color-neutrals-white);font-size:1.3rem;font-weight:600;line-height:1.7}.move-list-white-to-move{background-color:var(--color-gray-400)}.dark-mode .move-list-white-to-move{background-color:var(--color-transparent-white-72);color:var(--color-gray-900)}.move-list-black-to-move{background-color:var(--color-gray-700)}.dark-mode .move-list-black-to-move{background-color:var(--color-transparent-black-30);color:var(--color-neutrals-white)}.move-list-solved{background-color:var(--color-green-400)}.move-list-failure{background-color:var(--color-bg-danger)}@container (min-width: 600px){.move-list-component{height:36rem;width:calc(100% - 36rem)}}.comment-post-component{border-bottom:.1rem solid var(--color-border-default);padding:var(--space-16) 0;position:relative}.comment-post-component:after{clear:both;content:"";display:block}.comment-post-chosen-comment{background-color:var(--color-bg-tertiary)}.comment-post-component .show-on-hover,.comment-post-component:hover .hide-on-hover{display:none}.comment-post-component:hover .show-on-hover{display:flex}[dir=ltr] .comment-post-avatar{float:left;margin:0 var(--space-16) var(--space-16) 0}[dir=rtl] .comment-post-avatar{float:right;margin:0 0 var(--space-16) var(--space-16)}.comment-post-meta{align-items:flex-start;-moz-column-gap:var(--space-16);column-gap:var(--space-16);display:flex;flex-direction:column;margin-bottom:var(--space-4);row-gap:var(--space-8)}[dir=ltr] .comment-post-meta{margin-left:6.4rem}[dir=rtl] .comment-post-meta{margin-right:6.4rem}.comment-post-username{color:var(--globalColorThemeBlueToMid);font-weight:600;line-height:1.3;max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-post-userblock{display:flex;max-width:100%}.comment-post-semi-transparent:not(:hover){opacity:.3}@media (min-width: 40em){.comment-post-meta{flex-direction:row;justify-content:space-between}[dir=ltr] .comment-post-body{margin-left:6.4rem}[dir=rtl] .comment-post-body{margin-right:6.4rem}}.share-menu-tab-image-component{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.share-menu-tab-image-image{border-radius:var(--radius-5);height:auto;max-height:35.2rem;max-width:100%}.share-menu-tab-image-square{align-items:center;background-color:var(--subtleButtonBackground);border-radius:var(--radius-5);display:flex;height:35.2rem;justify-content:center;max-width:100%;width:35.2rem}.share-menu-tab-image-button{margin-top:var(--space-24)}.share-menu-content{min-height:48rem;padding:var(--space-24)}.share-menu-header{background-color:var(--color-bg-tertiary);border-top-left-radius:var(--radius-10);border-top-right-radius:var(--radius-10)}.share-menu-modal-header{background-color:var(--color-bg-tertiary)}.share-menu-share{padding:1rem 1.5rem}.share-menu-tab{flex:1}.move-san-component.move-san-highlighted .move-san-highlight{position:relative;z-index:1}.move-san-component.move-san-highlighted .move-san-highlight:after{background-color:#fff35f;border-radius:var(--radius-2);content:"";display:block;height:calc(100% + .4rem);position:absolute;top:-.2rem;width:calc(100% + .4rem);z-index:-1}[dir=ltr] .move-san-component.move-san-highlighted .move-san-highlight:after{left:-.2rem}[dir=rtl] .move-san-component.move-san-highlighted .move-san-highlight:after{right:-.2rem}.move-san-component.move-san-highlighted .move-san-highlight:before{background-color:#f8e500;bottom:-.2rem;content:"";display:block;height:.3rem;position:absolute;width:calc(100% + .4rem)}[dir=ltr] .move-san-component.move-san-highlighted .move-san-highlight:before{left:-.2rem}[dir=rtl] .move-san-component.move-san-highlighted .move-san-highlight:before{right:-.2rem}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:after{background-color:var(--highlighted-node-dark-mode-bg, var(--color-transparent-white-10));box-shadow:0 0 #fffc}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:before{background:none}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:before{background:var(--highlighted-node-dark-mode-bottom-bg, var(--color-transparent-white-10))}[dir=ltr] .move-san-premove{margin-right:.1rem}[dir=rtl] .move-san-premove{margin-left:.1rem}[dir=ltr] .move-san-postmove{margin-left:calc(var(--moveSanPostmovePinch, 0) * -1)}[dir=rtl] .move-san-postmove{margin-right:calc(var(--moveSanPostmovePinch, 0) * -1)}.move-san-figurine{--moveSanFigurineFontSize: 2rem;font-size:var(--moveSanFigurineFontSize);margin-top:calc(var(--moveSanFigurineFontSize) / -10)}[dir=ltr] .move-san-figurine{margin-right:.15rem}[dir=rtl] .move-san-figurine{margin-left:.15rem}[dir=ltr] .move-san-figurine+.move-san-san{margin-left:calc(var(--moveSanFigurinePinch, 0) * -1)}[dir=rtl] .move-san-figurine+.move-san-san{margin-right:calc(var(--moveSanFigurinePinch, 0) * -1)}.move-san-san{position:relative}.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}[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)}