.can{--can-t:10s;gap:16px;width:100%;display:grid}.can-fig{border:1px solid #78aaff2e;border-radius:18px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073,0 0 0 1px #0865ff14}.can-fig img{width:100%;height:auto;display:block}.can-pin{place-items:center;width:0;height:0;display:grid;position:absolute}.can-pin:before{animation:2s ease-out infinite can-ring;animation-delay:calc(var(--i) * .4s);content:"";border:2px solid #5de0e6cc;border-radius:50%;width:44px;height:44px;position:absolute}.can-pin b{animation:can-lit var(--can-t) ease infinite;animation-delay:calc(var(--i) * 2s);color:#fff;background:#0865ff;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid;position:absolute;box-shadow:0 6px 18px #00000073}.can-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.can-legend li{animation:can-row var(--can-t) ease infinite;animation-delay:calc(var(--i) * 2s);border:1px solid var(--glass-border);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:12px;display:grid}.can-n{color:#9cc2ff;background:#0865ff2e;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.can-text{gap:4px;min-width:0;display:grid}.can-text b{font-size:.95rem}.can-text span{color:var(--text-muted);font-size:.8rem;line-height:1.45}.can[data-size=panel] .can-legend{grid-template-columns:repeat(5,minmax(0,1fr))}.can[data-size=panel] .can-text span{display:none}.can[data-size=panel] .can-legend li{align-items:center;padding:8px 10px}@keyframes can-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes can-lit{0%,20%,to{background:#0865ff;transform:scale(1)}4%,16%{background:#19c2a0;transform:scale(1.25)}}@keyframes can-row{0%,20%,to{border-color:var(--glass-border);background:0 0}4%,16%{background:#0865ff1f;border-color:#5de0e699}}@media (prefers-reduced-motion:reduce){.can-pin:before,.can-pin b,.can-legend li{animation:none}}@media (max-width:860px){.can-legend{grid-template-columns:1fr}.can[data-size=panel] .can-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.can-pin:before{width:30px;height:30px}.can-pin b{width:22px;height:22px;font-size:11px}}