/*! chessboard2 v0.5.0 | (c) 2021 Chris Oakman | ISC License | https://chessboardjs.com/v2 */

.chessboard-21da3 {
  touch-action: manipulation;
}

.items-container-c9182 {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.board-container-41a68 {
  border: 2px solid black;
  box-sizing: border-box;
  position: relative;
}

.squares-2dea6 {
  display: flex;
  flex-direction: column;
}

.squares-2dea6.orientation-white-4de03 {
  flex-direction: column;
}

.squares-2dea6.orientation-black-a8276 {
  flex-direction: column-reverse;
}

.rank-98fa8 {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.squares-2dea6.orientation-white-4de03 .rank-98fa8 {
  flex-direction: row;
}

.squares-2dea6.orientation-black-a8276 .rank-98fa8 {
  flex-direction: row-reverse;
}

.square-4b72b {
  flex: 1;
}

.white-3b784 {
    background-image:url(../my-images/light3-60.jpg);  /* The correct way */
 /* background-color: #f0d9b5; */
  color: #b58863;
}

.black-b7cb6 {
 background-image:url(../my-images/oak-60.jpg); /* The correct way of doing things*/
 /* background-color: #b58863; */
  color: #f0d9b5;
}

.dragging-4a6c1 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: fixed;
  transform: translate(-50%, -50%);
}

.piece-349f8 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  opacity: 100%;
  position: absolute;
  z-index: 3; /* So the piece takes precedence over the circle */
}

.piece-349f8.hidden-20b44 {
  opacity: 0;
}

.item-18a5b {
  position: absolute;
}

.arrow-bc3c7 {
  display: flex;
  align-items: center;
  transform-origin: center left;
}

.arrow-head-38dfa {
  height: 100%;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  margin-left: -1px;
}

.arrow-line-a8dce {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  height: 33.33%;
}

.circle-a0266 {
  border-radius: 100%;
}

.hide-notation-cbe71 .notation-files-c3c0a {
  display: none;
}

.hide-notation-cbe71 .notation-ranks-d3f97 {
  display: none;
}

.notation-files-c3c0a {
  bottom: -20px;
  display: flex;
  flex-direction: row;
  left: 0;
  position: absolute;
  right: 0;
}

.notation-ranks-d3f97 {
  bottom: -15px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: -15px;
  top: 15px;
}

.file-44ae4 {
  flex: 1;
  text-align: center;
}

.rank-3d54c {
  flex: 1;
}