.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}}.recent-time-section-component{margin-top:1.6rem;position:relative}.recent-time-section-header{align-items:center;display:flex;flex-direction:row;gap:.2rem;margin-bottom:.8rem}.recent-time-section-label{color:var(--color-text-bolder);font-size:1.4rem;font-weight:600;text-transform:capitalize}.light-mode .recent-time-section-focus-mode .recent-time-section-label{color:var(--color-transparent-white-72)}.recent-time-section-pin{align-items:center;color:var(--color-text-bolder);cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;gap:.2rem;opacity:.7;position:absolute;text-transform:capitalize}[dir=ltr] .recent-time-section-pin{right:0}[dir=rtl] .recent-time-section-pin{left:0}.recent-time-section-pin:hover{opacity:.5}.recent-time-section-icon{font-size:2rem}.recent-time-section-icon.circle-clock-alt.icon-colored{color:var(--color-green-300)}.time-selector-section-component{margin-top:1.6rem}.time-selector-section-header{align-items:center;display:flex;flex-direction:row;gap:.3rem;margin-bottom:.8rem}.time-selector-section-label{color:var(--color-text-bolder);font-size:1.4rem;font-weight:600;text-transform:capitalize}.light-mode .time-selector-section-focus-mode .time-selector-section-label{color:var(--color-transparent-white-72)}.time-selector-section-icon{color:var(--color-icon-default);position:relative}.time-selector-section-info{font-size:1.6rem;color:var(--color-icon-subtle)}.time-selector-section-info:hover{color:var(--color-icon-default)}.selection-menu-isPlaceholder{opacity:.3;pointer-events:none}.selection-menu-isPlaceholder .selection-menu-back{pointer-events:all}.selection-menu-back{--buttonHeight: 3rem;border-radius:var(--radius-5);font-size:2.8rem;margin:1.6rem;padding:.5rem 0 1.1rem;position:absolute;width:3.2rem}.selection-menu-main{background-repeat:no-repeat;display:flex;flex-direction:column;height:100%;overflow:hidden}.selection-menu-component{display:flex;flex-direction:column;height:100%;position:relative}.selection-menu-footer{background:var(--color-bg-tertiary);bottom:0;display:block;height:10rem;padding:1.6rem 2.4rem 2.8rem;width:100%;z-index:1}.selection-menu-scrollable{flex:1 1 0;overflow:auto}.selection-menu-settingsContainer{margin-top:auto;position:relative}.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}}.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}.add-to-library-body{color:var(--color-text-boldest);flex-basis:100%}.add-to-library-empty{color:var(--color-text-bolder);height:22rem;padding:5rem 1.2rem;text-align:center}.add-to-library-filter{padding:1.2rem 1.2rem .6rem;position:relative}.add-to-library-error{left:1.2rem;position:absolute;right:1.2rem}.add-to-library-list{height:22rem;margin:1.2rem 0 0;overflow:auto;padding:0 1.2rem .6rem}.add-to-library-item{align-items:center;background-color:transparent;border:0;color:var(--color-text-bolder);display:flex;font-size:1.4rem;line-height:1.2;min-height:4.4rem;padding:.6rem 0;width:100%}[dir=ltr] .add-to-library-item{text-align:left}[dir=rtl] .add-to-library-item{text-align:right}.add-to-library-item:first-child{padding-top:0}.add-to-library-item:not(:last-child){border-bottom:.1rem solid var(--color-border-default)}.add-to-library-item.add-to-library-processing{opacity:.6;pointer-events:none}.add-to-library-item.add-to-library-exist{pointer-events:none}.add-to-library-item:hover .add-to-library-add-icon{color:var(--color-icon-default)}.add-to-library-item-tumbnail{border-radius:var(--radius-3);flex-shrink:0}[dir=ltr] .add-to-library-item-tumbnail{margin:0 1.2rem 0 0}[dir=rtl] .add-to-library-item-tumbnail{margin:0 0 0 1.2rem}.add-to-library-item-info{max-width:calc(100% - 7rem);width:100%;word-break:break-word}.add-to-library-number-games{color:var(--color-text-subtle);white-space:nowrap}.add-to-library-add-icon{font-size:2rem;color:var(--color-icon-subtle)}[dir=ltr] .add-to-library-add-icon{margin:0 .5rem 0 auto}[dir=rtl] .add-to-library-add-icon{margin:0 auto 0 .5rem}.add-to-library-add-icon.add-to-library-hidden{display:none}.add-to-library-added{font-size:1.6rem;align-items:center;animation:add-to-library-pulse .3s;animation-iteration-count:1;background-color:var(--color-green-300);border-radius:var(--radius-circular);color:var(--color-neutrals-white);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}[dir=ltr] .add-to-library-added{margin:0 .7rem 0 auto}[dir=rtl] .add-to-library-added{margin:0 auto 0 .7rem}.add-to-library-loading{flex-shrink:0}[dir=ltr] .add-to-library-loading{margin-left:auto;margin-right:1rem}[dir=rtl] .add-to-library-loading{margin-right:auto;margin-left:1rem}.add-to-library-loading-list-wrapper{display:flex;height:27.8rem;padding:.6rem 1.2rem}.add-to-library-loading-list{margin:auto}.add-to-library-footer{background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-10) var(--radius-10);padding:var(--space-12)}.add-to-library-new{color:var(--color-text-default);height:5rem}.add-to-library-new:hover{color:var(--color-text-default-hovered)}.add-to-library-new:active{opacity:.8}.add-to-library-new-form{align-items:center;display:flex;gap:.8rem;max-height:0;opacity:0;visibility:hidden}.add-to-library-new-form.add-to-library-expanded{height:auto;margin-bottom:.5rem;margin-top:.5rem;max-height:5.7rem;opacity:1;visibility:visible}.add-to-library-new-form input{flex-grow:1}.add-to-library-pagination{margin:2rem 0}.add-to-library-exist-message{color:var(--color-text-bolder);font-size:1.2rem}.add-to-library-exist-icon{font-size:1.2rem;color:var(--color-icon-default)}@keyframes add-to-library-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes event-bonus-chip-circle-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes event-bonus-chip-label-slide-in{0%{transform:translate(-100%)}to{transform:translate(calc(-1 * var(--space-12)))}}@keyframes event-bonus-chip-label-slide-out{0%{transform:translate(calc(-1 * var(--space-12)))}to{transform:translate(-100%)}}@keyframes event-bonus-chip-icon-slide-in-from-top{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes event-bonus-chip-icon-slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}@keyframes event-bonus-chip-number-slide-in-from-top{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes event-bonus-chip-number-rise-from-bottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.event-bonus-chip-container{align-items:center;display:flex;gap:var(--space-4);transition:transform var(--motion-steady) var(--motion-ease-in-out-strong),opacity .1s linear calc(var(--motion-steady) - .1s)}.event-bonus-chip-delta{aspect-ratio:1;background:var(--color-icon-win);border-radius:var(--radius-circular);color:var(--color-text-boldest);display:grid;height:var(--icon-20);overflow:clip;place-items:center;width:var(--icon-20);z-index:1}.event-bonus-chip-multiplier .event-bonus-chip-delta{background:var(--color-gold-400)}.event-bonus-chip-hard-mode .event-bonus-chip-delta{background:var(--color-red-200)}.event-bonus-chip-icon,.event-bonus-chip-number{grid-area:1/1}.event-bonus-chip-chip-mask{overflow:clip}.event-bonus-chip-label{background-color:var(--color-bg-secondary);border-radius:var(--radius-10);color:var(--color-text-boldest);display:grid;place-items:center}[dir=ltr] .event-bonus-chip-label{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-12);transform:translate(-100%)}[dir=rtl] .event-bonus-chip-label{padding:var(--space-2) var(--space-12) var(--space-2) var(--space-8);transform:translate(100%)}.event-bonus-chip-idle,.event-bonus-chip-landed{display:none}.event-bonus-chip-entering .event-bonus-chip-delta{animation:event-bonus-chip-circle-scale-in var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-label{animation:event-bonus-chip-label-slide-in var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-icon{animation:event-bonus-chip-icon-slide-in-from-top var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-number:not(.event-bonus-chip-number-variant){animation:event-bonus-chip-number-slide-in-from-top var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-number-variant{opacity:0;transform:translateY(1rem)}.event-bonus-chip-held .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-held .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-held .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-held .event-bonus-chip-icon{opacity:1;transform:translateY(0)}.event-bonus-chip-held .event-bonus-chip-number:not(.event-bonus-chip-number-variant){opacity:1;transform:translateY(0)}.event-bonus-chip-held .event-bonus-chip-number-variant{opacity:0;transform:translateY(1rem)}.event-bonus-chip-flipping .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-flipping .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-flipping .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-flipping .event-bonus-chip-icon{animation:event-bonus-chip-icon-slide-out-up var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-flipping .event-bonus-chip-number-variant{animation:event-bonus-chip-number-rise-from-bottom var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-flipped .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-flipped .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-flipped .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-flipped .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-flipped .event-bonus-chip-number{opacity:1;transform:translateY(0)}.event-bonus-chip-closing .event-bonus-chip-delta{transform:scale(1)}.event-bonus-chip-closing .event-bonus-chip-label{animation:event-bonus-chip-label-slide-out var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-closing .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-closing .event-bonus-chip-number{opacity:1;transform:translateY(0)}.event-bonus-chip-exiting{opacity:0;transform:translate(var(--exit-x, 0rem),var(--exit-y, 0rem))}.event-bonus-chip-exiting .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-exiting .event-bonus-chip-label{transform:translate(-100%)}[dir=rtl] .event-bonus-chip-exiting .event-bonus-chip-label{transform:translate(100%)}.event-bonus-chip-exiting .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-exiting .event-bonus-chip-number{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.event-bonus-chip-container{transition:none}.event-bonus-chip-entering .event-bonus-chip-delta,.event-bonus-chip-entering .event-bonus-chip-label,.event-bonus-chip-entering .event-bonus-chip-icon,.event-bonus-chip-entering .event-bonus-chip-number,.event-bonus-chip-flipping .event-bonus-chip-delta,.event-bonus-chip-flipping .event-bonus-chip-label,.event-bonus-chip-flipping .event-bonus-chip-icon,.event-bonus-chip-flipping .event-bonus-chip-number,.event-bonus-chip-closing .event-bonus-chip-delta,.event-bonus-chip-closing .event-bonus-chip-label,.event-bonus-chip-closing .event-bonus-chip-icon,.event-bonus-chip-closing .event-bonus-chip-number,.event-bonus-chip-exiting .event-bonus-chip-delta,.event-bonus-chip-exiting .event-bonus-chip-label,.event-bonus-chip-exiting .event-bonus-chip-icon,.event-bonus-chip-exiting .event-bonus-chip-number{animation:none}}