@keyframes hn-demo-tick{0%{width:0}to{width:100%}}@keyframes hn-pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hn-demo-tick{animation:hn-demo-tick 4.5s linear forwards}.hn-pane-in{animation:hn-pane-in .45s cubic-bezier(.22,1,.36,1)}.hn-studs{position:absolute;left:12px;right:12px;top:-7px;height:6px;background:radial-gradient(circle at 50% 100%,var(--stud-color,#fff) 0 5px,transparent 5.5px) 0 0 /24px 12px repeat-x}.hn-studs-outlined{filter:drop-shadow(0 -1px 0 var(--color-neutral-300))}@media (prefers-reduced-motion:reduce){.hn-demo-tick,.hn-pane-in{animation:none}}