.image-with-hotspots{position:relative}.image-with-hotspots img{width:100%;height:auto}.hotspots{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.hotspot{position:absolute;list-style:none}.hotspot__button{display:inline-block;padding:0;background-color:transparent;position:relative;cursor:pointer}.hotspot__button svg{position:absolute;top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);fill:#fff;width:32px;height:32px}.hotspot__button svg{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.hotspot__button:has(+.hotspot__content--active) svg,.hotspot__button:hover svg{-webkit-animation:none;animation:none;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s}.hotspot__content-wrap{display:none;position:absolute;top:0;left:0;z-index:10;-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, .15));filter:drop-shadow(0 0 5px rgba(0, 0, 0, .15))}.hotspot__content{background-color:#fff;color:#000;padding:8px 10px;border-radius:4px;max-width:250px;width:-webkit-max-content;width:max-content}.hotspot__arrow{position:absolute;width:10px;height:10px;background-color:#fff}.hotspot__content-position--bottom .hotspot__arrow,.hotspot__content-position--bottom-end .hotspot__arrow,.hotspot__content-position--bottom-start .hotspot__arrow{top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hotspot__content-position--top .hotspot__arrow,.hotspot__content-position--top-end .hotspot__arrow,.hotspot__content-position--top-start .hotspot__arrow{bottom:-5px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hotspot__content-position--right .hotspot__arrow,.hotspot__content-position--right-end .hotspot__arrow,.hotspot__content-position--right-start .hotspot__arrow{left:-5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hotspot__content-position--left .hotspot__arrow,.hotspot__content-position--left-end .hotspot__arrow,.hotspot__content-position--left-start .hotspot__arrow{right:-5px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@-webkit-keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 #fff);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}30%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}60%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff)}}@keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 #fff);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}30%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}60%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff)}}.hotspot--stockitem .hotspot__content{padding:24px;max-width:200px;max-width:180px}.hotspot--stockitem .hotspot__content article{margin-bottom:0}
/*# sourceMappingURL=../maps/css/hotspots.css.864a7.map */