.high-chart-container {
    height: 100%;
    padding: 10px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .chart-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .chart-container {
        .highcharts-container {
            width: var(--aisera-uicomponents-highchart-width, 400px);
            height: var(--aisera-uicomponents-highchart-height, 350px);
        }
    }
}
.ai-highchart-tooltip {
    .inner {
        width: 100%;
        height: 100%;
        display: inline-block;
        opacity: 1;
        background-color: #ffffff;
        font-size: 14px;
        padding: 10px;
    }
    width: 100%;
    height: 100%;
    display: inline-block;
}