body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app{background-color:#202020;display:grid;height:100vh;place-content:center}#chessboard{background-color:blue;display:grid;grid-template-columns:repeat(8,75px);grid-template-rows:repeat(8,75px);height:600px;width:600px}.modal{bottom:0;left:0;position:absolute;right:0;top:0}.modal.hidden{display:none}.modal>.modal-body{align-items:center;background-color:hsla(0,0%,50%,.8);display:flex;height:200px;justify-content:space-around;left:calc(50% - 300px);position:absolute;top:calc(50% - 100px);width:600px}.modal>.modal-body>img{border-radius:50%;height:80px;padding:16px}.modal>.modal-body>img:hover{background-color:hsla(0,0%,100%,.3);cursor:pointer}.modal>.modal-body>.checkmate-body{display:flex;flex-direction:column;gap:32px}.modal>.modal-body>.checkmate-body>span{font-size:24px}.modal>.modal-body>.checkmate-body>button{background-color:#779556;border:none;border-radius:8px;color:#fff;font-size:24px;padding:16px 32px}.modal>.modal-body>.checkmate-body>button:hover{cursor:pointer}.tile{display:grid;height:75px;place-content:center;width:75px}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:75px;height:75px;width:75px}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.black-tile{background-color:#779556}.white-tile{background-color:#ebecd0}.tile img{width:60px}.tile-highlight:not(.chess-piece-tile):before{background-color:rgba(0,0,0,.4);border-radius:50%;content:" ";height:20px;width:20px}.tile-highlight.chess-piece-tile:before{border:5px solid rgba(0,0,0,.4);border-radius:50%;content:" ";height:65px;position:absolute;width:65px}.simple-hand-animation{height:32px;pointer-events:none;position:relative;width:32px;will-change:transform,left,top}.simple-hand-animation:before{background:rgba(255,192,203,.5);border-radius:50%;height:40px;width:40px;z-index:1}.simple-hand-animation:after,.simple-hand-animation:before{content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.simple-hand-animation:after{background-image:url(/WebMCP-React-Chess/static/media/openhand.1073a19fb059796c7cb9.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;width:32px;z-index:2}.simple-hand-animation.grabbing:after{background-image:url(/WebMCP-React-Chess/static/media/closedhand.95ae928c03d2026f8621.svg)}
/*# sourceMappingURL=main.2d3a0d99.css.map*/