.ce-element {
    --ce-margin-extra-small: 0.5rem;
    --ce-margin-small: calc(0.5 * var(--ce-spacer));
    --ce-margin-medium: var(--ce-spacer);
    --ce-margin-large: calc(1.5 * var(--ce-spacer));
    --ce-margin-extra-large: calc(2 * var(--ce-spacer));
}

.ce-space-before-none {
    margin-top: 0 !important;
}

.ce-space-before-extra-small {
    margin-top: var(--ce-margin-extra-small) !important;
}

.ce-space-before-small {
    margin-top: var(--ce-margin-small) !important;
}

.ce-space-before-medium {
    margin-top: var(--ce-margin-medium) !important;
}

.ce-space-before-large {
    margin-top: var(--ce-margin-large) !important;
}

.ce-space-before-extra-large {
    margin-top: var(--ce-margin-extra-large) !important;
}

.ce-space-after-none {
    margin-bottom: 0 !important;
}

.ce-space-after-extra-small {
    margin-bottom: var(--ce-margin-extra-small) !important;
}

.ce-space-after-small {
    margin-bottom: var(--ce-margin-small) !important;
}

.ce-space-after-medium {
    margin-bottom: var(--ce-margin-medium) !important;
}

.ce-space-after-large {
    margin-bottom: var(--ce-margin-large) !important;
}

.ce-space-after-extra-large {
    margin-bottom: var(--ce-margin-extra-large) !important;
}