.section {
    padding-block-start: var(--pt, 0);
    padding-block-end: var(--pb, 0);
    margin-block-start: var(--mt, 0);
    margin-block-end: var(--mb, 0);
}

.section[data-pt="small"] {
    --pt: var(--layout--section-spacing-small);
}

.section[data-pt="medium"] {
    --pt: var(--layout--section-spacing-medium);
}

.section[data-pt="large"] {
    --pt: var(--layout--section-spacing-large);
}

.section[data-pb="small"] {
    --pb: var(--layout--section-spacing-small);
}

.section[data-pb="medium"] {
    --pb: var(--layout--section-spacing-medium);
}

.section[data-pb="large"] {
    --pb: var(--layout--section-spacing-large);
}

.section[data-mt="small"] {
    --mt: var(--layout--section-spacing-small);
}

.section[data-mt="medium"] {
    --mt: var(--layout--section-spacing-medium);
}

.section[data-mt="large"] {
    --mt: var(--layout--section-spacing-large);
}

.section[data-mb="small"] {
    --mb: var(--layout--section-spacing-small);
}

.section[data-mb="medium"] {
    --mb: var(--layout--section-spacing-medium);
}

.section[data-mb="large"] {
    --mb: var(--layout--section-spacing-large);
}

.section[data-p="small"] {
    --pt: var(--layout--section-spacing-small);
    --pb: var(--layout--section-spacing-small);
}

.section[data-p="medium"] {
    --pt: var(--layout--section-spacing-medium);
    --pb: var(--layout--section-spacing-medium);
}

.section[data-p="large"] {
    --pt: var(--layout--section-spacing-large);
    --pb: var(--layout--section-spacing-large);
}

.section[data-m="small"] {
    --mt: var(--layout--section-spacing-small);
    --mb: var(--layout--section-spacing-small);
}

.section[data-m="medium"] {
    --mt: var(--layout--section-spacing-medium);
    --mb: var(--layout--section-spacing-medium);
}

.section[data-m="large"] {
    --mt: var(--layout--section-spacing-large);
    --mb: var(--layout--section-spacing-large);
}