.xsmall-space {
    height: 24px;
}

.small-space {
    height: 48px;
}

.medium-space {
    height: 48px;
}

.large-space {
    height: 64px;
}

.space {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.separator {
    height: 1px;
    background-color: #F3F2F0;
    width: 100%;
    max-width: 1280px;
}

.black-background .separator {
    background-color: #7B7B7B;
}

.black-background {
    background-color: var(--black);
}

@media screen and (min-width:1025px) {
    .xsmall-space {
        height: 32px;
    }

    .small-space {
        height: 56px;
    }

    .medium-space {
        height: 80px;
    }

    .large-space {
        height: 120px;
    }
}