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-200);width:var(--container-200)}.cc-modal-xxs{--cc-modal-max-width: var(--container-300);width:var(--container-300)}.cc-modal-xs{--cc-modal-max-width: var(--container-360);width:var(--container-360)}.cc-modal-sm{--cc-modal-max-width: var(--container-400);width:var(--container-400)}.cc-modal-md{--cc-modal-max-width: var(--container-460);width:var(--container-460)}.cc-modal-lg{--cc-modal-max-width: var(--container-500);width:var(--container-500)}.cc-modal-xl{--cc-modal-max-width: var(--container-600);width:var(--container-600)}.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}
