/* @group @variables */

[class*="m-fugure-image-list"] {
--grid-template-columns: repeat(1, 1fr);
}

@media all and (min-width:48em) {

[class*="m-fugure-image-list"] {
--grid-template-columns: repeat(4, 1fr);
}

}

@media all and (min-width:62em) {

[class*="m-fugure-image-list"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-grid-contents */

[class*="m-fugure-image-list"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: 1.5rem;
}

/* @end @m-grid-contents */