| 1 |
.ablocks-block--image-hotspot:not(.ablocks-has-container),.ablocks-block--image-hotspot>.ablocks-block-container{align-items:center;display:flex;height:auto;margin:0 auto;position:relative;width:100%}.ablocks-block--image-hotspot .ablocks-icon.ablocks-icon--close{border-radius:50%;cursor:pointer;height:20px;position:absolute;right:15px;top:10px;width:20px;z-index:100}.ablocks-block--image-hotspot .ablocks-icon.ablocks-icon--close svg{fill:#000;height:20px;width:20px}.ablocks-block--image-hotspot .ablocks-icon.ablocks-icon--close:hover svg{background-color:#d9d9d9;border-radius:50%}.ablocks-image-hotspot__bg-image{height:auto;object-fit:contain;object-position:center;position:relative;width:100%}.ablocks-image-hotspot__pin{background-color:#d9d9d9;border-radius:50%;cursor:pointer;height:15px;position:absolute;width:15px;z-index:1}.ablocks-image-hotspot__tooltip-content{word-wrap:break-word;overflow-wrap:anywhere;pointer-events:auto;position:absolute;transform:translate(-50%,40px);z-index:2}.ablocks-image-hotspot-tooltip-arrow{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;height:1px;left:50%;position:absolute;top:-10px;transform:translate(-48%,-50%) rotate(0deg);width:1px}.ablocks-block--image-hotspot-child>.ablocks-block-container>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex;flex-direction:column;gap:10px}.ablocks-block--image-hotspot-child>.ablocks-block-container{display:none}.ablocks-image-hotspot__tooltip--active{display:block!important}.ablocks-image-hotspot__pin:after{background-color:#d9d9d9;border-radius:50%;content:"";cursor:pointer;height:100%;position:absolute;width:100%;z-index:1}@keyframes ablocks-hotspot-puls-effect{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(var(--ablocks-hotspot-effect-max-scale,1.5))}to{opacity:1;transform:scale(1)}}@keyframes ablocks-hotspot-soft-beat{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(var(--ablocks-hotspot-effect-max-scale,1.5))}to{opacity:1;transform:scale(1)}}@keyframes ablocks-hotspot-glow{0%{box-shadow:0 0 5px hsla(0,0%,100%,.5)}50%{box-shadow:0 0 20px #fff}to{box-shadow:0 0 5px hsla(0,0%,100%,.5)}}@keyframes ablocks-hotspot-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ablocks-hotspot-fadeGrow{0%{opacity:0;transform:translate(var(--ablocks-hotspot-translateX-start,0),var(--ablocks-hotspot-translateY-start,0)) rotate(0deg) scale(.6)}to{opacity:1;transform:translate(var(--ablocks-hotspot-translateX-end,0),var(--ablocks-hotspot-translateY-end,0)) rotate(0deg) scale(1)}}@keyframes ablocks-hotspot-slideIn{0%{opacity:0;transform:translate(var(--ablocks-hotspot-translateX-start,0),var(--ablocks-hotspot-translateY-start,0)) rotate(0deg)}to{opacity:1;transform:translate(var(--ablocks-hotspot-translateX-end,0),var(--ablocks-hotspot-translateY-end,0)) rotate(0deg)}} |
