@media all {
    .ce-type-dw_charts {
        --opacity-chart-color: .3;
        --color-chart-primary-rgb: rgba(var(--color-primary-rgb), var(--opacity-chart-color));
        --color-chart-secondary-rgb: rgba(var(--color-secondary-rgb), var(--opacity-chart-color));
        --color-chart-1-rgb: rgba(54, 162, 235, var(--opacity-chart-color));
        --color-chart-2-rgb: rgba(255, 99, 132, var(--opacity-chart-color));
        --color-chart-3-rgb: rgba(75, 192, 192, var(--opacity-chart-color));
        --color-chart-4-rgb: rgba(255, 159, 64, var(--opacity-chart-color));
        --color-chart-5-rgb: rgba(153, 102, 255, var(--opacity-chart-color));
        --color-chart-6-rgb: rgba(255, 205, 86, var(--opacity-chart-color));
    }

    .chart-wrap {
        width: 100%;
        position: relative;
        aspect-ratio: 1 / 1;
    }

    :is(
        .chart-wrap[data-chart-type="bar"],
        .chart-wrap[data-chart-type="line"],
        .chart-wrap[data-chart-type="scatter"]
    ) {
        aspect-ratio: 2 / 1;
    }

}