html.koji-lightbox-open{overflow:hidden}.koji-zoom-btn{position:absolute;right:12px;bottom:12px;z-index:2;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0b0b0ba6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.koji-zoom-btn:active{transform:scale(.92)}.koji-zoom-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(hover:hover){.koji-zoom-btn:hover{background:#0b0b0beb}}.koji-product-main-image-wrap.has-zoom .koji-product-main-img{cursor:zoom-in}.koji-lightbox{border:0;padding:0;margin:0;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;background:#08060f;color:#fff;overflow:hidden}.koji-lightbox[open]{display:flex;flex-direction:column}.koji-lightbox::backdrop{background:#000}.koji-lightbox-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 16px}.koji-lightbox-count{font-size:14px;font-weight:800;letter-spacing:.8px;color:#ffffffb3;font-variant-numeric:tabular-nums}.koji-lightbox-btn{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.koji-lightbox-btn[hidden]{display:none}.koji-lightbox-btn:active{transform:scale(.92)}.koji-lightbox-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(hover:hover){.koji-lightbox-btn:hover{background:#ffffff2e}}.koji-lightbox-prev,.koji-lightbox-next{position:absolute;top:50%;margin-top:-24px;z-index:2;background:#0b0b0b99}.koji-lightbox-prev{left:12px}.koji-lightbox-next{right:12px}.koji-lightbox-stage{flex:1 1 auto;min-height:0;display:flex;overflow:auto;padding:0 16px 16px}.koji-lightbox-img{margin:auto;max-width:100%;max-height:calc(100dvh - 88px);object-fit:contain;border-radius:8px;cursor:zoom-in;transition:opacity .2s ease}.koji-lightbox-img.is-loading{opacity:0}.koji-lightbox-img.is-zoomed{max-width:none;max-height:none;cursor:zoom-out}@media(prefers-reduced-motion:reduce){.koji-lightbox-img,.koji-zoom-btn,.koji-lightbox-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-product-lightbox.css.map */