.gallery-hotspots .gallery-hotspots__inner--full-width{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:990px){.gallery-hotspots .gallery-hotspots__inner--full-width{padding-left:5.5rem;padding-right:5.5rem}}.gallery-hotspots .gallery-hotspots__header{margin-bottom:2rem}.gallery-hotspots .gallery-hotspots__header--center{text-align:center}.gallery-hotspots .gallery-hotspots__heading{margin:0}.gallery-hotspots .gallery-hotspots__subheading{margin:.4rem 0 0;font-size:1.4rem;opacity:.7}.gallery-hotspots .gallery-hotspots__grid{display:grid;gap:var(--grid-desktop-horizontal-spacing)}.gallery-hotspots .gallery-hotspots__grid--1{grid-template-columns:1fr}.gallery-hotspots .gallery-hotspots__grid--2{grid-template-columns:1fr 1fr}.gallery-hotspots .gallery-hotspots__grid--3{grid-template-columns:1fr 1fr 1fr}gallery-hotspot-block.gallery-hotspots__block{display:block}.gallery-hotspots .gallery-hotspots__media{position:relative;aspect-ratio:var(--hotspots-ratio, 3 / 4)}.gallery-hotspots .gallery-hotspots__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--hotspots-radius, 0px);overflow:hidden}.gallery-hotspots .gallery-hotspots__image{width:100%;height:100%;object-fit:cover;display:block}.gallery-hotspots .gallery-hotspots__placeholder{width:100%;height:100%;display:block}.gallery-hotspots .gallery-hotspots__pin-wrapper{position:absolute;transform:translate(-50%,-50%);z-index:2}.gallery-hotspots .gallery-hotspots__pin-wrapper:hover,.gallery-hotspots .gallery-hotspots__pin-wrapper.is-active{z-index:3}.gallery-hotspots .gallery-hotspots__pin{position:relative;width:4.8rem;height:4.8rem;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000040;transition:transform .2s ease}.gallery-hotspots .gallery-hotspots__pin:hover{transform:scale(1.1)}.gallery-hotspots .gallery-hotspots__pin:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgb(var(--color-background));animation:hotspot-pulse 2.5s ease-out infinite;pointer-events:none}@keyframes hotspot-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.7);opacity:0}}.gallery-hotspots .gallery-hotspots__pin-icon{width:2.4rem;height:2.4rem;display:block;flex-shrink:0}.gallery-hotspots .gallery-hotspots__tooltip{display:none;position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);width:22rem;z-index:10;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000029}.gallery-hotspots .gallery-hotspots__pin-wrapper--flip-x .gallery-hotspots__tooltip{left:auto;right:0;transform:none}.gallery-hotspots .gallery-hotspots__pin-wrapper--flip-y .gallery-hotspots__tooltip{bottom:auto;top:calc(100% + 1rem)}.gallery-hotspots .gallery-hotspots__pin-wrapper:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:100%;height:1rem}.gallery-hotspots .gallery-hotspots__pin-wrapper--flip-y:after{bottom:auto;top:100%}@media(hover:hover)and (pointer:fine){.gallery-hotspots .gallery-hotspots__pin-wrapper:hover .gallery-hotspots__tooltip{display:block}}.gallery-hotspots .gallery-hotspots__tooltip .card-wrapper{margin:0}.gallery-hotspots-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:flex-end}.gallery-hotspots-popup.is-open{display:flex}.gallery-hotspots-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.gallery-hotspots-popup__sheet{position:relative;width:100%;max-height:90vh;overflow-y:auto;background:#00000080;border-radius:1.6rem 1.6rem 0 0;padding:6rem 2.5rem 3rem;z-index:1}.gallery-hotspots-popup__close{position:absolute;top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;border:1px solid rgba(var(--color-foreground),.15);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.gallery-hotspots-popup__close svg{width:1.6rem;height:1.6rem;display:block}.gallery-hotspots-popup__body .card-wrapper{margin:0}@media screen and (max-width:749px){.gallery-hotspots .gallery-hotspots__grid{grid-template-columns:1fr;gap:var(--grid-mobile-horizontal-spacing)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-gallery-hotspots.css.map */