@layer components{.hp-typing span{background:var(--muted);border-radius:9999px;width:5px;height:5px}@media (prefers-reduced-motion:no-preference){html:has(.hp){scroll-behavior:smooth}.hp-card{animation:.8s cubic-bezier(.2,.7,.2,1) both lp-pop-in,7s ease-in-out infinite lp-bob;animation-delay:var(--lp-d,0s), calc(var(--lp-d,0s) + .8s)}.hp-typing span{animation:1.2s steps(2,jump-none) infinite lp-blink}.hp-typing span:nth-child(2){animation-delay:.2s}.hp-typing span:nth-child(3){animation-delay:.4s}}}