/* @group @variables */

[class*="m-repeater"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 3.75rem;
}

[class*="m-colonne"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 2.25rem;
--align-items: start;
}

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

[class*="m-colonne"] {
--grid-template-columns: 3fr 2fr;
}

[class*="m-repeater"]>[class*="m-colonne"]:nth-of-type(2n) {
--direction: rtl;
--child-direction: ltr;
}

}

/* @end @variables */

/* @group @m-colonne-header */

[class*="m-repeater"] {
display: grid;
align-items: var(--align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

[class*="m-colonne"] {
display: grid;
align-items: var(--align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
direction: var(--direction);
}

[class*="m-colonne"]>* {
direction: var(--child-direction);
}

[class*="m-colonne"] [class*="a-aspect-ratio-"] {
align-self: start;
}

/* @end @m-colonne-header */