.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)}.floating-modal-component{background:var(--color-bg-opaque);border-radius:var(--radius-l);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-xl);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}}.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-s);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)}}.sent-trophy-component{display:flex}[dir=ltr] .sent-trophy-left{margin-right:3rem}[dir=rtl] .sent-trophy-left{margin-left:3rem}.sent-trophy-title{color:var(--color-text-bolder);margin-bottom:1rem}.sent-trophy-from{color:var(--color-text-subtle);font-size:1.4rem;margin:0 0 1rem}.sent-trophy-message{color:var(--color-text-default);margin:0 0 1rem}.sent-trophy-success{align-items:center;color:var(--color-text-success);display:flex;font-size:1.8rem;font-weight:600;gap:.4rem}.sent-trophy-icon{font-size:2.4rem}