svg.cm-chessboard {
  .select-piece-dialog-group {

    rect, g[data-piece] {
      animation: fade-in 0.25s ease-in;
    }

    .select-piece-dialog {
      fill: white;
      fill-opacity: 0.8;
      stroke: rgba(0, 0, 0, 0.4);
    }

    .select-piece-dialog-button {
      fill: transparent;
      cursor: pointer;

      &:hover {
        fill: rgba(0, 0, 0, 0.2)
      }
    }

    .piece {
      pointer-events: none;
    }
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}