/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ ImageHotspot.
 * منبع: difl/imagehotspot (ریشه .difl_imagehotspot، 7 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_image_hotspot *{border-width:0px;border-style:solid;border-color:#333}

.dfme_image_hotspot_container>*{border-width:0px;border-style:solid;border-color:#333}

.dfme_image_hotspot{line-height:0}

.dfme_image_hotspot .dfme_image_hotspot_wrapper{position:relative;display:inline-block}

.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 .pulsating_2:after{animation-delay:1s !important}

.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.spot_type_text .dfme_marker_wrapper{padding:10px;color:#333}

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

.dfme_image_hotspot .pulse{position:absolute;box-sizing:border-box}

.dfme_image_hotspot .pulse:before,.dfme_image_hotspot .pulse:after{content:"";position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;border:2px solid !important;border-radius:inherit !important;border-color:inherit !important;animation:dfme_animate 2s linear infinite !important}

.dfme_image_hotspot .pulse:after{animation-delay:1s}

.dfme_image_hotspot .pulse.pulse_2{-webkit-animation-delay:.5s !important;animation-delay:.5s !important}

.dfme_image_hotspot .pulse_2{position:absolute;border-radius:inherit;--box-shadow-color: #333;color:var(--box-shadow-color);-webkit-box-shadow:0 0 0 15px;box-shadow:0 0 0 15px;-webkit-animation:pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both !important;animation:pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both !important}

.dfme_image_hotspot .web_pulse-1{position:absolute;border-radius:inherit;color:#fff;border-radius:inherit;z-index:100;box-sizing:border-box}

.dfme_image_hotspot .web_pulse-1{-webkit-animation:ownpulse 3s linear infinite;-moz-animation:ownpulse 3s linear infinite;-o-animation:ownpulse 3s linear infinite;animation:ownpulse 3s linear infinite}

.dfme_image_hotspot .pulse_key{border-radius:inherit;box-shadow:inherit;animation:pulse_key 3s linear infinite;-webkit-animation:pulse_key 3s linear infinite;-moz-animation:pulse_key 3s linear infinite;-o-animation:pulse_key 3s linear infinite}

.dfme_image_hotspot .wheel{width:40px;height:40px;border-radius:50%;position:relative;border:4px dashed #37b475;animation:wheel 6s linear infinite;box-shadow:inset 0 0 4px 2px rgba(55,180,117,.6)}

.dfme_image_hotspot .wheel:before{width:20px;height:20px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";display:block;background-color:#37b475}

.dfme_image_hotspot.et_pb_module.et-animated--vb .dfme_image_hotspot_container{position:relative;z-index:1}

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

@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 dfme_animate{0%{transform:scale(1.5)}50%{transform:scale(1.1)}100%{transform:scale(0.7)}}

@-webkit-keyframes dfme_animate{0%{transform:scale(1.5)}50%{transform:scale(1.1)}100%{transform:scale(0.7)}}

@-webkit-keyframes pulsekm{0%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}70%{-webkit-box-shadow:0 0 0 30px;box-shadow:0 0 0 30px;opacity:.6}100%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;opacity:.8}}

@keyframes pulsekm{0%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}70%{-webkit-box-shadow:0 0 0 30px;box-shadow:0 0 0 30px;opacity:.6}100%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;opacity:.8}}

@keyframes ownpulse{0%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}50%{-webkit-box-shadow:0 0 0 20px rgba(92,112,214,0);box-shadow:0 0 0 20px rgba(92,112,214,0)}0%{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}50%{-webkit-box-shadow:0 0 0 20px rgba(92,112,214,0);box-shadow:0 0 0 20px rgba(92,112,214,0)}}

@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)}}