/*
--------------------
ISSUE 5
--------------------
*/

#fig03 *[fill="#ededed"],
#fig06 *[fill="#ededed"],
#fig07 *[fill="#ededed"],
#fig08-10 *[fill="#ededed"] {
    fill: var(--hsl-tint);
}
#fig03 *[fill="#fff"],
#fig06 *[fill="#fff"] {
    fill: var(--hsl-bg);
}
#fig03 *[stroke="#000"],
#fig06 *[stroke="#000"] {
    stroke: var(--hsl-text);
}
#fig03 text,
#fig06 text {
    fill: var(--hsl-text);
}
@media screen and (prefers-color-scheme: dark) {
    #fig05 svg {
        filter: invert(1);
    }
    #fig07 *[fill="#fff"] {
        fill: var(--hsl-text);
    }
    #fig07 text {
        fill: #000;
    }
    #fig08-10 *[fill="#fff"] {
        fill: #000;
    }
    #fig08-10 *[fill="#000"] {
        fill: var(--hsl-text);
    }
}

.gallery__wrap {
    border: calc(var(--line)/2) solid white;
    column-gap: unset;
    grid-template-columns: 1fr 1fr;
    row-gap: unset;
}
@media screen and (min-width: 40em) {
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 3, 1fr );
    }
}
@media screen and (min-width: 52em) {
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 4, 1fr );
    }
}
@media screen and (min-width: 64em) {
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 5, 1fr );
    }
}
@media screen and (min-width: 76em) {
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 6, 1fr );
    }
}
@media screen and (min-width: 88em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 3, 1fr );
    }
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 7, 1fr );
    }
}
@media screen and (min-width: 100em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 4, 1fr );
    }
    .gallery[aria-expanded="true"] .gallery__wrap {
        grid-template-columns: repeat( 8, 1fr );
    }
    .gallery[aria-expanded="true"] .gallery__wrap::after {
        background: white;
        content: "";
        display: block;
    }
}
@media screen and (min-width: 112em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 5, 1fr );
    }
}
@media screen and (min-width: 124em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 6, 1fr );
    }
}
@media screen and (min-width: 136em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 7, 1fr );
    }
}
@media screen and (min-width: 148em) {
    .gallery[aria-expanded="false"] .gallery__wrap {
        grid-template-columns: repeat( 8, 1fr );
    }
}
@media screen and (prefers-color-scheme: dark) {
    .gallery__wrap {
        filter: brightness(var(--l-dark-text));
    }
}
.gallery__item {
    background: black;
    padding: var(--scale-1);
    position: relative;
}
.gallery__item:nth-child(4n+1),
.gallery__item:nth-child(4n+4) {
    filter: invert();
}
@media screen and (min-width: 40em) {
    .gallery[aria-expanded="true"] .gallery__item:nth-child(4n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(4n+4) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
}
@media screen and (min-width: 52em) {
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+3),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+6),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+8) {
        filter: invert();
    }
}
@media screen and (min-width: 64em) {
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+3),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+6),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(8n+8) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
}
@media screen and (min-width: 76em) {
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+3),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+5),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+8),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+10),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+12) {
        filter: invert();
    }
}
@media screen and (min-width: 88em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(4n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(4n+4) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+3),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+5),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+8),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+10),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(12n+12) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
}
@media screen and (min-width: 100em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+3),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+6),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+8) {
        filter: invert();
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+1),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+3),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+5),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+7),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+10),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+12),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+14),
    .gallery[aria-expanded="true"] .gallery__item:nth-child(16n+16) {
        filter: invert();
    }
}
@media screen and (min-width: 112em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+3),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+6),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(8n+8) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
}
@media screen and (min-width: 124em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+3),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+5),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+8),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+10),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+12) {
        filter: invert();
    }
}
@media screen and (min-width: 136em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+3),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+5),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+8),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+10),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(12n+12) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: invert();
    }
}
@media screen and (min-width: 148em) {
    .gallery[aria-expanded="false"] .gallery__item:nth-child(2n+1) {
        filter: unset;
    }
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+1),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+3),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+5),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+7),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+10),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+12),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+14),
    .gallery[aria-expanded="false"] .gallery__item:nth-child(16n+16) {
        filter: invert();
    }
}
.gallery__item svg {
    background: none;
    border: 0;
    padding: 0;
}
.gallery__caption {
    bottom: 0;
    color: var(--hsl-dark-text);
    left: 0;
    padding: 0.33em;
    position: absolute;
    text-align: center;
    width: 100%;
}