body.modal-overflow-hidden{overflow:hidden}.cc-modal-component{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-24) 0;position:fixed;top:0;width:100vw;z-index:9999}[dir=ltr] .cc-modal-component{left:0}[dir=rtl] .cc-modal-component{right:0}.cc-modal-body{--modalBorderRadius: var(--radius-xl);background-color:var(--color-bg-opaque);border-radius:var(--modalBorderRadius);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-s) var(--color-border-default);margin:auto;max-width:calc(100% - 1.5rem);position:relative}.cc-modal-backdrop{background-color:var(--backdropBg, var(--color-bg-overlay));inset:0;position:fixed;z-index:-1}.cc-modal-bg-transparent{--backdropBg: transparent}.cc-modal-enter-from,.cc-modal-leave-to{opacity:0}.cc-modal-enter{transition:opacity .3s var(--motion-ease-out-gentle)}.cc-modal-leave{transition:opacity .1s var(--motion-ease-out-gentle)}.cc-modal-xxxs{--cc-modal-max-width: var(--container-xxxs);width:var(--container-xxxs)}.cc-modal-xxs{--cc-modal-max-width: var(--container-xxs);width:var(--container-xxs)}.cc-modal-xs{--cc-modal-max-width: var(--container-xs);width:var(--container-xs)}.cc-modal-sm{--cc-modal-max-width: var(--container-s);width:var(--container-s)}.cc-modal-md{--cc-modal-max-width: var(--container-m);width:var(--container-m)}.cc-modal-lg{--cc-modal-max-width: var(--container-l);width:var(--container-l)}.cc-modal-xl{--cc-modal-max-width: var(--container-xl);width:var(--container-xl)}.cc-modal-component-v2{animation:cc-modal-fade-out .1s var(--motion-ease-out-gentle);background-color:transparent;border:none;display:none;height:100%;inset:0;margin:0;max-height:100%;max-width:100%;overscroll-behavior:contain;padding:var(--space-24) .8rem;position:fixed;width:100%!important}.cc-modal-component-v2[open]{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);display:grid}.cc-modal-component-v2[open]::backdrop{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);background-color:var(--color-bg-overlay)}.cc-modal-component-v2[open].cc-modal-bg-transparent::backdrop{background-color:transparent}.cc-modal-dialog{align-content:start;background-color:var(--color-bg-opaque);border-radius:var(--radius-xl);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-s) var(--color-border-default);color:var(--color-text-default);margin:auto;max-width:var(--cc-modal-max-width);position:relative;width:100%}@keyframes cc-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-modal-fade-out{0%{display:grid;opacity:1}to{display:none;opacity:0}}.setup-position-component{align-items:stretch;display:flex;flex:1 1 0;flex-direction:column;overflow-y:auto;padding:1.2rem}.setup-position-pieces{background-color:var(--globalAccentBackground);padding:1.2rem}.setup-position-bottom{align-items:stretch;display:flex;flex:1 1 0;flex-direction:column;margin-top:1.2rem}.setup-position-icon{font-size:2.4rem;color:var(--color-icon-default);cursor:pointer;margin:0 .2rem}.setup-position-icon:hover{color:var(--color-icon-default-hovered)}.setup-position-options{display:flex;margin-bottom:.6rem}.setup-position-controls{align-items:center;display:flex;flex:0}.setup-position-labels{color:var(--color-text-subtle);display:flex;flex-wrap:wrap;margin-bottom:1.6rem}.setup-position-labels>*{font-weight:400;margin:.5rem 0 0;width:50%}[dir=ltr] .setup-position-labels>*.setup-position-player{text-align:left}[dir=rtl] .setup-position-labels>*.setup-position-player{text-align:right}.setup-position-fen{margin-bottom:1.6rem}.setup-position-pgn{flex:1 1 0;height:7rem;margin-bottom:1.6rem;min-height:8rem;resize:none}.setup-position-advanced{display:flex;flex-wrap:wrap;justify-content:flex-end}.setup-position-advanced-container{width:100%}.setup-position-advanced-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.6rem}[dir=ltr] .setup-position-advanced-item{text-align:left}[dir=rtl] .setup-position-advanced-item{text-align:right}.setup-position-advanced-item span{height:-moz-min-content;height:min-content}[dir=ltr] .setup-position-advanced-item span{margin-right:1rem}[dir=rtl] .setup-position-advanced-item span{margin-left:1rem}.setup-position-advanced-input{width:6rem}.setup-position-wide-advanced-input{width:12rem}.setup-position-advanced-toggle{margin-bottom:1.2rem}.authentication-intro-component{align-items:center;display:flex;flex-direction:column}.authentication-intro-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}.authentication-intro-subtitle{color:var(--color-text-default);font-size:1.7rem;font-weight:600;line-height:1.2;margin:.8rem 0 3rem;text-align:center}.authentication-intro-form-group{margin-bottom:1.5rem}.authentication-intro-form-group input{transition:border-color .25s var(--motion-ease-out-gentle)}.authentication-intro-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)}.authentication-intro-label{line-height:1}.authentication-intro-levels{display:flex;flex-direction:column;gap:.5rem;margin:3rem 0 5.5rem;max-width:36.5rem;width:100%}.authentication-intro-level{--labelBackground: var(--color-gray-100);--labelBackgroundActive: var(--color-gray-100);align-items:center;background-clip:content-box;background-color:var(--labelBackground);border:solid .2rem transparent;border-radius:var(--radius-xl);cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;gap:1.6rem;justify-content:flex-start;min-height:7rem;padding:.3rem;width:100%}.dark-mode .authentication-intro-level{--labelBackground: rgba(255, 255, 255, .08);--labelBackgroundActive: rgba(255, 255, 255, .15)}@media (hover: hover){.authentication-intro-level:not(.authentication-intro-selected):hover{background-color:var(--labelBackgroundActive)}.authentication-intro-level:not(.authentication-intro-selected):hover .authentication-intro-name{color:var(--color-text-default-hovered)}}.authentication-intro-level.authentication-intro-selected{background-color:var(--labelBackgroundActive);border:solid .2rem var(--color-border-selected)}.authentication-intro-level.authentication-intro-selected .authentication-intro-icon .cls-1{fill:var(--color-icon-boldest)}.authentication-intro-level.authentication-intro-selected .authentication-intro-name{color:var(--color-text-boldest)}.authentication-intro-label-icon{align-items:center;display:flex;justify-content:flex-end;width:39%}.authentication-intro-label-name{width:50%}.authentication-intro-icon{height:3rem}.authentication-intro-icon svg{height:100%}.authentication-intro-icon .cls-1{fill:var(--color-text-bolder)}.authentication-intro-name{color:var(--color-text-bolder);display:inline-block;font-size:1.4rem;font-weight:600;line-height:1.14}.authentication-intro-input{clip:rect(0 0 0 0);height:.1rem;overflow:hidden;position:absolute;width:.1rem}.authentication-intro-actions{display:flex;flex-direction:column;gap:2.4rem;max-width:36.5rem;width:100%}.authentication-intro-login{color:var(--color-text-default);font-size:1.4rem;font-weight:600;padding:.4rem;text-align:center;text-decoration:underline}.authentication-intro-login:hover{color:var(--color-text-default-hovered)}.authentication-intro-guest{color:var(--color-text-subtle);font-size:1.4rem;font-weight:600;padding:.4rem;text-align:center}.authentication-intro-guest:hover{color:var(--color-text-default-hovered)}