.zpg__gallery{display:grid;min-width:0;gap:12px}.zpg__stage{position:relative;display:grid;overflow:hidden;aspect-ratio:1;place-items:center;background:var(--catalog-tint)}.zpg__stageBadge{position:absolute;z-index:1;top:18px;left:18px;display:inline-flex;min-height:34px;padding-inline:13px;align-items:center;border:1px solid color-mix(in srgb,var(--catalog-teal) 22%,transparent);border-radius:999px;color:var(--catalog-teal);background:color-mix(in srgb,white 94%,transparent);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px #007f9614}.zpg__mainImage{width:100%;height:100%;object-fit:contain;animation:gallery-image-enter .12s ease-out both}.zpg__thumbnails{display:flex;min-width:0;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px;scrollbar-width:thin}.zpg__thumbnail{display:grid;flex:0 0 72px;width:72px;min-width:44px;min-height:44px;aspect-ratio:1;padding:4px;place-items:center;border:1px solid var(--catalog-line);border-radius:8px;color:inherit;background:var(--catalog-field);cursor:pointer}.zpg__thumbnail:hover,.zpg__thumbnail[aria-pressed=true]{border-color:var(--catalog-teal)}.zpg__thumbnail:focus-visible{outline:2px solid var(--catalog-teal);outline-offset:2px}.zpg__thumbnail img{width:100%;height:100%;object-fit:contain}@keyframes gallery-image-enter{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.zpg__thumbnail{flex-basis:60px;width:60px}}@media(prefers-reduced-motion:reduce){.zpg__mainImage{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/zova-zpg.css.map */