.ph-product-gallery{width:100%;display:block}.ph-gallery-desktop{display:none}@media(min-width:1024px){.ph-gallery-desktop{display:flex;flex-direction:row;gap:1rem;align-items:start;width:100%}}.ph-gallery-mobile{display:block;position:relative;width:100%}@media(min-width:1024px){.ph-gallery-mobile{display:none}}.ph-gallery-main-sticky{width:100%}.ph-gallery-stacked-layout-active .ph-gallery-main-sticky{width:65%;position:-webkit-sticky;position:sticky;top:7.5rem}.ph-gallery-stacked{width:35%;display:flex;flex-direction:column;gap:1rem}.ph-zoom-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#fafafa80;border:1px solid #f5f5f4;cursor:pointer;box-shadow:0 0 0 0 transparent;transition:box-shadow .2s}@media(min-width:1024px){.ph-zoom-image{cursor:none}}.ph-zoom-image:hover{box-shadow:0 1px 2px #0000000d}.ph-gallery-img{width:100%;height:100%;object-fit:contain;padding:1.5rem;display:block}.ph-cursor-follower{display:none;position:absolute;pointer-events:none;z-index:10;width:3rem;height:3rem;border-radius:9999px;background-color:#26262666;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.ph-zoom-image:hover .ph-cursor-follower{display:flex;opacity:1}.ph-follower-icon{width:1.25rem;height:1.25rem;stroke:currentColor}.ph-gallery-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.ph-gallery-slider::-webkit-scrollbar{display:none}.ph-gallery-slide{width:100%;flex-shrink:0;scroll-snap-align:center;position:relative;aspect-ratio:1 / 1;background-color:#fafafa80;border:1px solid #f5f5f4;cursor:pointer}.ph-gallery-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.ph-gallery-dot{height:.375rem;background-color:#d4d4d4;border-radius:9999px;border:none;cursor:pointer;padding:0;width:.375rem;transition:all .3s ease}.ph-gallery-dot:hover{background-color:#a3a3a3}.ph-gallery-dot--active{background-color:#bf0228;width:1rem}.ph-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#fff;flex-direction:column;align-items:center;justify-content:center;animation:ph-fade-in .2s ease-out}.ph-lightbox[aria-hidden=false]{display:flex}@keyframes ph-fade-in{0%{opacity:0}to{opacity:1}}.ph-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;color:#737373;background:none;border:none;padding:.5rem;cursor:pointer;z-index:210;transition:color .15s}.ph-lightbox-close:hover{color:#000}.ph-lightbox-close-icon{width:1.75rem;height:1.75rem;stroke-width:1.5}.ph-lightbox-prev,.ph-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#d4d4d4;background:none;border:none;padding:.75rem;cursor:pointer;z-index:210;transition:color .15s}.ph-lightbox-prev:hover,.ph-lightbox-next:hover{color:#000}.ph-lightbox-prev{left:1.5rem}.ph-lightbox-next{right:1.5rem}.ph-lightbox-arrow-icon{width:2rem;height:2rem;stroke-width:1.5}.ph-lightbox-image-wrap{position:relative;width:100%;max-width:85vw;height:75vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;-webkit-user-select:none;user-select:none;cursor:zoom-in}.ph-lightbox-image-wrap.ph-lightbox-zoomed{cursor:zoom-out}.ph-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;padding:1rem;pointer-events:none;transition:transform .08s ease-out}.ph-lightbox-counter{position:absolute;bottom:1.5rem;font-family:var(--ph-font-sans, sans-serif);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a3a3a3}
/*# sourceMappingURL=/cdn/shop/t/5/assets/prohats-gallery.css.map */