.gallery[data-v-858cc4ae]{margin:24px 0}.main[data-v-858cc4ae]{aspect-ratio:16/9;background:#f5f5f5;border-radius:var(--radius-md);overflow:hidden;position:relative}.main[data-v-858cc4ae] picture img,.main img[data-v-858cc4ae]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.main .nav[data-v-858cc4ae]{align-items:center;background:#0006;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:44px}.main .nav[data-v-858cc4ae]:hover{background:#0009}.main .nav.prev[data-v-858cc4ae]{left:16px}.main .nav.next[data-v-858cc4ae]{right:16px}.thumbs[data-v-858cc4ae]{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.thumbs button[data-v-858cc4ae]{background:#f5f5f5;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:border-color .2s,transform .2s;width:96px}.thumbs button.active[data-v-858cc4ae]{border-color:var(--color-primary)}.thumbs button[data-v-858cc4ae]:hover:not(.active){border-color:var(--color-primary-light)}.thumbs button[data-v-858cc4ae] picture img,.thumbs button img[data-v-858cc4ae]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:600px){.main .nav[data-v-858cc4ae]{font-size:20px;height:36px;width:36px}.thumbs button[data-v-858cc4ae]{height:48px;width:72px}}