.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)}.time-selector-section-info{font-size:1.6rem;color:var(--color-icon-subtle)}.time-selector-section-info:hover{color:var(--color-icon-default)}.outgoing-challenges-component{display:flex;flex:1 1 0;flex-direction:column}.outgoing-challenges-header{align-items:center;border-bottom:.1rem solid var(--color-border-default);display:flex;flex:0 0 5.6rem;height:5.6rem;padding:0 1.6rem}.outgoing-challenges-header .outgoing-challenges-label{color:var(--color-text-default);flex:1 1 auto;font-size:1.4rem;font-weight:600}.outgoing-challenges-header .outgoing-challenges-close{background-color:transparent;border:none;margin:0;padding:0;align-items:center;cursor:pointer;display:flex;gap:.6rem;padding:.2rem}.outgoing-challenges-header .outgoing-challenges-close .outgoing-challenges-icon{font-size:1.6rem;color:var(--color-icon-default)}.outgoing-challenges-header .outgoing-challenges-close .outgoing-challenges-text{color:var(--color-text-default);font-size:1.4rem}.outgoing-challenges-header .outgoing-challenges-close:hover .outgoing-challenges-icon{color:var(--color-icon-default-hovered)}.outgoing-challenges-header .outgoing-challenges-close:hover .outgoing-challenges-text{color:var(--color-text-default-hovered)}.outgoing-challenges-cancel{background-color:transparent;border:none;margin:0;padding:0;align-self:flex-end;color:var(--color-text-default);font-size:1.4rem;padding:.2rem}.outgoing-challenges-cancel:hover{color:var(--color-text-default-hovered)}.outgoing-challenges-list{display:flex;flex:1 1 0;flex-direction:column;gap:1.6rem;overflow:auto;padding:1.6rem}.outgoing-challenges-content{align-items:center;display:flex;flex:1 1 0;flex-direction:column;justify-content:center}@media (max-width: 59.999em){.outgoing-challenges-content{justify-content:flex-start;padding-top:4rem}}.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)}}.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}