.variant-fig.svelte-1r05oy5{display:block;position:relative;max-width:none;width:calc(100% + 2*clamp(24px,3vw,32px));margin:calc(-1*clamp(24px,3vw,32px)) calc(-1*clamp(24px,3vw,32px)) 22px;padding:0;border:none;border-bottom:1.5px solid var(--color-divider);border-radius:var(--radius) var(--radius) 0 0;background:var(--color-product-card);overflow:hidden;cursor:zoom-in}.variant-fig.svelte-1r05oy5:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.variant-img.svelte-1r05oy5{display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain;transition:transform .35s ease}.variant-fig.svelte-1r05oy5:hover .variant-img:where(.svelte-1r05oy5){transform:scale(1.03)}.variant-zoom.svelte-1r05oy5{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, inherit);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);background:color-mix(in srgb,#fff 88%,transparent);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:5px 9px;opacity:0;transition:opacity .2s ease}.variant-fig.svelte-1r05oy5:hover .variant-zoom:where(.svelte-1r05oy5),.variant-fig.svelte-1r05oy5:focus-visible .variant-zoom:where(.svelte-1r05oy5){opacity:1}@media(prefers-reduced-motion:reduce){.variant-img.svelte-1r05oy5,.variant-zoom.svelte-1r05oy5{transition:none}.variant-fig.svelte-1r05oy5:hover .variant-img:where(.svelte-1r05oy5){transform:none}}