← Back
Editing: widget-hotspot.min.css
/*! elementor-pro - v3.34.0 - 22-01-2026 */ @keyframes e-hotspot-soft-beat{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes e-hotspot-expand{0%{opacity:1;transform:scale(.5)}to{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:.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}
Save File
Cancel