nxt-product-viewer{display:block}
.nxt-v11-viewer:not([open]){display:none}
.nxt-v11-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.nxt-v11-viewer{box-sizing:border-box;width:calc(100vw - 32px);max-width:1280px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:1000px;padding:20px;border:1px solid var(--ink,#171714);margin:auto;background:var(--paper,#eae1d2);color:var(--ink,#171714);overflow:hidden}
.nxt-v11-viewer::backdrop{background:rgb(0 0 0 / .75)}
.nxt-v11-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.nxt-v11-viewer__title{margin:0!important;font-size:16px!important;line-height:1.4!important;font-weight:400;overflow-wrap:anywhere}
.nxt-v11-viewer button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--ink,#171714);border-radius:0;font:inherit;font-size:12px;line-height:1.3;background:var(--paper,#eae1d2);color:var(--ink,#171714);cursor:pointer}
.nxt-v11-viewer button:hover:not(:disabled){background:var(--ink,#171714);color:var(--paper,#eae1d2)}
.nxt-v11-viewer button:disabled{opacity:.4;cursor:default}
.nxt-v11-viewer :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--ink,#171714);outline-offset:3px}
.nxt-v11-viewer__close{flex-shrink:0}
.nxt-v11-viewer__viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--soft,#f4eee5);touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}
.nxt-v11-viewer__canvas{min-width:100%;min-height:100%;display:grid;place-items:center}
.nxt-v11-viewer__image{display:block;max-width:none!important;max-height:none!important;object-fit:contain;flex-shrink:0}
.nxt-v11-viewer__footer{display:grid;gap:8px;min-width:0}
.nxt-v11-viewer__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
.nxt-v11-viewer__nav,.nxt-v11-viewer__zoom{display:flex;align-items:center;gap:8px}
.nxt-v11-viewer__counter{margin:0;min-width:100px;text-align:center;font-size:12px;line-height:1.4}
.nxt-v11-viewer__status{margin:0;font-size:11px;color:var(--muted,#54524b)}
.nxt-v11-viewer__caption{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.nxt-v11-viewer__help{margin:0;font-size:11px;line-height:1.55;color:var(--muted,#54524b)}
.nxt-v11-viewer__original{width:fit-content;font-size:11px;line-height:1.6;min-height:28px;display:inline-flex;align-items:center;color:inherit;text-underline-offset:4px}
.nxt-v11-viewer__error{margin:0;font-size:13px;line-height:1.6}
@media(max-width:599px){.nxt-v11-viewer{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);padding:12px;gap:9px}.nxt-v11-viewer__title{font-size:14px!important}.nxt-v11-viewer__controls{justify-content:center;gap:8px}.nxt-v11-viewer__nav{margin-right:auto}.nxt-v11-viewer__zoom{margin-left:auto}.nxt-v11-viewer__counter{min-width:84px}.nxt-v11-viewer button{padding:8px}.nxt-v11-viewer__caption{font-size:11px}.nxt-v11-viewer__help{font-size:10px}.nxt-v11-viewer__status{text-align:center}}
@media(max-height:520px) and (min-width:600px){.nxt-v11-viewer{padding:10px;gap:8px}.nxt-v11-viewer__help{display:none}.nxt-v11-viewer__footer{gap:4px}.nxt-v11-viewer__caption{display:none}}