@font-face{font-family:Vazirmatn;src:url(../fonts/2_Vazir_Medium_Font.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.interactive-image{z-index:2;isolation:isolate;width:100%;max-width:500px;margin:40px auto;font-family:Vazirmatn,Tahoma,Arial,sans-serif;position:relative;overflow:visible}.interactive-image-frame{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#111);isolation:isolate;border-radius:18px;width:100%;position:relative;overflow:visible;box-shadow:0 20px 60px #00000024}.interactive-image-img{z-index:1;user-select:none;-webkit-user-drag:none;border-radius:17px;width:100%;height:auto;display:block;position:relative}.hotspot{left:var(--x);top:var(--y);z-index:20;cursor:pointer;background:0 0;border:0;outline:none;width:44px;height:44px;padding:0;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.hotspot-dot{box-sizing:border-box;background:radial-gradient(circle at 35% 35%,#5eead4,#0d9488);border:3px solid #fffffff2;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .25s,box-shadow .25s;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #0d94888c}.hotspot-dot:before,.hotspot-dot:after{content:"";pointer-events:none;border:2px solid #2dd4bf8c;border-radius:50%;animation:2s ease-out infinite hotspot-ring;position:absolute;inset:0}.hotspot-dot:after{animation-delay:1s}@keyframes hotspot-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot,.hotspot.is-open .hotspot-dot{transform:scale(1.35);box-shadow:0 5px 18px #2dd4bfbf}.hotspot:focus-visible{border-radius:50%}.hotspot-card{z-index:9999;box-sizing:border-box;width:max-content;min-width:220px;max-width:min(320px,70vw);color:var(--text-secondary,#4b5563);text-align:right;direction:inherit;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #2dd4bf59;border-radius:14px;padding:16px 18px;font-family:Vazirmatn,Tahoma,Arial,sans-serif;transition:opacity .22s,visibility .22s,transform .22s;display:block;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 16px 40px #00000038}.hotspot-card:after{content:"";border:7px solid #0000;border-top-color:#fffffff5;width:0;height:0;margin-left:-7px;position:absolute;top:100%;left:50%}.hotspot:hover .hotspot-card,.hotspot:focus-visible .hotspot-card,.hotspot.is-open .hotspot-card{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.hotspot-card-title{color:var(--text-primary,#1a1a2e);margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.5;display:block}.hotspot-card-body{color:var(--text-secondary,#4b5563);text-align:justify;font-size:.88rem;line-height:1.85;display:block}.hotspot-card-body p,.hotspot-card-body ul,.hotspot-card-body ol{margin:0 0 8px}.hotspot-card-body p:last-child,.hotspot-card-body ul:last-child,.hotspot-card-body ol:last-child{margin-bottom:0}.hotspot-card-body ul,.hotspot-card-body ol{padding-right:18px}.hotspot-card-body a{color:#0d9488;text-underline-offset:2px;text-decoration:underline}.hotspot-card-body img{border-radius:8px;max-width:100%;height:auto;margin:6px 0}.hotspot.pos-bottom .hotspot-card{top:calc(100% + 16px);bottom:auto;transform:translate(-50%)translateY(-8px)}.hotspot.pos-bottom:hover .hotspot-card,.hotspot.pos-bottom:focus-visible .hotspot-card,.hotspot.pos-bottom.is-open .hotspot-card{transform:translate(-50%)translateY(0)}.hotspot.pos-bottom .hotspot-card:after{border-top-color:#0000;border-bottom-color:#fffffff5;top:auto;bottom:100%}.hotspot.pos-edge-left .hotspot-card{left:0;right:auto;transform:translate(0)translateY(8px)}.hotspot.pos-edge-left:hover .hotspot-card,.hotspot.pos-edge-left:focus-visible .hotspot-card,.hotspot.pos-edge-left.is-open .hotspot-card{transform:translate(0)translateY(0)}.hotspot.pos-edge-left .hotspot-card:after{left:22px}.hotspot.pos-edge-right .hotspot-card{left:auto;right:0;transform:translate(0)translateY(8px)}.hotspot.pos-edge-right:hover .hotspot-card,.hotspot.pos-edge-right:focus-visible .hotspot-card,.hotspot.pos-edge-right.is-open .hotspot-card{transform:translate(0)translateY(0)}.hotspot.pos-edge-right .hotspot-card:after{left:auto;right:22px}.hotspot.pos-bottom.pos-edge-left .hotspot-card{transform:translate(0)translateY(-8px)}.hotspot.pos-bottom.pos-edge-left:hover .hotspot-card,.hotspot.pos-bottom.pos-edge-left:focus-visible .hotspot-card,.hotspot.pos-bottom.pos-edge-left.is-open .hotspot-card{transform:translate(0)translateY(0)}.hotspot.pos-bottom.pos-edge-right .hotspot-card{transform:translate(0)translateY(-8px)}.hotspot.pos-bottom.pos-edge-right:hover .hotspot-card,.hotspot.pos-bottom.pos-edge-right:focus-visible .hotspot-card,.hotspot.pos-bottom.pos-edge-right.is-open .hotspot-card{transform:translate(0)translateY(0)}[data-theme=dark] .interactive-image-frame{border-color:#ffffff1a}[data-theme=dark] .hotspot-card{background:#0f172af5;border-color:#2dd4bf66}[data-theme=dark] .hotspot-card:after{border-top-color:#0f172af5}[data-theme=dark] .hotspot.pos-bottom .hotspot-card:after{border-top-color:#0000;border-bottom-color:#0f172af5}[data-theme=dark] .hotspot-card-title{color:#f1f5f9}[data-theme=dark] .hotspot-card-body{color:#cbd5e1}@media (width<=640px){.interactive-image{margin:28px auto}.hotspot{width:38px;height:38px}.hotspot-dot{width:18px;height:18px;margin:-9px 0 0 -9px}.hotspot-card{min-width:170px;max-width:62vw;padding:12px 14px}.hotspot-card,.hotspot.pos-edge-left .hotspot-card,.hotspot.pos-edge-right .hotspot-card{bottom:calc(100% + 12px)}.hotspot.pos-bottom .hotspot-card{top:calc(100% + 12px);bottom:auto}}