/* @group Spacer (flexible)
------------------------------------ */

.spacer {
    width: 100%;
    height: 1px;
    display: block;
    padding: 0;
    pointer-events: none;
}

@media only screen
and (min-width: 0px)
and (max-width: 767px) {
    .spacer[spcr*=",add"] { padding-bottom: calc(var(--spcr-m) - 0.1rem); }
    .spacer[spcr*=",substract"] { margin-top: calc(var(--spcr-m) - 0.1rem); }
}

@media only screen
and (min-width: 768px) {
    .spacer[spcr^="add"] { padding-bottom: calc(var(--spcr-d) - 0.1rem); }
    .spacer[spcr^="substract"] { margin-top: calc(var(--spcr-d) - 0.1rem); }
}

/* @end */