.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)}.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}