.BodyBlock {
    --gap-base: 50px;
    padding: var(--gap-base) 0;

    &.dark {
        background: var(--color-background-dark);
        color: #fff;
    }

    &.outlined {
        border: solid var(--color-background-faint) 1px;
        border-left: none;
        border-right: none;

        &+.outlined {
            margin-top: var(--gap-base);
        }
    }

    &:has(.tabSet) {
        /* Make top padding smaller when the block has a tabset so the position: sticky of the tabSet has also some padding on top */
        padding-top: calc(var(--gap-base) - 30px);
    }
}

.BodyBlock:not(.outlined,.dark) + .BodyBlock:not(.outlined,.dark) {
    margin-top: -50px;
}