.vls.v1 {

    .vls-v1-icn {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        svg {
            width: 2.5rem;
            height: auto;
        }
    }

    .grd {
         @container (width >= 78rem) {
             & {
             --itm-val: 33.333;
             }

            .vls-v1-item:nth-child(3n+2) {
                margin-top: 5.556rem;
            }
        }

        @container (78rem > width >= 50rem) {
            & {
                margin-top: 4rem;
            }
            li:nth-child(even) {
                translate: 0 2rem;
            }

            li:nth-child(odd) {
                translate: 0 -2rem;
            }
        }
        &.grd{
            align-items: flex-start;
        }
    }

}