.e-hotspot--position-left.e-hotspot--position-bottom{transform:translate(calc(-1 * var(--hotspot-translate-x)),var(--hotspot-translate-y))}.e-hotspot--position-right.e-hotspot--position-top{transform:translate(var(--hotspot-translate-x),calc(-1 * var(--hotspot-translate-y)))}.e-hotspot--position-right.e-hotspot--position-bottom{transform:translate(var(--hotspot-translate-x),var(--hotspot-translate-y))}.e-hotspot--active{z-index:2}.e-hotspot__inner-circle,.e-hotspot__outer-circle{border-radius:50%;box-sizing:content-box;content:"";display:inline-block}.e-hotspot__inner-circle{background-color:var(--hotspot-color);left:50%;padding:calc(var(--hotspot-size,18px) / 2);position:absolute;top:50%;transform:translate(-50%,-50%)}.e-hotspot__outer-circle{background-color:var(--hotspot-color);padding:var(--hotspot-padding,4px)}.e-hotspot--icon .e-hotspot__button,.e-hotspot__outer-circle{height:var(--hotspot-size,18px);width:var(--hotspot-size,18px)}.e-hotspot--icon .e-hotspot__button{box-sizing:content-box;font-size:var(--hotspot-size,18px);line-height:0}.e-hotspot__icon svg,.e-hotspot__label svg{height:var(--hotspot-size,18px);width:auto}.e-hotspot__button svg{fill:var(--hotspot-color)}.e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand:before{background-color:var(--hotspot-box-color)}.e-hotspot--overlay{opacity:.7;transition:opacity .2s}.e-hotspot--active .e-hotspot--overlay,.e-hotspot--overlay:hover{opacity:1}.e-hotspot--soft-beat{animation:e-hotspot-soft-beat .7s infinite alternate;animation-timing-function:ease}.e-hotspot--expand .e-hotspot__outer-circle{animation:e-hotspot-expand 2s infinite}.e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand:before{animation:e-hotspot-expand 2s infinite;content:"";height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.e-hotspot--sequenced{animation:fadeIn .3s;animation-fill-mode:both;animation-iteration-count:1}.e-hotspot__direction-mask{overflow:hidden;pointer-events:none;position:absolute}.e-hotspot__tooltip{background-color:var(--tooltip-color);border-radius:var(--tooltip-border-radius);color:var(--tooltip-text-color,#fff);max-width:var(--tooltip-max-width);min-width:var(--tooltip-min-width);padding:var(--tooltip-padding,8px);pointer-events:none;position:absolute;text-align:var(--tooltip-align);transform-origin:center center;transition-duration:var(--tooltip-transition-duration,.5s);transition-property:transform,opacity;white-space:var(--white-space,nowrap)}.e-hotspot__tooltip p:last-of-type{margin-bottom:0}.e-hotspot__direction-mask .e-hotspot__tooltip{box-shadow:none!important;position:static}.e-hotspot--active .e-hotspot__tooltip{pointer-events:visible}.e-hotspot--fade-in-out{opacity:0}.e-hotspot--active .e-hotspot--fade-in-out{opacity:1}.e-hotspot--fade-grow{opacity:0;transform:scale(0)}.e-hotspot--active .e-hotspot--fade-grow{opacity:1;transform:scale(1)}.e-hotspot--override-tooltip-animation-from-top,.e-hotspot--tooltip-animation-from-top{transform:translateY(calc(-100% - 1px))}.e-hotspot--override-tooltip-animation-from-left,.e-hotspot--tooltip-animation-from-left{transform:translate(calc(-100% - 1px))}.e-hotspot--override-tooltip-animation-from-right,.e-hotspot--tooltip-animation-from-right{transform:translate(calc(100% + 1px))}.e-hotspot--override-tooltip-animation-from-bottom,.e-hotspot--tooltip-animation-from-bottom{transform:translateY(calc(100% + 1px))}.e-hotspot--fade-direction{opacity:0}.e-hotspot--active .e-hotspot--fade-direction,.e-hotspot--active .e-hotspot--slide-direction{opacity:1;transform:translate(0) scale(1)}.e-hotspot--show-tooltip{opacity:1;pointer-events:visible;transform:translate(0);transition:none}