.hotspot{position:absolute;left:var(--pos-x);top:var(--pos-y);transform:translate(-50%, -50%)}.hotspot__icon{cursor:pointer}.hotspot__icon>*{pointer-events:none}.hotspot__icon-main{color:rgb(var(--color-foreground));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.hotspots-title__wrapper .hotspot__icon-main{position:relative;top:0;left:0;transform:none}.hotspot__icon svg{transition:all var(--duration-default, 0.25s)}.hotspot__icon-point{--scale: 1.8;color:rgb(var(--color-background));position:relative;width:40px;height:40px;display:block;border-radius:var(--tag-border-radius);cursor:pointer;background-color:rgb(var(--color-background))}.hotspot__icon-point::after,.hotspot__icon-point::before{content:"";border-radius:var(--tag-border-radius);background:currentColor;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;animation:1.5s dotScale ease-in-out infinite;pointer-events:none}.hotspot__icon-point::before{animation-delay:1s}@media screen and (max-width: 767px){.hotspot__icon-point{width:30px;height:30px}}.hotspot__card{position:absolute;z-index:11;border-radius:var(--medium-blocks-radius, 5px);width:max-content;min-width:260px;max-width:var(--hotspot-card-width, 400px);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0px 20px 40px 0px rgba(0,0,0,.1);transform:translate3d(0, 20px, 0);transition:all var(--duration-default, 0.25s)}.hotspot__card .hotspot__content{padding:0 20px 20px}.hotspot__card:before,.hotspot__card:after{content:"";position:absolute;left:0;width:100%;height:21px;background:rgba(0,0,0,0)}.hotspot__card:before{top:100%}.hotspot__card:after{bottom:100%}@media screen and (max-width: 767px){.hotspot__card{--hotspot-card-width: 75vw}}.hotspot .richtext__image{margin-bottom:8px}.hotspot .richtext__description{margin-top:12px}.hotspot:hover{--icon-rotate: 45deg;z-index:10}.hotspot:hover .hotspot__card{transform:translateZ(0);pointer-events:auto;visibility:visible;opacity:1}.hotspot:hover .icon--add{transform:rotate(135deg)}@media screen and (max-width: 767px){.hotspot{left:var(--pos-x-mobile, var(--pos-x));top:var(--pos-y-mobile, var(--pos-y))}}
