.image-hotspots--pin-button svg{transition:all .25s cubic-bezier(.104,.204,.492,1)}.image-hotspots{display:flex;grid-gap:30px;flex-direction:column}@media only screen and (min-width: 1068px){.image-hotspots{grid-gap:60px}}.image-hotspots--container{width:100%;display:block;position:relative}.image-hotspots--pin{position:absolute;display:block;top:var(--mobile-top, 0px);left:var(--mobile-left, 0px)}@media only screen and (min-width: 768px){.image-hotspots--pin{top:var(--desktop-top, 0px);left:var(--desktop-left, 0px)}}.image-hotspots--pin-button{width:22px;height:22px;background:var(--bg-body, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 6px #00000014}@media only screen and (min-width: 768px){.image-hotspots--pin-button{width:25px;height:25px}}@media only screen and (min-width: 1068px){.image-hotspots--pin-button{width:30px;height:30px}}.image-hotspots--pin-button.hotspot--pinned:after{content:"";display:block;width:100%;height:100%;background:var(--hotspot-bg-color);border-radius:50%;animation:hotspot-wave 2s ease infinite alternate;position:absolute;top:0;left:0;z-index:-1}.image-hotspots--pin-button svg{display:block;transform-origin:center;width:8px;height:8px}@media only screen and (min-width: 768px){.image-hotspots--pin-button svg{width:8px;height:10px}}@media only screen and (min-width: 1068px){.image-hotspots--pin-button svg{width:10px;height:12px}}@keyframes hotspot-wave{0%{transform:scale(1)}to{transform:scale(1.45)}}.image-hotspots--pin-bubble{position:absolute;padding:5px 20px;border-radius:40px;background:#ebebeb;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:calc(100% + 8px);bottom:auto;left:50%;z-index:2;transform:translate(calc(-50% + var(--content-offset, 0px)));color:var(--color-body);visibility:hidden;opacity:0;width:max-content;max-width:260px;font-size:.6875rem;line-height:1.4;transition:visibility 0s .25s,opacity .25s;box-shadow:0 4px 12px #00000026}@media only screen and (min-width: 768px){.image-hotspots--pin-bubble{max-width:300px;font-size:.75rem;top:calc(100% + 10px)}}@media only screen and (min-width: 1068px){.image-hotspots--pin-bubble{max-width:340px;font-size:.8125rem}}.image-hotspots--pin-bubble p{font-size:inherit;margin:0}.image-hotspots--pin-bubble p.h6{font-size:.8125rem;margin-bottom:4px}@media (max-width: 767px){.image-hotspots--pin-button{width:15px!important;height:15px!important}}@media only screen and (min-width: 768px){.image-hotspots--pin-bubble p.h6{font-size:.875rem;margin-bottom:5px}}@media only screen and (min-width: 1068px){.image-hotspots--pin-bubble p.h6{font-size:.9375rem}}.image-hotspots--pin-bubble p:last-child{margin-bottom:0}.image-hotspots--pin.bottom-dot .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 8px)}@media only screen and (min-width: 768px){.image-hotspots--pin.bottom-dot .image-hotspots--pin-bubble{bottom:calc(100% + 10px)}}.image-hotspots--pin.content-left .image-hotspots--pin-bubble{left:0;transform:translate(calc(0% + var(--content-offset, 0px)))}.image-hotspots--pin.content-right .image-hotspots--pin-bubble{left:auto;right:0;transform:translate(calc(0% + var(--content-offset, 0px)))}.image-hotspots--pin.active svg{transform:rotate(315deg)}.image-hotspots--pin.active .image-hotspots--pin-bubble{opacity:1;visibility:visible;transition:visibility 0s,opacity .25s;z-index:4}.image-hotspots--image{overflow:hidden}.image-hotspots--mobile{display:block}@media only screen and (min-width: 768px){.image-hotspots--mobile{display:none}}.image-hotspots--desktop{display:none}@media only screen and (min-width: 768px){.image-hotspots--desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-hotspots.css.map */