/* Выноски (callouts): видны только у слоя .sys.on; в .bim.all скрыты */
.bim .co{display:none}
.bim .sys.on .co{display:block}
.bim.all .co{display:none}
.bim .co text{font-family:inherit;font-size:12px;fill:#E6EDF5;stroke:none;letter-spacing:0;paint-order:stroke;
  stroke:#08111D;stroke-width:3px;stroke-linejoin:round}
.bim .co-l{fill:none;stroke:var(--c);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.bim .co-r{fill:#08111D;stroke:var(--c);stroke-width:1.2}
.bim .co-d{fill:var(--c);stroke:none}
.bim .sys.on .co-r,.bim .sys.on .co-d{animation:co-pop .3s ease-out calc(var(--i,0)*.45s) backwards}
.bim .sys.on .co-l{animation:co-draw .6s ease-out calc(var(--i,0)*.45s + .25s) backwards}
.bim .sys.on .co text{animation:co-fade .4s ease-out calc(var(--i,0)*.45s + .75s) backwards}
@keyframes co-pop{from{opacity:0}to{opacity:1}}
@keyframes co-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes co-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .bim .co *{animation:none!important}
}
@media (max-width:640px){.bim .co{display:none!important}}