:root {
    --chess-board-light: url(/images/viewer/new-design/piece-bg-100-light-new.png);
    --chess-board-dark: url(/images/viewer/new-design/piece-bg-100-dark-new.png);
}

.ui-button-toggled {
    background: none;
    background-color: #ef8d0678;
}

.pgn-new-design * {
    font-size: 16px;
    box-sizing: content-box;
}

.pgn-new-design .chess-replay-left,
.pgn-new-design .chess-play-left,
.pgn-new-design .chess-dev-left {
    background-color: #323232;
    padding: 30px 0 0 0;
}

.pgn-new-design .chess-lib-board {
    margin: 0 0 10px 15px;
}

.pgn-new-design .chess-lib-board-labels {
    font-weight: bold;
    color: #fff;
}

.pgn-new-design .chess-lib-board-cells-item.light {
    background: var(--chess-board-light) 0 0 no-repeat;
}

.pgn-new-design .chess-lib-board-cells-item.dark {
    background: var(--chess-board-dark) 0 0 no-repeat;
}

.pgn-viewer.pgn-new-design .chess-replay-left {
    text-align: left;
}

.pgn-new-design .chess-lib-board-cells-item.correct.dark {
    background: url(/images/red_flag.png), var(--chess-board-dark);
    background-repeat: no-repeat, repeat;
    background-position: 7px 7px, 0 0;
}

.pgn-new-design .chess-lib-board-cells-item.correct.light {
    background: url(/images/red_flag.png), var(--chess-board-light);
    background-repeat: no-repeat, repeat;
    background-position: 7px 7px, 0 0;
}

.pgn-new-design .chess-lib-board-cells-item.incorrect.dark {
    background: url(/images/red_mine.png), var(--chess-board-dark);
    background-repeat: no-repeat, repeat;
    background-position: 7px 7px, 0 0;
}

.pgn-new-design .chess-lib-board-cells-item.incorrect.light {
    background: url(/images/red_mine.png), var(--chess-board-light);
    background-repeat: no-repeat, repeat;
    background-position: 7px 7px, 0 0;
}

.pgn-new-design .chess-lib-board-cells-item.threat.dark {
    background: url(/images/red_angry.png), var(--chess-board-dark);
    background-repeat: no-repeat, repeat;
}

.pgn-new-design .chess-lib-board-cells-item.threat.light {
    background: url(/images/red_angry.png), var(--chess-board-light);
    background-repeat: no-repeat, repeat;
}

/** 70x70 piece size **/
.pgn-viewer.pgn-new-design-70 .chess-replay-left,
.pgn-viewer.pgn-new-design-70 .chess-play-left,
.pgn-viewer.pgn-new-design-70 .chess-dev-left {
    width: 620px;
}

.pgn-viewer.pgn-new-design-70 .chess-lib-history,
.pgn-viewer.pgn-new-design-70 .chess-lib-best-moves-panel {
    margin-left: 630px;
}

.pgn-new-design-70 .chess-lib-board-delay-overlay {
    width: 562px;
    height: 562px;
}

/** 92x92 piece size **/
.pgn-new-design-92 .chess-replay-left,
.pgn-new-design-92 .chess-play-left,
.pgn-new-design-92 .chess-dev-left {
    width: 796px;
}


.pgn-new-design-92 .chess-lib-board-delay-overlay {
    width: 738px;
    height: 738px;
}



.pgn-viewer.pgn-new-design-100 .chess-lib-history,
.pgn-viewer.pgn-new-design-100 .chess-lib-best-moves-panel, .chess-replay-history-panel, .chess-replay-best-moves-panel {
    margin-left: 0 !important;
}

.pgn-new-design-100 .chess-lib-board-delay-overlay {
    width: 802px;
    height: 802px;
}
.chess-lib-board-cells-item.dark.colored,
.chess-lib-board-cells-item.light.colored {

    background-position: -92px 0 !important;
    background-size: cover !important;
  }
a[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}