.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}.button-options-container{align-items:center;display:flex;height:100%;justify-content:center;min-width:3.75rem;position:relative}.button-options-options{color:var(--color-neutrals-white);font-size:1.25rem;font-weight:400;height:100%}.button-options-options.button-options-selected{background-color:var(--color-transparent-white-65);color:#0006}.button-options-options:hover~.button-options-popover,.button-options-popover:hover{display:flex}.button-options-popover{background-color:#0006;bottom:100%;display:none;flex-direction:column;position:absolute;width:calc(100% + 2rem)}[dir=ltr] .button-options-popover{left:-1rem}[dir=rtl] .button-options-popover{right:-1rem}.button-options-popover .button-options-options{font-size:1.1rem}.button-options-popover .button-options-options:not(.button-options-selected):hover{background-color:var(--color-transparent-white-14)}.board-settings-modal{max-width:100%;width:33rem}.board-settings-select{width:50%}.board-settings-settings{margin:0;padding:1rem 0;width:100%}.board-settings-setting{display:flex;justify-content:space-between;padding:.6rem 1.5rem}.board-settings-label{padding-top:.5rem}.dark-mode .board-settings-label{color:var(--color-gray-300)}