.spacer{--spacer-smaller:.625rem;--spacer-small:1.25rem;--spacer-medium:5rem;--spacer-large:6.25rem;--spacer-larger:7.5rem}@media(min-width:768px){.spacer{--spacer-smaller:.625rem;--spacer-small:2.5rem;--spacer-medium:7.5rem;--spacer-large:8.75rem;--spacer-larger:10rem}}.spacer{-webkit-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}body.-display-spacers .spacer{background:hsla(calc(var(--s-color-complementary-h) + 0),calc(calc(calc(var(--s-color-complementary-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-complementary-l) + 0) - 0)*1%),.1);color:var(--s-color-complementary)}body.-display-spacers .spacer:after{content:"{ spacer: " attr(size)" }";color:var(--s-color-complementary);text-transform:uppercase;font-family:monospace}.spacer{background:var(--s-color-background);color:var(--s-color-main)}.spacer{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.spacer.-smaller{height:var(--spacer-smaller)}.spacer.-small{height:var(--spacer-small)}.spacer.-medium{height:var(--spacer-medium)}.spacer.-large{height:var(--spacer-large)}.spacer.-larger{height:var(--spacer-larger)}.spacer:after{font-size:calc(var(--s-size-small, )*var(--s-scale,1));letter-spacing:.2em}