@keyframes hotspotPulse{0%{transform:translate(-50%,-50%) scale(.33);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.product-hotspot__layout{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:0rem}.product-hotspot__image-area{order:1;width:100%}@media screen and (max-width:749px){.product-hotspot__content{display:contents}.product-hotspot__content .titles{order:0}.product-hotspot__content .description,.product-hotspot__cta{order:2}}.product-hotspot__content .description{margin-bottom:2.4rem}@media screen and (max-width:749px){.product-hotspot__cta{margin-top:0}.product-hotspot__content .description{margin-bottom:0rem}}.product-hotspot__content .description,.product-hotspot__content .description p{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:var(--font-body-weight);line-height:1.5}.product-hotspot__cta{display:flex;margin-top:.4rem}.product-hotspot__content--mobile-left .titles,.product-hotspot__content--mobile-left .description{align-items:flex-start;margin-right:auto;margin-left:0;text-align:left}.product-hotspot__content--mobile-left .product-hotspot__cta{justify-content:flex-start}.product-hotspot__content--mobile-center .titles,.product-hotspot__content--mobile-center .description{align-items:center;margin-right:auto;margin-left:auto;text-align:center}.product-hotspot__content--mobile-center .product-hotspot__cta{justify-content:center}.product-hotspot__content--mobile-right .titles,.product-hotspot__content--mobile-right .description{align-items:flex-end;margin-right:0;margin-left:auto;text-align:right}.product-hotspot__content--mobile-right .product-hotspot__cta{justify-content:flex-end}@media screen and (min-width:750px){.product-hotspot__content--desktop-left .titles,.product-hotspot__content--desktop-left .description{align-items:flex-start;margin-right:auto;margin-left:0;text-align:left}.product-hotspot__content--desktop-left .product-hotspot__cta{justify-content:flex-start}.product-hotspot__content--desktop-center .titles,.product-hotspot__content--desktop-center .description{align-items:center;margin-right:auto;margin-left:auto;text-align:center}.product-hotspot__content--desktop-center .product-hotspot__cta{justify-content:center}.product-hotspot__content--desktop-right .titles,.product-hotspot__content--desktop-right .description{align-items:flex-end;margin-right:0;margin-left:auto;text-align:right}.product-hotspot__content--desktop-right .product-hotspot__cta{justify-content:flex-end}}@media screen and (min-width:750px){.product-hotspot__layout{flex-direction:row;align-items:center;gap:3.2rem}.product-hotspot__image-area{order:0;flex:1 1 58%}.product-hotspot__content{display:flex;flex:1 1 42%;flex-direction:column;max-width:48rem}}@media screen and (min-width:990px){.product-hotspot__layout{gap:6.4rem}}.product-hotspot__stage{position:relative}.product-hotspot__image-wrapper{border-radius:var(--border-radius-block, 0);overflow:hidden}.product-hotspot__image-wrapper--desktop{display:none}.product-hotspot__image-wrapper--mobile{display:block}@media screen and (min-width:750px){.product-hotspot__image-wrapper--desktop{display:block}.product-hotspot__image-wrapper--mobile{display:none}}.product-hotspot__image{display:block;width:100%;height:auto}.product-hotspot__placeholder{aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.05)}@media screen and (min-width:750px){.product-hotspot__placeholder{aspect-ratio:1 / 1}}.product-hotspot__placeholder svg{display:block;width:100%;height:100%;object-fit:cover}.product-hotspot__hotspot{position:absolute;z-index:2;top:var(--hotspot-y-mobile);left:var(--hotspot-x-mobile);width:0;height:0}.product-hotspot__hotspot.is-open{z-index:4}@media screen and (min-width:750px){.product-hotspot__hotspot{top:var(--hotspot-y-desktop);left:var(--hotspot-x-desktop)}}.product-hotspot__marker{position:absolute;z-index:2;top:0;left:0;width:4rem;height:4rem;padding:0;border:none;border-radius:50%;background-color:transparent;cursor:pointer;transform:translate(-50%,-50%)}@media screen and (min-width:576px){.product-hotspot__marker{width:5rem;height:5rem}}.product-hotspot__marker:before{content:"";position:absolute;z-index:3;top:50%;left:50%;width:1.4rem;height:1.4rem;border-radius:50%;background-color:var(--marker-color, #ffffff);box-shadow:0 .2rem .8rem #0003;transform:translate(-50%,-50%);transition:transform .2s ease}@media screen and (min-width:576px){.product-hotspot__marker:before{width:1.8rem;height:1.8rem}}.product-hotspot__marker:after{content:"";position:absolute;z-index:1;top:50%;left:50%;width:4rem;height:4rem;border-radius:50%;background-color:var(--marker-color, #ffffff);opacity:.5;transform:translate(-50%,-50%)}@media screen and (min-width:576px){.product-hotspot__marker:after{width:5rem;height:5rem}}.product-hotspot__marker--pulse:after{transform:translate(-50%,-50%) scale(.33);animation:hotspotPulse 1.25s cubic-bezier(.215,.61,.355,1) infinite}@media screen and (prefers-reduced-motion:reduce){.product-hotspot__marker--pulse:after{animation:none;transform:translate(-50%,-50%) scale(1);opacity:.45}}.product-hotspot__marker:hover:before,.product-hotspot__marker:focus-visible:before,.product-hotspot__hotspot.is-open .product-hotspot__marker:before{transform:translate(-50%,-50%) scale(1.15)}.product-hotspot__marker:hover:after,.product-hotspot__marker:focus-visible:after,.product-hotspot__hotspot.is-open .product-hotspot__marker:after{animation:none;transform:translate(-50%,-50%) scale(1);opacity:.65}.product-hotspot__tooltip{position:absolute;z-index:5;bottom:3.2rem;left:50%;width:min(28rem,calc(100vw - 4rem));padding:1.6rem 1.8rem;border-radius:var(--border-radius-block, .8rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1rem 3rem #00000029;transform:translate(calc(-50% + var(--tooltip-shift, 0px)));opacity:0;visibility:hidden;pointer-events:none}.product-hotspot__tooltip.is-below{bottom:auto;top:3.2rem}@media screen and (min-width:750px){.product-hotspot__hotspot:hover .product-hotspot__tooltip,.product-hotspot__hotspot:focus-within .product-hotspot__tooltip,.product-hotspot__hotspot.is-open .product-hotspot__tooltip{opacity:1;visibility:visible;pointer-events:auto}}@media screen and (max-width:749px){.product-hotspot__tooltip{display:none}}.product-hotspot__tooltip-title{margin:0;font-weight:600}.product-hotspot__tooltip-title+.product-hotspot__tooltip-description{margin-top:.6rem}.product-hotspot__tooltip-description{margin:0;font-size:1.3rem;font-weight:var(--font-body-weight);line-height:1.5;color:rgba(var(--color-foreground),.8)}.product-hotspot__popup{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.6rem;pointer-events:none;opacity:0;visibility:hidden}.product-hotspot__popup.is-active{pointer-events:auto;opacity:1;visibility:visible}.product-hotspot__popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.product-hotspot__popup-content{position:relative;z-index:1;width:min(40rem,100%);max-height:calc(100vh - 4rem);max-height:calc(100svh - 4rem);padding:2.4rem;overflow-y:auto;border-radius:var(--border-radius-block, .8rem);box-shadow:0 1rem 4rem #00000026}@media screen and (min-width:576px){.product-hotspot__popup-content{padding:3.2rem}}.product-hotspot__popup-close{position:absolute;top:1.2rem;right:1.2rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.product-hotspot__popup-close:hover{background-color:rgba(var(--color-foreground),.1)}.product-hotspot__popup-close svg{width:1.6rem;height:1.6rem}.product-hotspot__popup-title{margin:0;padding-right:2.4rem}.product-hotspot__popup-title[hidden]{display:none}.product-hotspot__popup-description{margin:.8rem 0 0;font-size:1.4rem;font-weight:var(--font-body-weight);line-height:1.5;color:rgba(var(--color-foreground),.8)}.product-hotspot__popup-title[hidden]+.product-hotspot__popup-description{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-hotspot.css.map */