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

.document .pictureGallery > .container {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--document_pictureGallery_size_margin) * -1);
}

.document .pictureGallery > .container > .slideContainer {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.document .pictureGallery > .container > .slideContainer > button {
    width: calc(var(--document_general_size_font) * 2);
    height: calc(100% - var(--document_pictureGallery_size_margin) * 2);
    margin: var(--document_pictureGallery_size_margin);
    padding: var(--document_pictureGallery_size_margin);
    font-family: var(--document_general_font_code);
    font-weight: var(--document_general_font_bold);
    font-size: var(--document_general_size_font);
}

.document .pictureGallery > .container .singlePictureContainer,
.document .pictureGallery > .container .multiPictureContainer {
    display: block;
    margin: var(--document_pictureGallery_size_margin);
    border-bottom: none;
    transition: 0;
}
.document .pictureGallery > .container .singlePictureContainer:hover,
.document .pictureGallery > .container .multiPictureContainer:hover {
    border-bottom: none;
    transition: 0;
}
.document .pictureGallery > .container .singlePictureContainer {
    width: calc(100% - var(--document_pictureGallery_size_margin) * 2);
}
.document .pictureGallery > .container .multiPictureContainer {
    width: calc(50% - var(--document_pictureGallery_size_margin) * 2);
}
.document .pictureGallery > .container .multiPictureContainer.printOnly {
    display: none;
}
.document .pictureGallery > .container .slideContainer > .singlePictureContainer {
    width: calc(
        100% - var(--document_pictureGallery_size_margin) * 2 - (var(--document_general_size_font) * 4 + var(--document_pictureGallery_size_margin) * 4)
    );
}

.document .pictureGallery > .container .picture {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.document .pictureGallery > .container .border {
    padding: 1px;
    border: solid 1px var(--document_general_color_half);
}
.document .pictureGallery > .container .pixel {
    image-rendering: pixelated;
}

@media screen and (max-width: 639px) {
    .document .pictureGallery > .container .multiPictureContainer {
        width: calc(100% - var(--document_pictureGallery_size_margin) * 2);
    }
}

@media print {
    .document .pictureGallery > .container .slideContainer.webOnly {
        display: none;
    }
    .document .pictureGallery > .container .singlePictureContainer,
    .document .pictureGallery > .container .multiPictureContainer {
        break-inside: avoid;
    }
    .document .pictureGallery > .container .multiPictureContainer.printOnly {
        display: block;
    }
}