.c-gallery-compact__thumbnails{gap:var(--gap__m);pointer-events:none;grid-auto-rows:max-content;margin:0;padding:0;list-style:none;display:grid}.c-gallery-compact__thumbnails li{cursor:pointer;pointer-events:all;border:var(--border__s);border-color:var(--color__light);border-radius:var(--border-radius__m);padding:var(--gap__xs);transition:all var(--transition__time__m) var(--transition__timing-function)}.c-gallery-compact__thumbnails li[data-active=true]{border:var(--border__s);border-color:var(--color__green)}.c-gallery-compact__thumbnails:hover li:not(:hover){transform:scale(.9)}.c-gallery-compact__thumbnails img{aspect-ratio:1;object-fit:cover;border-radius:var(--border-radius__m);overflow:hidden}.c-gallery-compact__canvas{grid-column:span 4}.c-gallery-compact__canvas__inner{display:grid}.c-gallery-compact__item{aspect-ratio:1;background-color:var(--color__light);border-radius:var(--border-radius__m);width:100%;transition:all var(--transition__time__m) var(--transition__timing-function);grid-area:1/1/span 1/span 1;overflow:hidden}.c-gallery-compact__item:not([data-active=true]){opacity:0;pointer-events:none}.c-gallery-compact__item figure{width:100%;height:100%}.c-gallery-compact__item img{object-fit:contain;width:100%;height:100%}@media (max-width:640px){.c-gallery-compact.has-grid__x__5{grid-template-columns:minmax(0,1fr)}.c-gallery-compact__canvas{grid-area:1/1/span 1/-1}.c-gallery-compact__thumbnails{gap:var(--gap__xs);grid-auto-columns:64px;grid-auto-flow:column;overflow-x:auto}.c-gallery-compact__thumbnails li{padding:var(--gap__xxs)}}