@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);.btn{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-right:5px;outline:none;padding:10px 20px}.btn--primary{background-color:#7fa650;min-width:40%}.btn--primary:hover{background-color:#65843f}.btn--blue{background-color:#01abf4}.btn--blue:hover{background-color:#0187c1}.btn--close{background-color:red}.btn--close:hover{background-color:#c00}img{cursor:pointer;height:auto;max-width:100%}.square__available{position:relative}.square__available:after{bottom:0;color:blue;content:"\2219";cursor:pointer;display:block;font-size:45px;font-weight:700;left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:0}.square__available:hover{border:2px solid #ff0}.square.selected{background:linear-gradient(90deg,#184a03 2px,transparent 0) 0 0,linear-gradient(90deg,#184a03 2px,transparent 0) 0 100%,linear-gradient(270deg,#184a03 2px,transparent 0) 100% 0,linear-gradient(270deg,#184a03 2px,transparent 0) 100% 100%,linear-gradient(180deg,#184a03 2px,transparent 0) 0 0,linear-gradient(180deg,#184a03 2px,transparent 0) 100% 0,linear-gradient(0deg,#184a03 2px,transparent 0) 0 100%,linear-gradient(0deg,#184a03 2px,transparent 0) 100% 100%;background-repeat:no-repeat;background-size:10px 10px}.board{aspect-ratio:9/10;background:url(/react-xiangqi-app/static/media/xiangqi_gmchess_wood.df76b42222212bfc1538.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:repeat(9,var(--piece-size));grid-template-rows:repeat(10,var(--piece-size));margin:20px auto}.board,.board-info{width:var(--board-size)}.board-info{background:#fff;border-radius:5px;color:#000;margin:0 auto}.FEN-generator__container{align-items:center;display:flex;justify-content:center;margin:0 auto;min-width:50%;padding:10px}.FEN-input{border:1px solid #000;border-radius:5px;font-size:12px;font-size:18px;height:70px;margin-left:10px;margin-right:10px;outline:none;padding:5px 10px;resize:none;width:50%}.piece{height:var(--piece-size);pointer-events:none;width:var(--piece-size)}.highlighted{border:2px solid #ff0}.FEN-parser__container{padding:10px}.FEN-parser__container,.notification-modal-container{align-items:center;display:flex;justify-content:center}.notification-modal-container{background-color:rgba(0,0,0,.65);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.notification-modal{background:#fff;border-radius:5px;color:#000;height:100px;padding:5px;text-align:center;width:300px}.notification-modal-btn-container{text-align:end}.notification-modal-btn{background:none;border:none;cursor:pointer;font-size:35px;font-weight:700;outline:none;pointer-events:auto}.notification-modal span{font-size:20px;line-height:1.5;padding:30px}.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.board-options__container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;margin:0 auto;max-width:var(--board-size);padding:10px}:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*,:after,:before{box-sizing:border-box}:root{--piece-size:50px;--board-size:calc(var(--piece-size)*9)}body{background:#fff;color:#fff;margin:0 auto;max-width:800px;padding:0}*{font-family:Raleway,sans-serif}h1{border-radius:5px;color:#000;font-size:35px;font-weight:700;padding:10px 40px;text-align:center}.red{background-color:#ae1e04}.black{background-color:#25231c}.app__header{align-items:center;display:flex;justify-content:space-between;padding:10px 30px}.app__container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:450px 1fr;grid-template-rows:500px}@media (max-width:900px){.app__header{justify-content:center}.app__container,.app__header{align-items:center;flex-direction:column}.app__container{display:flex;gap:0;justify-content:flex-start}.board-option__container{width:450px;width:var(--board-size)}.board{width:540px}.board-info{display:flex;flex-direction:column;justify-content:flex-start;margin:10px auto;width:450px;width:var(--board-size)}:root{--piece-size:60px}.FEN-generator__container{margin-top:20px}}@media (max-width:540px){:root{--piece-size:11.11111vw}.board{margin:0;padding:0}.board,.board-info,.board-option__container{width:100%}}
/*# sourceMappingURL=main.409b9af2.css.map*/