.image-gallery[data-v-23e9094f]{align-items:center;contain:paint;display:flex;flex-direction:column;overflow:hidden;width:100%}.crossfade-enter-active[data-v-23e9094f],.crossfade-leave-active[data-v-23e9094f]{transition:opacity .6s cubic-bezier(.4,0,.2,1)}.crossfade-enter-from[data-v-23e9094f],.crossfade-leave-to[data-v-23e9094f]{opacity:0}.main-image[data-v-23e9094f]{display:block;height:60vh;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.main-image.clickable[data-v-23e9094f]{cursor:pointer}.additional-images[data-v-23e9094f]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-base)}.thumbnail[data-v-23e9094f]{border:1px solid var(--border);contain:paint;cursor:pointer;flex-shrink:0;height:60px;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:60px}.thumbnail img[data-v-23e9094f]{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.thumbnail-active[data-v-23e9094f]{border-color:var(--text-color);border-width:2px;opacity:1}@media(hover:hover)and (pointer:fine){.thumbnail[data-v-23e9094f]:hover{border-color:var(--text-color);opacity:.7}.thumbnail:hover img[data-v-23e9094f]{transform:scale(1.3)}.thumbnail-active[data-v-23e9094f]:hover{opacity:1}.thumbnail-active:hover img[data-v-23e9094f]{transform:scale(1.2)}}@media(min-width:640px){.thumbnail[data-v-23e9094f]{height:70px;width:70px}.main-image[data-v-23e9094f]{height:70vh}}@media(min-width:1024px){.main-image[data-v-23e9094f]{height:80vh}.thumbnail[data-v-23e9094f]{height:65px;width:65px}}