Merge same @media

[dmitryuk]

Actual

@media (min-width: 576px) {
    .container {
        --1z: 16px;
        padding-left: 8px;
        padding-right: 8px
    }
}


@media (min-width: 576px) {
    .container {
        --1u: calc((100vw - 556px + var(--1z)) / 2);
        --1t: calc((100vw - 556px + var(--1z)) / -2);
        max-width: 100%;
        width: 556px
    }
}

expected:

@media (min-width: 576px) {
    .container {
        --1z: 16px;
        padding-left: 8px;
        padding-right: 8px
        --1u: calc((100vw - 556px + var(--1z)) / 2);
        --1t: calc((100vw - 556px + var(--1z)) / -2);
        max-width: 100%;
        width: 556px
    }
}

How to do it with lightingcss?

[devongovett]

This already works? playground