/* X01 SCORE BOARD */
:root {
    --x01-top-panel-height-low-res: 300px;
    --x01-top-panel-height-high-res: 480px;
}

.x01-bottom-panel {
    background-color: var(--background-gray-color);
}

.bg-active-panel {
    background-color: var(--active-red-color);
}

.bg-inactive-panel {
    background-color: var(--inactive-gray-color);
}

.score {
    font-size: 64px;
    font-weight: bold;
    transform: scale(1, 1.5);
    margin: 0px !important;
}

.text-player {
    font-size: 18px;
    font-weight: bold;
    transform: scale(0.9, 1.2);
}

.average-text {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

.throw-score-container {
    max-width: 200px;
}

.throw-score {
    font-size: 20px;
    font-weight: bold;
    transform: scale(1.7, 1.5);
    color: floralwhite;
}

.score-log-container {
    max-width: 100px;
}

.score-log-number {
    font-size: 16px;
    color: maroon;
    font-weight: bold;
    padding-right: 0px;
}

.score-log {
    font-size: 18px;
    font-weight: bold;
}

.score-log-ton-plus {
    color: var(--active-red-color);
}

.indicator-container {
    height: 40px;
}

.indicator-text {
    font-size: 28px;
}

.checkout-container {
    width: 300px;
    max-width: 300px;
    background-color: #0b0b20;
}

.checkout-text {
    font-size: 24px;
    font-weight: bold;
}
/* X01 SCORE BOARD */