/* TITLE */
.blocks-block:not(:first-child).--title {margin-top: var(--size-m);}




/* TEXT */
.blocks-block:not(:first-child).--text {margin-top: var(--size-m);}




/* FILES */
.blocks-block:not(:first-child).--files {margin-top: var(--size-m);}
    
/* Grid */
.blocks-block.--files._grid {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
    
/* Slideshow */
.blocks-block.--files._slideshow {
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 3/2;
}

.blocks-block.--files._slideshow .--container {
    display: flex;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 4px;
}

.blocks-block.--files._slideshow figure {
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: center;
}

.blocks-block.--files._slideshow figure.--horizontal .--media {width: 100%; height: 100%; object-fit: cover;}
.blocks-block.--files._slideshow figure.--vertical .--media {width: 100%; height: 100%; object-fit: contain;}

.blocks-block.--files._slideshow .--prev {height: 100%; width: 50%; top: 0; right: 50%; bottom: 0; left: 0; z-index: 5; cursor: w-resize; mix-blend-mode: difference;}
.blocks-block.--files._slideshow .--next {height: 100%; width: 50%; top: 0; right: 0; bottom: 0; left: 50%; z-index: 5; cursor: e-resize; mix-blend-mode: difference;}
.blocks-block.--files._slideshow .--index {right: 0; bottom: 0; left: 0; z-index: 1; mix-blend-mode: difference;}

.blocks-block.--files._slideshow .--prev img,
.blocks-block.--files._slideshow .--next img {height: 1.5rem; width: auto;}




/* VIDEO */
.blocks-block:not(:first-child).--video {margin-top: var(--size-m);}

.blocks-block.--video {
    border-radius: 4px;
    aspect-ratio: 16/9;
}

.blocks-block.--video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




/* EMBED */
.blocks-block:not(:first-child).--embed {margin-top: var(--size-m);}




/* 
KEYPOINT
*/
.blocks-block:not(:first-child).--keypoints {margin-top: var(--size-m);}

.blocks-block.--keypoints .--header {
    column-gap: var(--size-s);
    row-gap: var(--size-s);
    margin-bottom: 1rem;
}

.blocks-block.--keypoints .--header button {opacity: var(--alpha);}
.blocks-block.--keypoints .--header button.--active {opacity: 1 !important;}

.blocks-block.--keypoints .--article[data-status='hide'] {display: none !important;}
@media (hover: hover) {
   .blocks-block.--keypoints .--header button {transition: 250ms ease-in-out;}
   .blocks-block.--keypoints .--header:hover button {opacity: var(--alpha);}
   .blocks-block.--keypoints .--header button:hover {opacity: 1 !important;}
}


/* 
HERO
*/
.blocks-block:not(:first-child).--hero {margin-top: var(--size-m);}
.blocks-block.--hero {
    margin-right: -1rem;
    margin-left: -1rem;
}
@media only screen and (min-width: 768px) {
    .blocks-block.--hero {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }
}
@media only screen and (min-width: 1096px) {
    .blocks-block.--hero {
        margin-right: -4.5rem;
        margin-left: -4.5rem;
    }
}