:root
{
    --visualisation-colour-0: #289eff;
    --visualisation-colour-1: #f54242;
    --visualisation-colour-2: #ffba53;
    --visualisation-colour-3: #3fac4b;
    --visualisation-colour-4: #da53ff;
    --visualisation-colour-5: #06a6b8;
    --visualisation-colour-6: #b85906;
}

.ChartWindow
{
    display: flex;
    flex-direction: column;
    padding: var(--post-font-size);
}

.ChartContainer
{
    position: relative;
}

.ChartWindow:fullscreen
{
    background-color: var(--background-colour);
}

.ChartWindow:fullscreen .ChartContainer
{
    width: 100%;
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ChartWindow:not(:fullscreen)
{
    border: 1px solid var(--text-colour);
    border-radius: 4px;
}

.ChartWindow:not(:fullscreen) .ChartContainer
{
    max-height: 50vh;
}