/* @group @m-alternately-column */

[class*="m-alternately-column"] {
display: grid;
grid-auto-flow: row;
gap: 3rem;
}

[class*="m-alternately-column-secondary"]>*:nth-of-type(2n) {
direction: rtl;
}

/* @end @m-alternately-column */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-horizontal-column"] {
--horizontal-column-gap: 3rem;
}

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

[class*="m-horizontal-column"] {
--horizontal-column-gap: 2.25rem 3rem;
}

[class*="m-horizontal-column-secondary"] {
--horizontal-column-grid-template-columns: repeat(2, 1fr);
}

[class*="m-horizontal-column-tertiary"] {
--horizontal-column-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-horizontal-column */

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

/* @end @m-horizontal-column */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-sale-column"] {
--horizontal-column-gap: 3rem;
}

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

[class*="m-sale-column"] {
--horizontal-column-gap: 2.25rem 3rem;
}

[class*="m-sale-column-secondary"] {
--horizontal-column-grid-template-columns: repeat(2, 1fr);
--horizontal-column-grid-template-rows: auto auto;
}

[class*="m-sale-column"]>section:nth-of-type(3) {
--sale-last-column-grid-column: 1 / span 2;
}

}

/* @end @variables */

/* @group @m-sale-column */

[class*="m-sale-column"] {
display: grid;
grid-template-columns: var(--horizontal-column-grid-template-columns);
grid-template-rows: var(--horizontal-column-grid-template-rows);
gap: var(--horizontal-column-gap);
}

[class*="m-sale-column"]>section:nth-of-type(3) {
grid-column: var(--sale-last-column-grid-column);
}

/* @end @m-sale-column */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-plurality-paragraphs"] {
--plurality-paragraphs-gap: 1rem;
}

/* @end @variables */

/* @group @a-plurality-paragraphs */

[class*="a-plurality-paragraphs"] {
display: grid;
grid-auto-flow: row;
align-items: start;
align-content: start;
gap: var(--plurality-paragraphs-gap);
direction: ltr;
}

/* @end @a-plurality-paragraphs */

/* -------------------------------------------------------- */

/* @group @a-with-icon */

[class*="a-with-icon"] {
display: grid;
justify-content: start;
align-items: center;
grid-auto-flow: column;
gap: .375rem;
}

/* @end @a-with-icon */