.m-hotspot{position:absolute;top:var(--pos-x);left:var(--pos-y)}.m-hotspot__icon{cursor:pointer}.m-hotspot__icon>*{pointer-events:none}.m-hotspot__icon-main{color:rgb(var(--color-foreground));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.m-hotspot__icon svg{transition:all var(--m-duration-default, 0.25s)}.m-hotspot__icon-point{--m-scale: 1.8;color:rgb(var(--color-background));position:relative;width:40px;height:40px;display:block;border-radius:50%;cursor:pointer;background-color:rgb(var(--color-background))}.m-hotspot__icon-point::after,.m-hotspot__icon-point::before{content:"";border-radius:50%;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}.m-hotspot__icon-point::before{animation-delay:1s}@media screen and (max-width: 767px){.m-hotspot__icon-point{width:30px;height:30px}}.m-hotspot__card{position:absolute;z-index:11;padding:30px;border-radius:var(--m-border-radius, 5px);border:1px solid rgb(var(--color-border));width:max-content;max-width:var(--hotspot-card-width, 330px);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0px 14px 20px 0px rgba(0,0,0,.03);transform:translate3d(0, 20px, 0);transition:all var(--m-duration-default, 0.25s)}@media screen and (max-width: 767px){.m-hotspot__card{--hotspot-card-width: 66.67vw;padding:24px}}.m-hotspot .m-richtext__image{margin-bottom:8px}.m-hotspot .m-richtext__description{margin-top:12px}.m-hotspot:hover{--icon-rotate: 45deg;z-index:10}.m-hotspot:hover .m-hotspot__card{transform:translateZ(0);pointer-events:auto;visibility:visible;opacity:1}.m-hotspot:hover svg{transform:rotate(135deg)}@media screen and (max-width: 767px){.m-hotspot{top:var(--pos-x-mobile, var(--pos-x));left:var(--pos-y-mobile, var(--pos-y))}}