/* Scale container for charts */
#scale-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    height: 90vh;
    align-content: flex-start;
}

/* Chart SVG styles */
.chart-svg {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-width: 300px;
}

/* Style for the '0' text inside the circles */
.zero-text {
    fill: white;
    font-size: x-small;
    text-anchor: "middle";
    alignment-baseline: "middle";
}

/* Invisible class - already in base.css */
/* .invisible {
    visibility: hidden;
} */

/* Button container - already in ui.css */
/* .button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
} */