ul.image-grid-holder{--ig-gap-x:8px;--ig-gap-y:10px;--ig-justify:space-between;--ig-align:center;--ig-wrap:nowrap;--ig-cols:1;--ig-item:0 1 auto;--ig-radius:0;--ig-ease:0.2s cubic-bezier(0.2, 0.7, 0.3, 1);--ig-col-width:calc((100% - (var(--ig-cols) - 1) * var(--ig-gap-x)) / var(--ig-cols));position:relative;display:flex;flex-wrap:var(--ig-wrap);justify-content:var(--ig-justify);align-items:var(--ig-align);column-gap:var(--ig-gap-x);row-gap:var(--ig-gap-y);margin:0 auto;padding:0;list-style:none}ul.image-grid-holder>li{display:flex;align-items:center;justify-content:center;flex:var(--ig-item);box-sizing:border-box;min-width:0;margin:0;list-style:none;text-align:center;border-radius:var(--ig-radius);transition:transform var(--ig-ease),box-shadow var(--ig-ease)}ul.image-grid-holder>li img{display:block;max-width:100%;height:auto;margin:auto;border-radius:var(--ig-radius);transition:transform var(--ig-ease),filter var(--ig-ease),opacity var(--ig-ease)}.image-grid-holder--grey>li img,.image-grid-holder--grey-hover>li img{filter:grayscale(1);opacity:.75}.image-grid-holder--grey-hover>li:hover img{filter:none;opacity:1}.image-grid-holder--lift>li:hover{transform:translateY(-.25rem)}.image-grid-holder--zoom>li{overflow:hidden}.image-grid-holder--zoom>li:hover img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){ul.image-grid-holder>li,ul.image-grid-holder>li img{transition:none}.image-grid-holder--lift>li:hover,.image-grid-holder--zoom>li:hover img{transform:none}}