.image-with-hotspots{line-height:0;margin-bottom:0;position:relative;--image-spot-size:48px}.image-with-hotspots picture{font-size:0}.image-with-hotspots picture img{width:100%}.image-with-hotspots-spot-on-image{left:calc(var(--image-hotspot-left, 0) - var(--image-spot-size)/2);position:absolute;top:calc(var(--image-hotspot-top, 0) - var(--image-spot-size)/2)}.image-with-hotspots-spot-on-image-dot{align-items:center;animation:pulse-glow 4s ease-in-out infinite;background-color:#fff;border:0 solid transparent;border-radius:100%;box-shadow:0 0 0 10px hsla(0,0%,100%,.4);cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;width:48px;z-index:2}.image-with-hotspots-spot-on-image-dot .visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.image-with-hotspots-spot-on-image-dot svg{height:20px;transition:all .2s ease-in;width:20px}@keyframes pulse-glow{0%{box-shadow:0 0 0 10px hsla(0,0%,100%,.6)}20%{box-shadow:0 0 0 15px hsla(0,0%,100%,.4)}40%{box-shadow:0 0 0 20px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.image-with-hotspots-spot-on-image .hotspot-item{left:60px;position:absolute;top:-100%}.image-with-hotspots-spot-on-image.show-left .hotspot-item{left:inherit;left:-378px}.image-with-hotspots-spot-on-image-content{margin-top:10px;position:relative;z-index:999}.image-with-hotspots-spot-on-image-content>:first-child{margin-top:0}.image-with-hotspots-spot-on-image-content>:last-child{margin-bottom:0}.image-with-hotspots-spot-on-image .hotspot-item{background-color:#fff;border-radius:8px;display:flex;gap:12px;max-height:0;max-width:330px;min-width:330px;opacity:0;overflow:hidden;padding:0;transition:opacity .2s ease-in-out .2s}.image-with-hotspots-spot-on-image .hotspot-item-image{border-radius:4px;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.image-with-hotspots-spot-on-image .hotspot-item-content{display:flex;flex-direction:column}.image-with-hotspots-spot-on-image .hotspot-item-title{font-size:18px;font-weight:700;margin:0 0 4px}.image-with-hotspots-spot-on-image .hotspot-item-price{font-size:12px;margin:4px 0}.image-with-hotspots-spot-on-image .hotspot-item-link{display:block;font-size:13px;font-weight:700;margin-top:auto}.image-with-hotspots-spot-on-image.active{transition:opacity .2s ease-in-out 0s}.image-with-hotspots-spot-on-image.active .image-with-hotspots-spot-on-image-dot{animation:none;background-color:#000}.image-with-hotspots-spot-on-image.active .image-with-hotspots-spot-on-image-dot svg{color:#fff;transform:rotate(-45deg)}.image-with-hotspots-spot-on-image.active .hotspot-item{max-height:20em;opacity:100%;padding:12px}.image-with-hotspots-spot-on-image.right .image-with-hotspots-spot-on-image-content{margin-left:calc(-100% - 30px);right:5px}@media screen and (max-width:767px){.image-with-hotspots-spot-on-image{left:calc(var(--image-hotspot-left-mobile, var(--image-hotspot-left)) - var(--image-spot-size)/2);top:calc(var(--image-hotspot-top-mobile, var(--image-hotspot-top)) - var(--image-spot-size)/2)}}