.product-jar{align-self:center}.product-jar__visual figcaption{align-self:start}.product-jar__stage{background-color:transparent;transition:background-color .32s ease}.product-jar__stage:after{position:absolute;inset:0;border:1px solid var(--line);border-radius:inherit;opacity:0;pointer-events:none;content:"";transition:opacity .32s ease}.product-jar__stage.is-zoomed,.product-jar__stage.is-panned{background-color:var(--soft)}.product-jar__stage.is-zoomed:after,.product-jar__stage.is-panned:after{opacity:1}.model-zoom .model-zoom__button{border:0;border-radius:50%;background:transparent;color:var(--ink)}.model-zoom .model-zoom__button:hover:not(:disabled):not([aria-pressed=true]){background:var(--soft);color:var(--accent-text)}.model-zoom__button:disabled{opacity:.45;cursor:default}.model-zoom__button[aria-pressed=true]{background:var(--accent-text);color:var(--surface)}.model-zoom__button .icon{width:20px;height:20px}.model-zoom__value{color:var(--muted)}.ingredient-map__label{margin:0 0 2px;color:var(--muted);font-size:14px}.ingredient-hotspot{box-sizing:border-box;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:500;line-height:1.4;text-align:left;cursor:pointer}.ingredient-hotspot:hover,.ingredient-hotspot:focus-visible{border-color:var(--accent-text)}.ingredient-hotspot[aria-expanded=true]{border-color:var(--accent-text);background:var(--soft)}.ingredient-hotspot__dot{display:block;width:14px;height:14px;border:1px solid var(--accent-text);border-radius:50%;background:var(--surface)}.ingredient-hotspot__name{min-width:0;overflow-wrap:anywhere}.ingredient-hotspot[aria-expanded=true] .ingredient-hotspot__dot{background:var(--accent-text)}.ingredient-panel{border-color:var(--accent-text);background:var(--surface);color:var(--ink);opacity:0;transition:opacity .2s}.ingredient-panel.is-active{opacity:1}.product-jar__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;background:transparent;cursor:grab;touch-action:pan-y pinch-zoom;opacity:0;transition:opacity .28s ease}.product-jar.is-ready .product-jar__canvas{opacity:1}.product-jar__canvas.is-dragging{cursor:grabbing}.product-jar__canvas.is-panning{touch-action:pinch-zoom}.product-jar__canvas:focus-visible{border-radius:var(--radius);outline:2px solid var(--accent-text);outline-offset:-2px}.product-jar__fallback{border-radius:var(--radius);opacity:1;transition:opacity .28s ease}.product-jar.is-ready .product-jar__fallback{opacity:0}.product-jar [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.product-jar__stage,.product-jar__stage:after{transition:none}}.product-jar__controls p,.product-jar__status{color:var(--muted)}.product-jar__flavors{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 4px;padding:0;border:0}.product-jar__flavors legend{width:100%;margin-bottom:4px;color:var(--muted);font-size:12px}.product-jar__flavors button{border:1px solid var(--line);border-radius:100px;min-height:44px;padding:10px 16px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.product-jar__flavors button[aria-pressed=true]{border-color:var(--accent-text);background:var(--accent-text);color:var(--surface)}.product-jar__flavors button:hover{border-color:var(--accent-text)}.product-jar__controls button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.product-jar__controls button:hover{color:var(--accent-text);border-color:currentColor}.product-jar__controls .icon{width:20px;height:20px}.product-jar__status{text-align:center}@media(min-width:1024px){.product-jar__flavors{flex-wrap:nowrap}.product-jar__flavors button{flex:none;white-space:nowrap}}@media(min-width:851px)and (max-height:900px){.ingredient-hotspot{min-height:44px;padding-block:10px}}@media(max-width:700px){.product-jar__flavors{justify-content:center}.product-jar__flavors legend{text-align:center}}
