:root{--text-color:#f99b77;--page-bg-color:#1d102e;--panel-bg-color:#f4b88f;--light-square-bg-color:#e0e2db;--dark-square-bg-color:#5f7470;--board-width:clamp(400px,min(50vw,80vh),800px);--panel-width:220px;--total-ranks:8;--total-files:8}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f99b77;color:var(--text-color);background-color:#1d102e;background-color:var(--page-bg-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{text-align:center}.lang-switcher{text-align:right;padding:12px}.wrapper{position:relative;display:inline-block;margin:20px auto;vertical-align:middle}.board-wrapper{display:inline-block;border:3px solid grey;border-radius:2px}table{width:clamp(400px,min(50vw,80vh),800px);width:var(--board-width);height:calc(clamp(400px, min(50vw, 80vh), 800px)*8/8);height:calc(var(--board-width)*var(--total-ranks)/var(--total-files));table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:0;display:table}td{position:relative;font-size:min(1.5em,calc(clamp(400px, min(50vw, 80vh), 800px)*0.25/8));font-size:min(1.5em,calc(var(--board-width)*0.25/var(--total-files)));color:#000;-webkit-filter:brightness(1);filter:brightness(1);transition:all .2s;border:none;padding:0}td span.count{bottom:0;padding-bottom:2px}td span.count,td span.percent{position:absolute;right:0;padding-right:4px}td span.percent{top:0;padding-top:2px}td.current{-webkit-filter:brightness(1.3);filter:brightness(1.3);outline:2px solid grey}td.current.dragged{-webkit-filter:brightness(.8);filter:brightness(.8)}td.drop-target{-webkit-filter:brightness(1.5);filter:brightness(1.5);cursor:pointer}td.drop-target:hover{-webkit-filter:brightness(1.7);filter:brightness(1.7)}td.drop-target:after{position:absolute;content:"";left:calc(50% - 16px);top:calc(50% - 16px);width:0;height:0;border:16px solid rgba(0,15,150,.4);border-radius:50%}table tr:nth-child(2n) td:nth-child(2n),table tr:nth-child(odd) td:nth-child(odd){background-color:#e0e2db;background-color:var(--light-square-bg-color)}table tr:nth-child(2n) td:nth-child(odd),table tr:nth-child(odd) td:nth-child(2n){background-color:#5f7470;background-color:var(--dark-square-bg-color)}div.piece{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:.8}.panel,div.piece{position:absolute}.panel{top:0;width:220px;width:var(--panel-width);text-align:center}.panel.right{left:calc(100% + 30px)}.panel.left{right:calc(100% + 30px)}@media (max-width:800px){.panel{text-align:left}.panel.left{left:0;right:auto;top:100%;width:190px}.panel.right{left:auto;right:0;top:100%;width:190px}}.panel-button{display:block;width:100%}.disclosure-toggler{position:relative;display:inline-block;margin:0;color:#9b4dca;background-color:transparent;border:none;font-size:1.3rem;font-weight:700;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;max-width:220px;max-width:var(--panel-width);white-space:normal}@media (max-width:800px){.disclosure-toggler{font-size:1rem}}.disclosure-toggler:hover,.disclosure-toggler:hover:focus{-webkit-filter:brightness(1.2);filter:brightness(1.2);color:#9b4dca;background-color:transparent}.disclosure-toggler:focus{color:#9b4dca;background-color:transparent;border:1px dashed hsla(0,0%,58.8%,.4);border-radius:2px}.disclosure-toggler:active,.disclosure-toggler:active:focus{-webkit-filter:brightness(1.5);filter:brightness(1.5);color:#9b4dca;background-color:transparent}.disclosure-toggler:after{position:absolute;content:"";top:calc(50% - 6px);right:1rem;width:0;height:0;border:6px solid transparent;border-left-color:#9b4dca;-webkit-transform-origin:3px center;transform-origin:3px center;-webkit-transform:rotate(0);transform:rotate(0);transition:all .2s ease-out}.disclosure-toggler.open:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.disclosure-content{position:relative;color:#1d102e;color:var(--page-bg-color);background-color:#f4b88f;background-color:var(--panel-bg-color);margin:10px 0;border-radius:6px;border:1px solid grey;padding:12px;text-align:left;opacity:0;pointer-events:none;transition:opacity .3s ease-in}.disclosure-content.open{pointer-events:auto;opacity:1}.disclosure-content label{font-weight:500}.disclosure-content .section{position:relative;margin:16px 0;border:1px solid #9b4dca;border-radius:4px;padding:10px}.disclosure-content .section:after{position:absolute;content:attr(data-heading);left:10px;height:2rem;top:-1.3rem;padding:0 6px;vertical-align:middle;background-color:#f4b88f;background-color:var(--panel-bg-color)}label.disabled{color:grey}input[type=checkbox],input[type=checkbox]+label,input[type=number],input[type=radio],input[type=radio]+label,label.inline,label.number{display:inline-block;margin-right:4px;font-size:1.5rem}.number-input-wrapper{text-align:right;padding-right:12px}input[type=number]{width:50px;height:30px;padding:0 0 0 8px;text-align:center}.button-link,a{cursor:pointer;font-size:1.3rem;font-weight:500;line-height:1.3rem;height:revert;padding:4px;color:#131dcf;-webkit-filter:brightness(1);filter:brightness(1);text-transform:none;border:none;outline:none;background-color:inherit;text-align:center;vertical-align:middle}a.light{color:silver}a.light:hover{color:silver;-webkit-filter:brightness(1.2);filter:brightness(1.2)}a.light:focus,a.light:hover:focus{color:silver;-webkit-filter:brightness(1.3);filter:brightness(1.3)}a.light:active,a.light:active:focus,a.light:active:hover:focus{color:silver;-webkit-filter:brightness(1.5);filter:brightness(1.5)}.button{display:block;width:100%}.button-link{text-align:center;white-space:normal}.button-link.lang{display:inline;margin-bottom:0}.button-link.lang,.button-link.lang:hover{color:#e0e2db;color:var(--light-square-bg-color)}.button-link.lang:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.button-link.lang:active,.button-link.lang:active:focus{color:#e0e2db;color:var(--light-square-bg-color);-webkit-filter:brightness(1.5);filter:brightness(1.5)}.button-link.lang:focus,.button-link.lang:hover:focus{color:#e0e2db;color:var(--light-square-bg-color);-webkit-filter:brightness(1.4);filter:brightness(1.4)}.button-link:hover,.button-link:hover:focus,a:hover,a:hover:focus{background-color:inherit;-webkit-filter:brightness(1.1);filter:brightness(1.1);border:none;color:#131dcf}.button-link:focus,a:focus{background-color:inherit;border:none;color:#131dcf;-webkit-filter:brightness(1);filter:brightness(1);outline:1px solid hsla(0,0%,58.8%,.4)}.button-link:active,.button-link:active:focus,a:active,a:active:focus{background-color:inherit;border:none;color:#131dcf;-webkit-filter:brightness(1.3);filter:brightness(1.3)}textarea{resize:none;height:10rem;font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;overflow:scroll;margin-bottom:0}.textarea-wrapper{position:relative}button.copy{position:absolute;top:0;right:0;display:inline-block;padding:0 16px;font-size:1rem;line-height:1.1rem;opacity:0;pointer-events:none;transition:opacity .2s}button.copy.show{opacity:1;pointer-events:all}.copy-msg{margin-bottom:16px;opacity:0;transition:opacity .2s}.copy-msg.show{opacity:1}footer{position:fixed;right:0;bottom:0;padding:8px}
/*# sourceMappingURL=main.015d3d98.chunk.css.map */