dialog.viewer-frame{border:1px solid var(--beige-line);border-radius:var(--radius);background:var(--cream);max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--ink);margin:0;padding:0;display:block;position:relative;overflow:hidden}.viewer-frame>figure{border:0;border-radius:0;margin:0}.viewer-frame__heading{z-index:4;opacity:0;pointer-events:none;transition:opacity var(--motion-fast);position:absolute;inset-block-start:.7rem;inset-inline-end:.7rem}.viewer-frame__expand{border:1px solid var(--beige-line);background:var(--cream);block-size:2.75rem;inline-size:2.75rem;color:var(--forest);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.viewer-frame__expand svg,.viewer-controls__reset svg{block-size:1.15rem;inline-size:1.15rem}.viewer-frame button:hover:enabled:not([aria-pressed=true]){background:var(--selection)}.viewer-frame button:disabled{opacity:.4;cursor:default}.viewer-frame button:focus-visible,.viewer-frame select:focus-visible{outline:2px solid var(--forest);outline-offset:2px;box-shadow:none}.viewer-frame[open] .viewer-frame__heading{opacity:1;pointer-events:auto}.viewer-frame:has(:focus-visible) .viewer-frame__heading{opacity:1;pointer-events:auto}.viewer-frame:has(.viewer-controls--visible) .viewer-frame__heading{opacity:1;pointer-events:auto}.viewer-frame[open]{overscroll-behavior:contain;flex-direction:column;block-size:min(94dvh,64rem);max-block-size:none;inline-size:min(94vw,90rem);max-inline-size:none;margin:auto;display:flex;position:fixed;inset:0;overflow-y:auto;box-shadow:0 1.5rem 6rem #00140940}.viewer-frame[open]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071d13b8}.viewer-frame[open]>figure{flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:visible}.viewer-frame[open] .bottle-preview__stage,.viewer-frame[open] .cap-preview__stage{flex:1 0 15rem;block-size:auto;min-block-size:15rem}.viewer-frame[open] figcaption,.viewer-frame[open] .cap-preview__states{flex:none}.viewer-frame[open] figcaption{text-align:center}.viewer-is-expanded{overflow:hidden}.viewer-controls{pointer-events:none;position:absolute;inset:0}.viewer-controls__hint{text-align:center;color:var(--muted);transition:opacity var(--motion-fast);margin:0;font-size:.69rem;position:absolute;inset-block-end:.8rem;inset-inline:.8rem}.viewer-controls__toolbar{border:1px solid var(--beige-line);background:color-mix(in srgb, var(--cream) 96%, transparent);opacity:0;pointer-events:none;inline-size:fit-content;max-inline-size:calc(100% - 1.3rem);transition:opacity var(--motion-fast);border-radius:.85rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-inline:auto;padding:.25rem .4rem;display:flex;position:absolute;inset-block-end:.65rem;inset-inline:.65rem;box-shadow:0 .2rem .8rem #1828180a}.viewer-controls__toolbar button,.viewer-controls__toolbar select{min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--forest);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;font-size:.74rem}.viewer-controls__toolbar select{max-inline-size:6rem;padding-inline:.3rem}.viewer-controls__zoom{align-items:center;gap:.05rem;display:flex}.viewer-controls__zoom>span{color:var(--muted);padding-inline:.35rem .25rem;font-size:.7rem}.viewer-controls__zoom button{padding:0;font-size:1.2rem}.viewer-controls__zoom output{text-align:center;min-inline-size:3rem;color:var(--forest);font-variant-numeric:tabular-nums;font-size:.73rem}.viewer-controls__reset{place-items:center;padding:0;display:grid}.viewer-controls__toolbar .bottle-preview__cap-toggle{border:0;border-radius:.5rem;padding-inline:.65rem;font-size:.71rem}.viewer-controls__toolbar .bottle-preview__cap-toggle[aria-pressed=true]{background:var(--forest);color:var(--on-dark)}.viewer-controls__toggle{border:1px solid var(--beige-line);background:var(--cream);min-block-size:2.75rem;color:var(--forest);font:inherit;pointer-events:auto;cursor:pointer;border-radius:999px;padding:.4rem .8rem;font-size:.72rem;display:none;position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem}:is(.viewer-frame:has(:focus-visible) .viewer-controls__toolbar,.viewer-controls--visible .viewer-controls__toolbar){opacity:1;pointer-events:auto}:is(.viewer-frame:has(:focus-visible) .viewer-controls__hint,.viewer-controls--visible .viewer-controls__hint){opacity:0}.viewer-controls__touch{display:none}@media (hover:hover) and (pointer:fine){.viewer-frame:hover .viewer-controls__toolbar,.viewer-frame:hover .viewer-frame__heading{opacity:1;pointer-events:auto}.viewer-frame:hover .viewer-controls__hint{opacity:0}}@media (hover:none),(pointer:coarse){.viewer-controls__toggle{display:block}.viewer-controls__mouse{display:none}.viewer-controls__touch{display:inline}.viewer-controls__toolbar{visibility:hidden}.viewer-controls--visible .viewer-controls__toolbar,.viewer-controls__toolbar:focus-within{visibility:visible}}@media (width<=46rem){.viewer-frame[open]{border:0;border-radius:0;block-size:100dvh;inline-size:100%}.viewer-frame[open] .viewer-frame__heading,.viewer-frame[open] .viewer-controls__toggle{inset-block-start:max(.7rem, env(safe-area-inset-top))}.viewer-frame[open] figcaption{padding-block-end:max(.75rem, env(safe-area-inset-bottom))}.viewer-controls__hint{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.viewer-frame__heading,.viewer-controls__toolbar,.viewer-controls__hint{transition:none}}