.player-row-avatar{flex-shrink:0;overflow:hidden;position:relative}[dir=ltr] .player-row-avatar{margin-right:1rem}[dir=rtl] .player-row-avatar{margin-left:1rem}.player-row-avatar.player-row-winner{border:.2rem solid var(--color-border-win)}.player-row-avatar.player-row-with-avatar-background{background-color:var(--color-bg-subtler)}.player-row-container{display:block}.player-row-component{display:flex;height:100%;justify-content:space-between;margin:auto;max-width:100%;position:relative}.player-row-constrained .player-row-pieces{bottom:0;position:absolute}[dir=ltr] .player-row-constrained .player-row-pieces{left:calc(100% + .5rem)}[dir=rtl] .player-row-constrained .player-row-pieces{right:calc(100% + .5rem)}.player-row-constrained.player-row-top .player-row-pieces{bottom:initial;top:0}.player-row-wrapper{color:var(--color-neutrals-white);display:flex;height:100%}[dir=ltr] .player-row-wrapper{text-shadow:.1rem .1rem var(--color-transparent-black-30)}[dir=rtl] .player-row-wrapper{text-shadow:-.1rem .1rem var(--color-transparent-black-30)}[dir=ltr] .player-row-move-time{margin-left:1rem}[dir=rtl] .player-row-move-time{margin-right:1rem}@media (min-width: 30em){[dir=ltr] .player-row-move-time{margin-left:1.5rem}[dir=rtl] .player-row-move-time{margin-right:1.5rem}}.share-menu-tab-event-download{display:flex;justify-content:center;margin-top:1.5rem}.share-menu-tab-event-download .icon-font-chess{line-height:.85}.share-menu-tab-event-heading{color:var(--color-text-subtle);font-size:1.3rem;font-weight:600;padding:.5rem 0}.share-menu-tab-event-section{margin-bottom:.5rem;width:100%}.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}.slider-hide{display:none}.slider-label{color:var(--color-text-subtle);font-size:1.2rem;position:absolute}[dir=ltr] .slider-label{transform:translate(-50%)}[dir=rtl] .slider-label{transform:translate(50%)}.slider-label:before{border-bottom:.4rem solid var(--color-icon-default);border-top:.4rem solid var(--color-icon-default);content:"";display:block;height:1rem;position:absolute;transform:translateY(-280%);width:.1rem}[dir=ltr] .slider-label:before{margin-left:50%}[dir=rtl] .slider-label:before{margin-right:50%}.slider-label:first-child{transform:translate(0)}[dir=ltr] .slider-label:first-child:before{margin-left:0}[dir=rtl] .slider-label:first-child:before{margin-right:0}[dir=ltr] .slider-label:last-child{transform:translate(-100%)}[dir=rtl] .slider-label:last-child{transform:translate(100%)}[dir=ltr] .slider-label:last-child:before{margin-left:100%}[dir=rtl] .slider-label:last-child:before{margin-right:100%}[dir=ltr] .slider-label.slider-colored:before{border-left:.1rem solid var(--color-green-300)}[dir=rtl] .slider-label.slider-colored:before{border-right:.1rem solid var(--color-green-300)}.slider-component{--green: var(--color-green-300);align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.slider-track{height:.2rem;position:absolute;top:calc(50% - .1rem);width:100%}.slider-track.slider-thick{border-radius:var(--radius-20);height:1.2rem;top:calc(50% - .6rem)}.slider-input{background:none;margin:1rem 0;padding:0;position:relative;width:100%;z-index:1}.slider-input::-webkit-slider-runnable-track{background:transparent;border:none;border-radius:0;cursor:pointer;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-neutrals-white);border:none;border-radius:var(--radius-circular);box-shadow:0 .1rem .4rem #0006;cursor:pointer;height:2.7rem;width:2.7rem}.slider-input::-moz-range-thumb{background:var(--color-neutrals-white);border:none;border-radius:var(--radius-circular);box-shadow:0 .1rem .4rem #0006;cursor:pointer;height:2.7rem;width:2.7rem}.slider-input::-ms-thumb{background:var(--color-neutrals-white);border:none;border-radius:var(--radius-circular);box-shadow:0 .1rem .4rem #0006;cursor:pointer;height:2.7rem;width:2.7rem}.menu-item-component{background-color:var(--globalColorNeutral100);box-shadow:inset 0 -.2rem #00000040;display:flex;flex-direction:column;min-height:8rem}.menu-item-component:hover{background-color:var(--globalColorNeutral200)}.menu-item-component.menu-item-narrow{min-height:6rem}.menu-item-component .menu-item-row{cursor:pointer;display:flex;padding:1.9rem;width:100%}.menu-item-component .menu-item-text{align-items:center;color:var(--color-text-boldest);display:flex;font-family:var(--font-family-heading);font-size:1.7rem;font-weight:700;word-break:break-word}.menu-item-component .menu-item-center{justify-content:center;text-align:center;width:100%}.menu-item-component .menu-item-label{color:var(--color-text-subtle);font-size:1.4rem}.menu-item-component .menu-item-image{background-position:center center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;height:4rem;width:4rem}[dir=ltr] .menu-item-component .menu-item-image{margin-left:15%;margin-right:8%}[dir=rtl] .menu-item-component .menu-item-image{margin-right:15%;margin-left:8%}[dir=ltr] .menu-item-component .menu-item-image.menu-item-compact{margin-left:0;margin-right:2rem}[dir=rtl] .menu-item-component .menu-item-image.menu-item-compact{margin-right:0;margin-left:2rem}.menu-item-component .menu-item-icon{font-size:2.4rem;color:var(--color-icon-default)}[dir=ltr] .menu-item-component .menu-item-icon{margin:auto 0 auto auto}[dir=rtl] .menu-item-component .menu-item-icon{margin:auto auto auto 0}.game-preview-hand-pieces{position:absolute;top:100%}.game-preview-pseudo-3d-container:after{background:var(--pseudo3dBackgroundProp);bottom:var(--pseudo3dRowOffset);content:"";height:12.5%;margin-top:-20%;padding-top:20%;position:absolute;width:100%}[dir=ltr] .game-preview-pseudo-3d-container:after{left:0}[dir=rtl] .game-preview-pseudo-3d-container:after{right:0}.game-preview-icon-wrapper{align-items:center;background-color:var(--color-transparent-white-85);border-radius:var(--radius-circular);display:flex;height:6.5rem;justify-content:center;position:absolute;top:49.5%;width:6.5rem;z-index:15}[dir=ltr] .game-preview-icon-wrapper{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .game-preview-icon-wrapper{right:50%;transform:translate(50%,-50%)}.game-preview-icon{color:var(--color-gray-500)}.game-preview-chess960-title{color:var(--color-neutrals-white);font-size:15vw;font-weight:700;left:0;position:absolute;right:0;text-align:center;top:40%;width:100%;z-index:15}@media (min-width: 30em){.game-preview-chess960-title{font-size:8rem}}@media (min-width: 60em){.game-preview-chess960-title{font-size:10rem}}.practice-tab-container{display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:space-between}.practice-tab-boxes{display:flex;font-family:var(--font-family-heading);margin:1.2rem 0 2.4rem}[dir=ltr] .practice-tab-boxes .practice-tab-box:not(:last-child){margin-right:.8rem}[dir=rtl] .practice-tab-boxes .practice-tab-box:not(:last-child){margin-left:.8rem}.practice-tab-gamePreviewContainer{margin-bottom:2.4rem;min-height:12rem}@media (min-width: 60em){.practice-tab-gamePreviewContainer{display:none}}.practice-tab-details{color:var(--color-text-bolder);display:flex;font-size:1.8rem;font-weight:700}.practice-tab-details .practice-tab-detail{text-align:center}[dir=ltr] .practice-tab-details .practice-tab-detail:first-child{margin-right:6rem}[dir=rtl] .practice-tab-details .practice-tab-detail:first-child{margin-left:6rem}.practice-tab-main{align-items:center;display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}.practice-tab-footer{background-color:var(--color-bg-tertiary);padding:1.6rem 3.2rem}.practice-tab-footer .practice-tab-button{width:100%}.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}.move-text-component{align-items:center;cursor:pointer;display:inline-block;font-weight:700;position:relative;transition:all .25s ease-in-out}.move-text-component.move-text-dark-mode.move-text-selected:after{background-color:var(--color-transparent-white-10);box-shadow:none}.move-text-component.move-text-dark-mode.move-text-selected:before{background-color:var(--color-transparent-white-10)}.move-text-selected{position:relative;z-index:1}.move-text-selected: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-text-selected:after{left:-.2rem}[dir=rtl] .move-text-selected:after{right:-.2rem}.move-text-selected:before{background-color:#f8e500;bottom:-.2rem;content:"";display:block;height:.3rem;position:absolute;width:calc(100% + .4rem)}[dir=ltr] .move-text-selected:before{left:-.2rem}[dir=rtl] .move-text-selected:before{right:-.2rem}.move-text-selected.move-text-dark-mode:after{background-color:var(--highlighted-node-dark-mode-bg, var(--color-transparent-white-10));box-shadow:0 0 #fffc}.move-text-selected.move-text-dark-mode:before{background:none}.move-text-contains-figurine{align-items:baseline}.move-text-icon{display:inline-block;font-size:2.3rem;margin-top:-1.3rem}[dir=ltr] .move-text-icon{margin-right:.2rem}[dir=rtl] .move-text-icon,[dir=ltr] .move-text-en-passant{margin-left:.2rem}[dir=rtl] .move-text-en-passant{margin-right:.2rem}.timer-component{align-items:center;color:var(--color-text-subtle);display:flex;fill:var(--color-text-subtle);justify-content:space-between}.timer-component.timer-column{flex-direction:column}[dir=ltr] .timer-component.timer-column .timer-icon-font{margin-right:0}[dir=rtl] .timer-component.timer-column .timer-icon-font{margin-left:0}.timer-component.timer-column .timer-timer-label{font-size:2.2rem}.timer-component.timer-danger,.timer-component .timer-danger{color:var(--color-red-300)}.timer-component .timer-icon-font{font-size:3.6rem;color:var(--color-icon-default)}[dir=ltr] .timer-component .timer-icon-font{margin-right:1rem}[dir=rtl] .timer-component .timer-icon-font{margin-left:1rem}.timer-component .timer-icon{color:var(--color-icon-default);height:2.5rem;width:2.5rem}[dir=ltr] .timer-component .timer-icon{margin-right:1rem}[dir=rtl] .timer-component .timer-icon{margin-left:1rem}.timer-component.timer-active{color:var(--color-text-boldest)}.timer-component.timer-active .timer-icon{fill:var(--color-text-boldest)}