.npm{margin:32px 0}.npm-stage{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);isolation:isolate;height:560px;position:relative;overflow:hidden}.npm-skeleton{z-index:1;background:var(--color-paper);position:absolute;inset:0}.npm-map{position:absolute;inset:0}.map-marker.map-marker--num{width:28px;height:28px;color:var(--color-surface);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:flex}.map-marker.map-marker--num.map-marker--selected{width:34px;height:34px;font-size:15px}.npm-controls{z-index:1000;flex-wrap:wrap;gap:8px;max-width:calc(100% - 70px);display:flex;position:absolute;top:12px;left:12px}.npm-btn,.npm-hint{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-button);color:var(--color-ink);padding:6px 10px;font-size:13px;font-weight:600;line-height:1.3}.npm-btn{cursor:pointer}.npm-btn:hover{border-color:var(--color-ink-2)}.npm-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.npm-hint{z-index:1000;white-space:nowrap;color:var(--color-ink-2);pointer-events:none;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.bp .bp-prose .npm .map-popup-card-link,.bp .bp-prose .npm .map-popup-card-link:hover{color:inherit;text-decoration:none}.npm-popup-num{letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.npm-popup-detail{color:var(--color-ink);font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:15px;font-weight:600}@media (max-width:768px){.npm-stage{height:440px}.npm-controls{top:10px;left:10px}}