.document .spoiler {
    margin: var(--document_block_size_margin) 0;
}
.document .spoiler:first-child {
    margin-top: 0;
}
.document .spoiler:last-child {
    margin-bottom: 0;
}

.document .spoiler > .spoilerItem {
    margin: var(--document_block_size_margin) 0;
    padding-left: 0;
}

.document .spoiler > .spoilerItem > .rightArrow {
    transform: rotate(0deg);
    transition-property: border-left transform;
    transition: 0.25s;
}
.document .spoiler.isOpen > .spoilerItem > .rightArrow {
    transform: rotate(90deg);
    transition-property: border-left transform;
    transition: 0.25s;
}

.document .spoiler > .spoilerContent {
    user-select: none;
    overflow: hidden;
    display: none;
    height: 100%;
    margin: var(--document_block_size_margin) 0;
}
.document .spoiler:last-child > .spoilerContent {
    margin-bottom: 0;
}
.document .spoiler.isOpen > .spoilerContent {
    user-select: auto;
    display: block;
}

@media print {
    .document .spoiler > .spoilerItem > .rightArrow {
        transform: rotate(90deg);
        transition-property: border-left transform;
        transition: 0;
    }

    .document .spoiler > .spoilerContent {
        user-select: auto;
        display: block;
    }
}