.image-gallery[data-v-255e4df3]{flex-direction:column;overflow:hidden;contain:paint}.image-gallery[data-v-255e4df3],.main-image-area[data-v-255e4df3]{width:100%;display:flex;align-items:center}.main-image-area[data-v-255e4df3]{--plate-h:60vh;--credit-room:0px;position:relative;height:var(--plate-h);justify-content:center}.main-image-area.has-credit[data-v-255e4df3]{--credit-room:var(--image-credit-room)}.main-plate[data-v-255e4df3]{margin:0;width:100%}.main-plate.has-ratio[data-v-255e4df3]{width:min(100%,calc((var(--plate-h) - var(--credit-room))*var(--ratio)))}.crossfade-enter-active[data-v-255e4df3],.crossfade-leave-active[data-v-255e4df3]{transition:opacity var(--motion-quiet) var(--motion-ease)}.crossfade-enter-from[data-v-255e4df3],.crossfade-leave-to[data-v-255e4df3]{opacity:0}.main-image[data-v-255e4df3]{width:100%;height:calc(var(--plate-h) - var(--credit-room));display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.main-plate.has-ratio .main-image[data-v-255e4df3]{height:auto;aspect-ratio:var(--ratio)}.main-image[data-v-255e4df3],.main-plate .image-credit[data-v-255e4df3]{opacity:0;transition:opacity var(--motion-line) var(--motion-ease)}.main-plate.is-loaded .image-credit[data-v-255e4df3],.main-plate.is-loaded .main-image[data-v-255e4df3]{opacity:1}.main-image.clickable[data-v-255e4df3]{cursor:pointer}.additional-images[data-v-255e4df3]{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-base);flex-wrap:wrap;justify-content:center}.thumbnail[data-v-255e4df3]{width:60px;height:60px;cursor:pointer;transition:opacity var(--motion-line) var(--motion-ease),border-color var(--motion-line) var(--motion-ease),border-width var(--motion-line) var(--motion-ease);border:1px solid var(--border);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.thumbnail-active[data-v-255e4df3]{border-color:var(--text-color);border-width:2px;opacity:1}@media(hover:hover)and (pointer:fine){.thumbnail[data-v-255e4df3]:hover{opacity:.7;border-color:var(--text-color)}.thumbnail-active[data-v-255e4df3]:hover{opacity:1}}@media(min-width:640px){.thumbnail[data-v-255e4df3]{width:70px;height:70px}.main-image-area[data-v-255e4df3]{--plate-h:70vh}}@media(min-width:1024px){.main-image-area[data-v-255e4df3]{--plate-h:80vh}.thumbnail[data-v-255e4df3]{width:65px;height:65px}}
