.bna-mobile-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;box-sizing:border-box;background:#fff;color:#242424;overflow:hidden;overscroll-behavior:none;touch-action:none}.bna-mobile-viewer[open]{display:flex;flex-direction:column}.bna-mobile-viewer::backdrop{background:#fff}.bna-mobile-viewer button{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-width:48px;min-height:48px;padding:8px;touch-action:manipulation}.bna-mobile-viewer button:disabled,.bna-mobile-viewer button[aria-disabled=true]{opacity:.35}.bna-mobile-viewer button:focus-visible,.bna-mobile-viewer__stage:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.bna-mobile-viewer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;min-height:56px;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));font-size:16px}.bna-mobile-viewer__header button{font-size:36px;line-height:1}.bna-mobile-viewer__stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.bna-mobile-viewer__stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.bna-mobile-viewer__stage button{position:absolute;z-index:2;top:50%;transform:translateY(-50%);border-radius:50%;background:#ffffffe0;font-size:36px;line-height:1}.bna-mobile-viewer__previous{left:max(8px,env(safe-area-inset-left,0px))}.bna-mobile-viewer__next{right:max(8px,env(safe-area-inset-right,0px))}.bna-mobile-viewer__tools{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;padding:4px 8px max(8px,env(safe-area-inset-bottom,0px));font-size:16px}.bna-mobile-viewer__tools button{border:1px solid #ccc;border-radius:4px}.bna-mobile-viewer__tools [data-viewer-percent]{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bna-mobile-image-viewer.css.map */