/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ ImageHotspotItem.
 * منبع: difl/imagehotspotitem (ریشه .difl_imagehotspotitem، 4 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_image_hotspot_item:before{z-index:-1}

.dfme_image_hotspot .dfme_image_hotspot_item.pulsating:before{position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;border:inherit;opacity:1;transform:scale(1);animation:pulse-aninmation 1.5s ease infinite !important;content:"";overflow:visible}

.dfme_image_hotspot .dfme_image_hotspot_item.pulsating_2:before{position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;border:inherit;opacity:1;transform:scale(1);box-sizing:border-box;content:"";animation:animate 2s ease infinite !important;overflow:visible}

.dfme_image_hotspot_item{width:50px;height:50px}

.dfme_image_hotspot .dfme_image_hotspot_item{position:absolute !important;top:30%;left:50%;transform:translateX(50%) translateY(30%);margin:0;padding:0;z-index:9;background-color:#f8f8f8;overflow:visible !important;display:flex;align-items:center;justify-content:space-evenly;cursor:pointer}

.dfme_image_hotspot_item .dfme_marker{cursor:pointer;overflow:visible}

.dfme_image_hotspot_item .dfme_marker_wrapper.dfme_image_marker{line-height:16px;text-align:center;color:#333}

.dfme_image_hotspot_item .dfme_marker_wrapper{display:inherit}

.dfme_image_hotspot_item .dfme_marker.spot_type_text .dfme_marker_wrapper{padding:10px;color:#333}

.dfme_image_hotspot_item .dfme_marker_wrapper img{line-height:1}

.dfme_image_hotspot_item .dfme_marker_wrapper img{width:32px;height:32px}

.dfme_image_hotspot .dfme_image_hotspot_item .dfme_image_marker img{vertical-align:middle}

.dfme_image_hotspot .dfme_image_hotspot_item .et-pb-icon.dfme-image-hotspot-icon{font-size:36px;display:flex}

@-webkit-keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}}

@keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}}

@-webkit-keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}}

@keyframes pulse{0%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}}

@keyframes pulse-aninmation{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}

@-webkit-keyframes pulse-aninmation{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}

@keyframes animate{0%{transform:scale(1.7);opacity:0}100%{transform:scale(1);opacity:1}}

@-webkit-keyframes animate{0%{transform:scale(1.7);opacity:0}100%{transform:scale(1);opacity:1}}

@keyframes pulse_key{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.3),0 0 0 0 hsla(0,0%,100%,.3)}33%{box-shadow:0 0 0 15px hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,.5)}66%{box-shadow:0 0 0 10px hsla(0,0%,100%,0),0 0 0 10px hsla(0,0%,100%,0)}100%{box-shadow:0 0 0 0 hsla(0,0%,100%,0),0 0 0 15px hsla(0,0%,100%,0)}}

@keyframes wheel{from{transform:rotateZ(0)}to{transform:rotateZ(-360deg)}}

@keyframes sq{from{box-shadow:0 0 0 0 #fff,0 0 0 0 #fff}to{box-shadow:0 0 0 8px hsla(0,0%,100%,0),0 0 0 12px hsla(0,0%,100%,0)}}