#insights {
    margin: 24px;
    overflow-y: auto;
    max-height: 100%;
}

.custom-chart {
    background-color: var(--color-background);
    box-shadow: var(--color-background);
}

.plot-container {
    margin: 18px;
}
.explaination {
    font-size: 19px;
}

.expandable-heading {
    font-size: 20px;
}

#insights h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: 0.1;
    margin-block-end: 1em;
    margin-block-start: 1em;
}

.sidebar .taipy-selector {
    padding: 0px 0px 16px 0px;
}

#insights .card {
    padding: 16px;
}

#insights li {
    margin-bottom: 16px;
}

.hidden-component {
    display: none
}

#insights .round-button {
    border-radius: 16px;
    min-height: 32px;
    padding: 2px 10px;
    margin: 7px 2px 4px;
    text-transform: none;
}

#insights .round-button:hover {
    background-color: var(--color-primary); /* Background color on hover */
    color: white;
}

.sidepanel-buttons {
    width: 237px;
}

.orange {
    color: orange;
}

.green {
    color: green;
}