.lce-grid{
    display: grid;
    gap: var(--lce-gap-default, 20px);
}
@container (min-width: 368px){
    .lce-grid{
        gap: var(--lce-gap-xs, 30px);
    }
}
@container (min-width: 568px){
    .lce-grid{
        gap: var(--lce-gap-sm, 30px);
    }
}
@container (min-width: 768px){
    .lce-grid{
        gap: var(--lce-gap-md, 30px);
    }
}
@container (min-width: 980px){
    .lce-grid{
        gap: var(--lce-gap-lg, 40px);
    }
}
@container (min-width: 1200px){
    .lce-grid{
        gap: var(--lce-gap-xl, 50px);
    }
}
@container (min-width: 1400px){
    .lce-grid{
        gap: var(--lce-gap-xxl, 70px);
    }
}