.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)}}.floating-modal-component{background:var(--color-bg-opaque);border-radius:var(--radius-5);box-shadow:0 .5rem 1.5rem #00000080;display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:10099}.floating-modal-header{background:var(--color-bg-tertiary);cursor:grab;display:flex;flex-shrink:none;height:4rem;min-height:4rem;overflow:hidden;padding:1.2rem;position:relative}.floating-modal-resize-left,.floating-modal-resize-right{bottom:0;height:3rem;position:absolute;width:3rem}[dir=ltr] .floating-modal-resize-left{cursor:sw-resize;left:0}[dir=rtl] .floating-modal-resize-left,[dir=ltr] .floating-modal-resize-right{cursor:se-resize;right:0}[dir=rtl] .floating-modal-resize-right{cursor:sw-resize;left:0}.floating-modal-dragging{cursor:grabbing}.floating-modal-title{color:var(--color-text-default);font-size:1.4rem;font-weight:600;line-height:1;margin-top:.2rem;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .floating-modal-title{padding-right:1rem}[dir=rtl] .floating-modal-title{padding-left:1rem}.floating-modal-title.floating-modal-uppercase{text-transform:uppercase}.floating-modal-close{color:var(--color-icon-default);cursor:pointer;font-size:2rem;position:absolute;top:1rem}[dir=ltr] .floating-modal-close{right:1rem}[dir=rtl] .floating-modal-close{left:1rem}.floating-modal-close:hover{opacity:.6}.authentication-skill-level-selection-component{--labelBackgroundHover: var(--color-gray-100);align-items:center;display:flex;flex-direction:column;width:100%}.dark-mode .authentication-skill-level-selection-component{--labelBackgroundHover: rgba(255, 255, 255, .15)}.authentication-skill-level-selection-component .authentication-skill-level-selection-levels{display:flex;width:100%}.authentication-skill-level-selection-component .authentication-skill-level-selection-title{color:var(--color-text-subtle);font-size:1.4rem;font-weight:600;margin-bottom:2rem}.authentication-skill-level-selection-component .authentication-skill-level-selection-level{align-items:center;display:flex;flex-direction:column;min-height:5rem;position:relative;width:100%}.authentication-skill-level-selection-component .authentication-skill-level-selection-level label{height:100%;width:100%}.authentication-skill-level-selection-component .authentication-skill-level-selection-level label:not(.authentication-skill-level-selection-selected):hover .authentication-skill-level-selection-input:not(:checked)~.authentication-skill-level-selection-label-icon{background-color:var(--labelBackgroundHover)}.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-selected .authentication-skill-level-selection-label-icon,.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-input:checked~.authentication-skill-level-selection-label-icon{background-color:var(--labelBackgroundHover);border:solid .2rem var(--color-green-300)}.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-selected .authentication-skill-level-selection-label-icon .cls-1,.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-input:checked~.authentication-skill-level-selection-label-icon .cls-1{fill:var(--color-text-boldest)}.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-selected .authentication-skill-level-selection-label-icon .authentication-skill-level-selection-name,.authentication-skill-level-selection-component .authentication-skill-level-selection-level label .authentication-skill-level-selection-input:checked~.authentication-skill-level-selection-label-icon .authentication-skill-level-selection-name{color:var(--color-text-boldest)}.authentication-skill-level-selection-component .authentication-skill-level-selection-label-icon{align-items:center;background-clip:content-box;background-color:var(--color-bg-subtler);border:solid .2rem transparent;border-radius:var(--radius-10);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.3rem}[dir=ltr] .authentication-skill-level-selection-component .authentication-skill-level-selection-label-icon{margin-right:0}[dir=rtl] .authentication-skill-level-selection-component .authentication-skill-level-selection-label-icon{margin-left:0}.authentication-skill-level-selection-component .authentication-skill-level-selection-piece{height:3.6rem;margin-top:1rem}.authentication-skill-level-selection-component .authentication-skill-level-selection-piece svg{height:100%}.authentication-skill-level-selection-component .authentication-skill-level-selection-piece .cls-1{fill:var(--color-icon-boldest)}.authentication-skill-level-selection-component .authentication-skill-level-selection-name{color:var(--color-text-bolder);cursor:pointer;font-size:clamp(1.1rem,3vw,1.2rem);font-weight:600;line-height:1;margin:1rem .2rem;text-align:center;word-break:break-word}.authentication-skill-level-selection-component .authentication-skill-level-selection-input{clip:rect(0 0 0 0);height:.1rem;overflow:hidden;position:absolute;width:.1rem}@media (min-width: 34.375em){.authentication-skill-level-selection-component .authentication-skill-level-selection-label-icon{min-height:10rem}.authentication-skill-level-selection-component .authentication-skill-level-selection-levels{gap:1rem}}.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}.select-trophy-component .select-trophy-pagination{display:block}[dir=ltr] .select-trophy-component .select-trophy-pagination{margin-left:0}[dir=rtl] .select-trophy-component .select-trophy-pagination{margin-right:0}.select-trophy-component .select-trophy-pagination.select-trophy-top{margin-bottom:3rem}.select-trophy-component .select-trophy-pagination.select-trophy-bottom{margin-top:3rem}.select-trophy-trophies-grid{display:grid;font-size:1.4rem;grid-template-columns:repeat(2,1fr);line-height:1.8rem}.select-trophy-trophy{color:var(--color-text-default);margin:0 0 1.5rem;text-align:center;width:9.7rem}.select-trophy-trophy-image{margin:0 0 .5rem}.select-trophy-search{max-width:20rem}[dir=ltr] .select-trophy-search{margin-left:auto}[dir=rtl] .select-trophy-search{margin-right:auto}.select-trophy-pagination-wrapper{display:flex;margin-bottom:3rem}.select-trophy-loading{opacity:.5;pointer-events:none}@media (min-width: 25em){.select-trophy-trophies-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 40em){.select-trophy-trophies-grid{grid-template-columns:repeat(4,1fr)}}