/* [project]/web/app/components/Board.module.css [app-client] (css) */
.Board-module__i5j3da__boardWrapper {
  align-items: stretch;
  display: flex;
}

.Board-module__i5j3da__boardContainer {
  box-sizing: border-box;
  border: 2px solid #333;
  grid-template-rows: repeat(8, 1fr) auto;
  grid-template-columns: auto repeat(8, 1fr);
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.Board-module__i5j3da__rankLabel {
  color: #888;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.Board-module__i5j3da__fileLabel {
  color: #888;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  height: 20px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.Board-module__i5j3da__fileLabelCorner {
  width: 20px;
  height: 20px;
}

.Board-module__i5j3da__square {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.Board-module__i5j3da__light {
  background-color: #f0d9b5;
}

.Board-module__i5j3da__dark {
  background-color: #b58863;
}

.Board-module__i5j3da__selected {
  background-color: #829769 !important;
}

.Board-module__i5j3da__lastMove {
  background-color: #cdd26a80;
}

.Board-module__i5j3da__legalDot {
  pointer-events: none;
  z-index: 1;
  background: #00000040;
  border-radius: 50%;
  width: 26%;
  height: 26%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Board-module__i5j3da__legalCapture {
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
  border: 5px solid #00000040;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.Board-module__i5j3da__promoOverlay {
  z-index: 10;
  background: #fff;
  border: 2px solid #333;
  border-radius: 4px;
  flex-direction: column;
  display: flex;
  position: absolute;
  box-shadow: 0 4px 12px #0000004d;
}

.Board-module__i5j3da__promoOption {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: background .1s;
  display: flex;
}

.Board-module__i5j3da__promoOption:hover {
  background: #e0e0e0;
}

/*# sourceMappingURL=web_app_components_Board_module_bae05669.css.map*/