@layer components{.handwriting{position:relative}.handwriting__read{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.handwriting__char{animation:handwriting-ink var(--duration-fast) var(--ease-out) calc(var(--handwriting-start) + var(--handwriting-index) * var(--type-step)) both}@keyframes handwriting-ink{0%{opacity:0;transform:translateY(-.15em)}to{opacity:1;transform:none}}}