<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Overlapping sections (fixed overlap distance)
 * 1) Set the primary element with the "overlap-{direction}--{size}" class
 * 2) Set the above or below element with the "overlap-{direction}-pad--{size}" class
 *
 * Other configurations for positioning and width can be done on an instance basis
 * in other CSS related to element placement and context in the page.
 */
.overlap { position: absolute; z-index: 10; }

.overlap-top--xxsmall { margin-top: -.5em !important; }
.overlap-top--xxsmall { margin-top: -1em !important; }
.overlap-top--small { margin-top: -2em !important; }
.overlap-top--medium { margin-top: -4em !important; }
.overlap-top--large { margin-top: -6em !important; }
.overlap-top--xlarge { margin-top: -10em !important; }
.overlap-top--xxlarge { margin-top: -15em !important; }

.overlap-bottom--xxsmall { margin-bottom: -.5em !important; }
.overlap-bottom--xxsmall { margin-bottom: -1em !important; }
.overlap-bottom--small { margin-bottom: -2em !important; }
.overlap-bottom--medium { margin-bottom: -4em !important; }
.overlap-bottom--large { margin-bottom: -6em !important; }
.overlap-bottom--xlarge { margin-bottom: -10em !important; }
.overlap-bottom--xxlarge { margin-bottom: -15em !important; }

.overlap-top-pad--xxsmall { padding-top: .5em !important; }
.overlap-top-pad--xxsmall { padding-top: 1em !important; }
.overlap-top-pad--small { padding-top: 2em !important; }
.overlap-top-pad--medium { padding-top: 4em !important; }
.overlap-top-pad--large { padding-top: 6em !important; }
.overlap-top-pad--xlarge { padding-top: 10em !important; }
.overlap-top-pad--xxlarge { padding-top: 15em !important; }

.overlap-bottom-pad--xxsmall { padding-bottom: .5em !important; }
.overlap-bottom-pad--xxsmall { padding-bottom: 1em !important; }
.overlap-bottom-pad--small { padding-bottom: 2em !important; }
.overlap-bottom-pad--medium { padding-bottom: 4em !important; }
.overlap-bottom-pad--large { padding-bottom: 6em !important; }
.overlap-bottom-pad--xlarge { padding-bottom: 10em !important; }
.overlap-bottom-pad--xxlarge { padding-bottom: 15em !important; }

/* Margin modifiers */
.margin-collapse { margin: 0 !important; }
.margin-collapse--top { margin-top: 0 !important; }
.margin-collapse--bottom { margin-bottom: 0 !important; }
.margin-collapse--left { margin-left: 0 !important; }
.margin-collapse--right { margin-right: 0 !important; }
.margin-collapse--vertical { margin-top: 0 !important; margin-bottom: 0 !important; }
.margin-collapse--horizontal { margin-left: 0 !important; margin-right: 0 !important; }

/* Padding modifiers */
.padding-collapse { padding: 0 !important; }
.padding-collapse--top { padding-top: 0 !important; }
.padding-collapse--bottom { padding-bottom: 0 !important; }
.padding-collapse--left { padding-left: 0 !important; }
.padding-collapse--right { padding-right: 0 !important; }
.padding-collapse--vertical { padding-top: 0 !important; padding-bottom: 0 !important; }
.padding-collapse--horizontal { padding-left: 0 !important; padding-right: 0 !important; }
</pre></body></html>