/* @group @variables */

[class*="a-content-block"] {
--gap: 0;
--align-content: start;
}

[class*="a-content-block-primary"] {
--gap: .375rem;
}

[class*="a-content-block-secondary"] {
--gap: .75rem;
}

[class*="a-content-block-tertiary"] {
--gap: 1.125rem;
}

[class*="a-content-block-quaternary"] {
--gap: 1.5rem;
}

[class*="a-content-block-quinary"] {
--gap: 1.875rem;
}

[class*="a-content-block-senary"] {
--gap: 2.25rem;
}

[class*="a-content-block-octonary"] {
--gap: 3rem;
}

/* @end @variables */

/* @group @a-content-block */

[class*="a-content-block"] {
display: grid;
align-content: var(--align-content);
grid-template-columns: repeat(1, 1fr);
gap: var(--gap);
}

/* @end @a-content-block */