@keyframes e-hotspot-soft-beat { 
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}
@keyframes e-hotspot-expand { 
  0% { opacity: 1; transform: scale(0.5); }
  100% { opacity: 0; transform: scale(1.5); }
}
.elementor-widget-hotspot { display: flex; justify-content: var(--background-align); }
.elementor-widget-hotspot .elementor-widget-container, .elementor-widget-hotspot:not(:has(.elementor-widget-container)) { height: var(--container-height); max-width: var(--container-max-width); position: relative; width: var(--container-width); }
.elementor-widget-hotspot .elementor-widget-container > img, .elementor-widget-hotspot:not(:has(.elementor-widget-container)) > img { display: block; height: var(--container-height); opacity: var(--opacity,1); width: var(--image-width,auto); }
.elementor-widget-hotspot .elementor-widget-container { display: inline-block; }
.e-hotspot { align-items: center; display: flex; justify-content: center; position: absolute; z-index: 1; }
.e-hotspot--position-left.e-hotspot--position-top { transform: translate(calc(-1 * var(--hotspot-translate-x)),calc(-1 * var(--hotspot-translate-y))); }
.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, .e-hotspot__label { align-items: center; display: flex; justify-content: center; }
.e-hotspot__icon svg, .e-hotspot__label svg { height: var(--hotspot-size,18px); width: auto; }
.e-hotspot__button { color: var(--hotspot-color); cursor: pointer; display: grid; font-size: var(--hotspot-size,18px); grid-auto-flow: column; justify-content: center; min-height: var(--hotspot-button-height); min-width: var(--hotspot-button-width); position: relative; }
.e-hotspot__button::before { box-sizing: content-box; content: ""; height: 100%; left: -5px; padding: 5px; position: absolute; top: -5px; width: 100%; z-index: -2; }
.e-hotspot__button svg { fill: var(--hotspot-color); }
.e-hotspot:not(.e-hotspot--circle) .e-hotspot__button { background-color: var(--hotspot-box-color); border-radius: var(--hotspot-border-radius,3px); min-height: var(--hotspot-min-height); min-width: var(--hotspot-min-width); padding: var(--hotspot-padding,4px); }
.e-hotspot:not(.e-hotspot--circle) .e-hotspot__button::before { border-radius: var(--hotspot-border-radius,3px); }
.e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand::before { background-color: var(--hotspot-box-color); }
.e-hotspot--overlay { opacity: 0.7; transition: opacity 0.2s; }
.e-hotspot--active .e-hotspot--overlay, .e-hotspot--overlay:hover { opacity: 1; }
.e-hotspot--soft-beat { animation: 0.7s ease 0s infinite alternate none running e-hotspot-soft-beat; }
.e-hotspot--expand .e-hotspot__outer-circle { animation: 2s ease 0s infinite normal none running e-hotspot-expand; }
.e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand::before { animation: 2s ease 0s infinite normal none running e-hotspot-expand; content: ""; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: -1; }
.e-hotspot--sequenced { animation: 0.3s ease 0s 1 normal both running fadeIn; }
.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: 0px; }
.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(0px) scale(1); }
.e-hotspot--show-tooltip { opacity: 1; pointer-events: visible; transform: translate(0px); transition: none; }