.sp[data-v-21cad74e]{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 14px 34px -18px #0f172a59;overflow:hidden}.sp-bar[data-v-21cad74e]{background:var(--canvas);border-bottom:1px solid var(--line);display:flex;gap:6px;padding:9px 12px}.sp-bar i[data-v-21cad74e]{background:var(--line-strong);border-radius:50%;height:8px;width:8px}.sp-bar i[data-v-21cad74e]:first-child{background:var(--red);opacity:.7}.sp-canvas[data-v-21cad74e]{position:relative}.sp-canvas img[data-v-21cad74e]{display:block;height:auto;width:100%}.sp-pin[data-v-21cad74e]{background:var(--red);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000040;color:#fff;display:grid;font-family:var(--font-mono);font-size:12px;font-weight:800;height:26px;place-items:center;position:absolute;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.2,.9,.25,1.2);width:26px;z-index:1}.sp-pin[data-v-21cad74e]:after{border:2px solid var(--red);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute}.sp-pin.is-active[data-v-21cad74e]{transform:translate(-50%,-50%) scale(1.35);z-index:2}.sp-pin.is-active[data-v-21cad74e]:after{animation:sp-ring-21cad74e 1.2s ease-out infinite}@keyframes sp-ring-21cad74e{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media(max-width:600px){.sp-pin[data-v-21cad74e]{font-size:11px;height:22px;width:22px}}@media(prefers-reduced-motion:reduce){.sp-pin[data-v-21cad74e]{transition:none}.sp-pin.is-active[data-v-21cad74e]:after{animation:none;opacity:.6;transform:scale(1.5)}}