.bpv__dialog{--bpv-edge: var(--beejro-forest, #005217);--bpv-top: 72px;--bpv-side: 88px;--bpv-thumb: 64px;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:var(--bpv-top) 0 0;border:0;background:var(--beejro-paper, #fff);color:var(--bpv-edge);overflow:hidden;overscroll-behavior:contain}.bpv__dialog:focus{outline:none}.bpv__dialog:not([open]){display:none}.bpv__dialog[open]{animation:bpv-in .22s ease both}.bpv__dialog::backdrop{background:var(--beejro-paper, #fff)}@keyframes bpv-in{0%{opacity:0}}.bpv__round{display:grid;place-items:center;width:48px;height:48px;padding:0;border:2px solid var(--bpv-edge);border-radius:50%;background:var(--beejro-paper, #fff);color:var(--bpv-edge);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.bpv__round svg{width:18px;height:18px}.bpv__round:active{transform:scale(.94)}.bpv__round:focus-visible,.bpv__thumb:focus-visible{outline:2px solid var(--bpv-edge);outline-offset:3px}@media(hover:hover){.bpv__round:hover{background:var(--bpv-edge);color:var(--beejro-paper, #fff)}}.bpv__close{position:absolute;inset-block-start:14px;inset-inline-end:16px;z-index:3;width:44px;height:44px}.bpv__close svg{width:16px;height:16px}.bpv__stage{position:relative;min-height:0;overflow:hidden;container-type:size;touch-action:none;user-select:none;-webkit-user-select:none}.bpv__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0}.bpv__slide[hidden]{display:none}.bpv__frame{position:relative;width:min(100cqh - 24px,100cqw - 2 * var(--bpv-side),900px);aspect-ratio:1;overflow:hidden;border:2px solid var(--bpv-edge);border-radius:24px;background:var(--beejro-paper, #fff);cursor:zoom-in}.bpv__img{display:block;width:100%;height:100%;object-fit:contain;background:center / contain no-repeat;transform-origin:center;will-change:transform}beejro-photo-viewer[data-zoomed] .bpv__frame{cursor:zoom-out}beejro-photo-viewer[data-zoomed][data-dragging] .bpv__frame{cursor:grabbing}.bpv__arrow{position:absolute;inset-block-start:50%;z-index:2;translate:0 -50%}.bpv__arrow--prev{inset-inline-start:24px}.bpv__arrow--prev svg{rotate:180deg}.bpv__arrow--next{inset-inline-end:24px}.bpv__thumbs{display:flex;gap:10px;justify-content:center;justify-content:safe center;padding:16px 16px max(20px,env(safe-area-inset-bottom,0px));overflow-x:auto;scrollbar-width:none}.bpv__thumbs::-webkit-scrollbar{display:none}.bpv__thumb{flex:none;width:var(--bpv-thumb);height:var(--bpv-thumb);padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:var(--beejro-paper, #fff);box-shadow:inset 0 0 0 1px rgb(var(--beejro-forest-rgb, 0 82 23) / .15);cursor:pointer;opacity:.7;transition:opacity .16s ease,border-color .16s ease}.bpv__thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}.bpv__thumb[aria-current]{border-color:var(--bpv-edge);box-shadow:none;opacity:1}@media(hover:hover){.bpv__thumb:hover{opacity:1}}@media screen and (max-width:749px){.bpv__dialog{--bpv-top: 68px;--bpv-side: 8px;--bpv-thumb: 56px}.bpv__frame{width:min(100cqh - 16px,100cqw - 2 * var(--bpv-side));border-radius:20px;cursor:auto}.bpv__arrow{display:none}.bpv__close{inset-block-start:max(12px,env(safe-area-inset-top,0px))}}@media(prefers-reduced-motion:reduce){.bpv__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/beejro-photo-viewer.css.map */