.login-modal-component{align-items:center;display:flex;flex-direction:column}.login-modal-title{color:var(--color-text-boldest);font-family:var(--font-family-heading);font-size:clamp(2.8rem,4vw,3.6rem);font-weight:700;line-height:1.05;margin-bottom:.8rem;text-align:center}.login-modal-subtitle{color:var(--color-text-default);font-size:1.7rem;font-weight:600;line-height:1.2;margin:.8rem 0 3rem;text-align:center}.login-modal-form-group{margin-bottom:1.5rem}.login-modal-form-group input{transition:border-color .25s var(--motion-ease-out-gentle)}.login-modal-error{color:var(--color-text-danger)}.form-error-component a{color:var(--color-text-default);text-decoration:underline}.form-error-component a:hover{color:var(--color-text-default-hovered)}.login-modal-label{line-height:1}.login-modal-header{display:flex;justify-content:center;margin:0 auto;width:100%}.login-modal-logo{background:url(/bundles/web/images/logo/logo-black.cacf62ff.svg) no-repeat center;background-size:contain;display:inline-block;height:4.4rem;margin-bottom:3rem;width:15.8rem}.dark-mode .login-modal-logo{background:url(/bundles/web/images/logo/logo.37fd465e.svg) no-repeat center}.login-modal-wrap{padding:3.5rem clamp(1rem,4vw,3rem) 1rem}.login-modal-form{margin-bottom:3.5rem}.login-modal-button{margin:3rem 0 0}.login-modal-turnstile{font-size:0;line-height:0}.login-modal-footer{background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-10) var(--radius-10);color:var(--color-text-bolder);text-align:center}.login-modal-link{align-items:center;color:var(--color-text-default);cursor:pointer;display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;padding:1.5rem;text-decoration:underline}.login-modal-link:hover{color:var(--color-text-default-hovered)}.login-modal-text{color:var(--color-text-bolder);cursor:default}[dir=ltr] .login-modal-text{margin-right:.5rem}[dir=rtl] .login-modal-text{margin-left:.5rem}.login-modal-options{align-items:center;color:var(--color-text-subtle);display:flex;font-size:1.3rem;justify-content:space-between}[dir=ltr] .login-modal-options>*:last-child{margin-left:1.5rem;text-align:right}[dir=rtl] .login-modal-options>*:last-child{margin-right:1.5rem;text-align:left}.login-modal-forgot{color:var(--color-text-default);font-weight:400;text-decoration:underline}.login-modal-forgot:hover{color:var(--color-text-default-hovered)}@media (min-width: 40em){.login-modal-wrap{padding:4rem 4rem 2rem}}.presence-button-component{display:flex;flex:1 1;justify-content:flex-end}.presence-button-placeholder,.presence-button-visible,.presence-button-hidden{color:inherit}.presence-button-icon-only{align-items:center;display:flex;height:2.4rem;justify-content:center;width:2.4rem}.presence-button-icon-only.presence-button-watch{color:var(--color-red-400)}.presence-button-icon-only.presence-button-challenge{color:var(--color-green-500)}.presence-button-label{display:none}@media (min-width: 40em){.presence-button-label{display:block}}.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}}.confirm-popover-inline-popover{background:var(--color-bg-opaque);border-radius:var(--radius-5);box-shadow:0 .2rem .5rem #00000080;color:var(--color-text-boldest);margin:1rem 0;padding:1.5rem}.confirm-popover-inline-component{max-width:29rem;position:fixed;width:100%;z-index:10000}.confirm-popover-inline-inner{display:grid;gap:1.5rem;grid-template-columns:2}.confirm-popover-inline-message{grid-column:span 2;line-height:1.2;text-align:center}