checkmate-chess-board .cm-widget {
    --cm-accent: #1C252E;
    --cm-accent-highlight: #454F5B;
    --cm-accent-hover: #141A21;
    --cm-border: #DFE3E8;

    --cm-btn-accent-bg: #1C252E;
    --cm-btn-accent-hover: #141A21;
    --cm-btn-light-bg: #FFFFFF;
    --cm-btn-light-hover: #F4F6F8;
    --cm-btn-light-text: #1C252E;

    --cm-chessboard-bg: #FFFFFF;
    --cm-chessboard-border: #C4CDD5;
    --cm-chessboard-coord: #919EAB;
    --cm-chessboard-square-dark: #C4CDD5;

    --cm-history-col1: #F9FAFB;
    --cm-history-col2: #F4F6F8;
    --cm-history-col3: #DFE3E8;

    --cm-playerbar-bg: #F9FAFB;
    --cm-sidebar-bg: #F9FAFB;
    --cm-sidebar-bg-alt: #F4F6F8;

    --cm-text-primary: #1C252E;
    --cm-text-secondary: #637381;

    --cm-timer-bg: #F4F6F8;
    --cm-timer-text: #454F5B;
    --cm-timer-ok-bg: #1C252E;
    --cm-timer-ok-text: #FFFFFF;

    --cm-draw-offer-bg: #F4F6F8;

    border: 1px solid var(--cm-border);
}

.cm-widget .cm-draw-offer__btn--decline,
.cm-widget .cm-premove-banner__btn {
    box-shadow: inset 0 0 0 1px #DFE3E8;
}

.cm-widget .cm-controls__btn {
    padding: 13.5px 4px;
}

.cm-widget .cm-player__score {
    font-size: 2.2em;
}