.image__hotspots.page-width{width:100%;height:100%}.image__hotspots .image__wrapper{width:100%;text-align:center;position:relative}.image__hotspots .image__wrapper img{width:100%;height:auto;object-fit:cover}.image__hotspots .hotspot__item{position:absolute;z-index:2;cursor:pointer}.image__hotspots .hotspot__item path{stroke:#fff;fill:#fff}.image__hotspots .card .media{border-radius:5px}.image__hotspots .card.card--card{border-radius:10px}.image__hotspots .card .quick-add{text-wrap:nowrap}.image__hotspots .quick__add-product--card{padding:0}@keyframes pulseBorder{0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.2}to{transform:translate(-50%,-50%) scale(.9);opacity:.7}}.quick__add-product--card{max-width:150px;background:#fff;padding:10px;position:absolute;top:50%;left:0;transform:translate(1.6rem,-50%);display:flex;flex-direction:column;min-width:180px;display:none;box-shadow:0 2px 8px #0000001a}.hotspot__item:hover .quick__add-product--card{display:block}.hotspot__item .product__card-wrapper{padding:10px}.hotspot__item .product__card-wrapper .card a{display:flex;align-items:center;color:#fff;background-color:#000;justify-content:center;padding:5px 0;width:100%}.hotspot__item .product__title{text-align:center}.hotspot__item .card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px}.box{margin:0 auto;position:relative}.box .circContainer{width:25px;height:25px;position:relative}.box .circContainer:nth-of-type(1){top:0}.box .circContainer:nth-of-type(1) .circ{background:#00ff7f}.box .circContainer:nth-of-type(1) .circPulse{background:#00ff7f80}.circ{width:5px;height:5px;border-radius:50%;position:absolute;z-index:9;left:10px;top:10px}.circPulse{width:25px;height:25px;border-radius:50%;position:absolute;top:0;left:0;-webkit-animation:pulse 1.4s ease-out;-moz-animation:pulse 1.4s ease-out;animation:pulse 1.4s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(.3);opacity:1}50%{-webkit-transform:scale(.6);opacity:.6}75%{-webkit-transform:scale(.9);opacity:.3}to{-webkit-transform:scale(1);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/image-hotspot.css.map */