@import "lib/photoswipe.css";

ids-gallery,
.ids__gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 90px;
    place-content: start;
    place-items: center;

    figure {
        flex: 0 0 250px;
        max-height: 250px;
        max-width: 250px;
        overflow: hidden;
        border-radius: 0.4em;

        &:focus-within:has(a:focus-visible) {
            outline: 2px solid rgb(var(--ids__link-RGB));
            outline-offset: 2px;
        }
        a:hover,
        a:focus-visible {
            opacity: 0.9;
        }
        img {
            object-fit: contain;
            max-height: 100%;
            max-width: 100%;
        }
    }
}