.hph-wrap{opacity:.75;justify-content:center;align-items:center;max-width:280px;height:200px;margin:28px auto 0;display:flex}.hph-constellation{width:200px;height:200px;position:relative}.hph-spinning{animation:50s linear infinite hphSpin}.hph-spinning .hph-node-label,.hph-spinning .hph-center{animation:50s linear infinite hphCounterSpin}@keyframes hphSpin{to{transform:rotate(360deg)}}@keyframes hphCounterSpin{to{transform:translate(-50%)rotate(-360deg)}}.hph-lines{width:100%;height:100%;position:absolute;inset:0}.hph-line{stroke:#4a9eda14;stroke-width:.5px;stroke-dasharray:85;stroke-dashoffset:85px;transition:stroke-dashoffset .6s}.hph-line--vis{stroke-dashoffset:0;stroke:#4a9eda26}.hph-center{width:38px;height:38px;color:var(--c-accent);opacity:0;background:#4a9eda14;border:1px solid #4a9eda33;border-radius:50%;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hph-center--vis{opacity:1}.hph-node{opacity:0;pointer-events:none;margin-top:-12px;margin-left:-1px;transition:opacity .4s,transform .4s;position:absolute;top:50%;left:50%}.hph-node--vis{opacity:1}.hph-node-label{color:var(--c-text-sub,#ffffffb3);white-space:nowrap;background:#4a9eda0f;border:1px solid #4a9eda1f;border-radius:10px;padding:3px 9px;font-size:10px;display:block;transform:translate(-50%)}