/* MOBILE */
.block.block-spacer {
    --spacer-height: 0px;
    --spacer-border-height: 1px;
    margin-top: calc((var(--spacer-height) - var(--spacer-border-height)) / 2);
    margin-bottom: calc((var(--spacer-height) - var(--spacer-border-height)) / 2);
}

.block.block-spacer .spacer-border {
    background-color: #C9C9C9;
    height: var(--spacer-border-height);
}

.block.block-spacer.small { /* 32px */
    --spacer-height: 32px;
}

.block.block-spacer.medium { /* 40px */
    --spacer-height: 40px;
}

.block.block-spacer.large { /* 48px */
    --spacer-height: 48px;
}

/* TABLET */
@media screen and (min-width: 768px) {
    .block.block-spacer.small {  /* 40px */
        --spacer-height: 40px; 
        }
    .block.block-spacer.medium {   /* 90px */
        --spacer-height: 90px;
    }
        
    .block.block-spacer.large {   /* 90px */
        --spacer-height: 90px;  
    }
}

/* DESKTOP */
@media screen and (min-width: 1025px) {
    .block.block-spacer.large {   /* 128px */
        --spacer-height: 128px;  
    }
}