.hf{position:relative;padding:1.25rem 1rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.03)}.hf-cap{display:block;margin-bottom:1rem;font:500 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(242,244,247,.6)}.hf-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.hf-row:before{background:rgba(76,223,234,.22)}.hf-row:after,.hf-row:before{content:"";position:absolute;left:16.6%;right:16.6%;top:20px;height:2px}.hf-row:after{background:var(--accent-data);transform:scaleX(0);transform-origin:left;animation:hfLine 8s ease-in-out infinite}.hf-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;opacity:.5}.hf-node{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;margin-bottom:6px;background:var(--background-base);border:1.5px solid rgba(76,223,234,.6);color:var(--accent-data);font:500 12px var(--font-mono)}.hf-step b{font:700 14px/1.2 var(--bricolage),sans-serif;color:#f2f4f7}.hf-step small{font:400 12px/1.35 var(--jakarta),sans-serif;color:rgba(242,244,247,.75)}.hf-s1{animation:hfOn1 8s ease-out infinite}.hf-s2{animation:hfOn2 8s ease-out infinite}.hf-s3{animation:hfOn3 8s ease-out infinite}@keyframes hfLine{0%,12%{transform:scaleX(0)}55%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hfOn1{0%,4%{opacity:.5;transform:scale(.97)}10%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn2{0%,28%{opacity:.5;transform:scale(.97)}36%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn3{0%,52%{opacity:.5;transform:scale(.97)}60%,92%{opacity:1;transform:none}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.hf-row:after,.hf-step{animation:none}.hf-row:after{transform:scaleX(1)}.hf-step{opacity:1}}