.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, .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:20px;border-radius:var(--m-border-radius,5px);border:1px solid rgb(var(--color-border));width:max-content;max-width:240px;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 14px 20px #00000008;transform:translate3d(0,20px,0);transition:all var(--m-duration-default,.25s)}@media screen and (max-width:767px){.m-hotspot__card{--hotspot-card-width:60vw;max-width:60vw;padding:18px}}.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))}}.m-hotspot__card{max-width:200px!important;padding:16px!important}.m-hotspot__card .m-richtext__title{font-size:18px!important;line-height:1.25!important;margin-bottom:12px!important}.m-hotspot__card .m-richtext__description{font-size:14px!important;line-height:1.5!important;margin-top:10px!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hotspots-image.css.map */