.BigPill {
    --padding: var(--base-gap);
    --baseColor: currentColor;
    --titleColor: var(--baseColor);

    padding: var(--padding);

    display: flex;
    flex-direction: column;
    gap: calc(var(--base-gap) * .5);

    & > .content {
        display: flex;
        flex-direction: column;
        gap: calc(var(--base-gap) * .5);

        font-size: var(--font-size-huge);
        font-weight: 300;
        color: var(--baseColor);

        & > .title {
            color: var(--titleColor);
        }

        & > .description {
            color: var(--base-color-faint);
            font-size: var(--font-size-smaller);
            line-height: var(--font-line-height);
        }
    }

    &.efficiency_very_low {
        --titleColor: var(--color-error);
    }

    &.efficiency_low {
        --titleColor: var(--color-error);
    }

    &.efficiency_medium {
        --titleColor: var(--color-warning);
    }
}