/*! 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-color: #f0d9b5;
    color: #b58863;
}

.black-b7cb6 {
    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;
}

    .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;
}