.gallery-expand{color:#f2f0e9;cursor:zoom-in;background:0 0;border:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:block;position:relative}.gallery-expand>img{object-fit:contain;width:100%;height:100%;display:block}.gallery-expand-icon{pointer-events:none;background:#050505b8;border:1px solid #fff5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:.75rem;right:.75rem}.gallery-expand-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.stock-photo-gallery .keycap-thumbnails button[aria-pressed=true]{opacity:1;border-color:#ff7a1a}.gallery-expand:focus-visible{outline-offset:-3px;outline:2px solid #ff7a1a}.product-modal .modal-image .stock-photo-gallery{width:100%;min-width:0}.stock-photo-gallery .keycap-gallery-stage,.product-modal .modal-image .stock-photo-gallery .keycap-gallery-stage{aspect-ratio:auto;touch-action:pan-y pinch-zoom;height:auto}.stock-photo-gallery .gallery-expand{height:auto}.stock-photo-gallery .keycap-gallery-stage .gallery-expand>img{object-fit:contain;width:100%;height:auto;max-height:70svh}.keycap-gallery-stage{touch-action:pan-y pinch-zoom}.keycap-modal .keycap-gallery{grid-template-rows:auto auto;align-content:start;height:auto;min-height:0}.keycap-modal .keycap-gallery .gallery-expand{height:auto}.keycap-modal .keycap-gallery .gallery-expand>img{object-fit:contain;width:100%;height:auto;max-height:70svh;display:block}.product-modal .modal-image.has-gallery{justify-content:flex-start;min-height:0}.photo-lightbox-overlay{opacity:1;visibility:visible;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#050505f5;padding:0;display:grid;position:fixed;inset:0}.photo-lightbox{color:#f2f0e9;background:#050505;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;height:100dvh;min-height:0;display:grid;overflow:hidden}.photo-lightbox-header{min-height:60px;padding:max(.4rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .4rem max(1rem, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:1rem;display:flex}.photo-lightbox-header h2{letter-spacing:0;min-width:0;margin:0;font-size:.85rem;font-weight:500;line-height:1.4}.photo-lightbox-close,.photo-lightbox-arrow{width:48px;height:48px;color:inherit;cursor:pointer;background:#050505b8;border:1px solid #fff5;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.photo-lightbox-close svg,.photo-lightbox-arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.photo-lightbox-stage{touch-action:pan-y pinch-zoom;min-width:0;min-height:0;position:relative}.photo-lightbox-image{width:100%;min-width:0;height:100%;min-height:0;position:relative}.photo-lightbox-image>img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.photo-lightbox-original{opacity:0}.photo-lightbox-original.is-ready{opacity:1}.photo-lightbox-preview.is-failed{visibility:hidden}.catalog-build-gallery .gallery-grid-open{cursor:zoom-in;background:#090909;border:0;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.catalog-build-gallery .gallery-grid-open:focus-visible{outline-offset:4px;outline:2px solid #ff7a1a}.photo-lightbox-arrow{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.photo-lightbox-arrow.is-previous{left:max(.75rem, env(safe-area-inset-left))}.photo-lightbox-arrow.is-next{right:max(.75rem, env(safe-area-inset-right))}.photo-lightbox-count{padding:.6rem 1rem max(.6rem, env(safe-area-inset-bottom));color:#aaa9a2;text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}.photo-lightbox-error{color:#aaa9a2;background:#050505c9;border-radius:8px;width:max-content;max-width:calc(100% - 2rem);margin:0;padding:.5rem .75rem;font-size:.75rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.photo-lightbox :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #ff7a1a}.photo-lightbox button:hover{border-color:#ff7a1a}@media (width<=620px){.photo-lightbox-header{min-height:56px}.photo-lightbox-arrow{width:44px;height:44px}}
