.separator {
    width: 50% !important;;
    margin: 0 auto;
    padding: 0 !important;
}

.vertical-separator {
    width: 1px;
    padding: 0 !important;
    margin: 0 1em;
    margin-bottom: 0 !important;
    height: 100%;
}

.vertical-separator.smaller {
    margin: 0 .5em;
}

.separator.long {
    width: 90% !important;
}

.separator.short {
    width: 10% !important;;
}

.separator.big {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

.separator.medium {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.separator.small {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.separator.smaller {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.separator.extra-small {
    margin-top: .7em !important;
    margin-bottom: .7em !important;
}

.separator.solid-line, .vertical-separator.solid-line {
    border: 1px solid;
}

.separator.thin-solid-line {
    border-top: 1px solid;
}

.separator.dashed-line, .vertical-separator.dashed-line {
    border: 1px dashed;
}

.separator.dot-line, .vertical-separator.dot-line {
    border: 1px dotted;
}

.separator.red, .vertical-separator.red {
    border-color: var(--color-fusion-red);
}

.separator.purple, .vertical-separator.purple {
    border-color: var(--color-saprissa-purple);
}

.separator.grey, .vertical-separator.grey {
    border-color: var(--color-dark-grey);
}

.separator.greystone, .vertical-separator.greystone {
    border-color: var(--color-greystone);
}

.separator.light-grey, .vertical-separator.light-grey {
    border-color: var(--color-grey);
}