.ink-waiting{opacity:0}
.ink-writing{mask-image:linear-gradient(to right,#000 45%,transparent 55%);mask-size:250% 100%;mask-repeat:no-repeat}
.ink-line-host{position:relative}
.ink-rule{position:absolute;left:0;right:0;height:1px;pointer-events:none;transform:scaleX(0);transform-origin:left center;z-index:1}
.ink-rule-top{top:-1px}
.ink-rule-bottom{bottom:-1px}
.ink-stroke-waiting::after{clip-path:inset(-8px 100% -8px 0)}
.ink-stroke-active::after{animation:ink-trace 600ms ease-out both}
@keyframes ink-trace{from{clip-path:inset(-8px 100% -8px 0)}to{clip-path:inset(-8px -8px -8px -8px)}}
@media(prefers-reduced-motion:reduce),print{
 .ink-waiting{opacity:1!important}
 .ink-writing{mask-image:none!important}
 .ink-stroke-waiting::after{clip-path:none!important}
 .ink-stroke-active::after{animation:none!important}
 .ink-rule{transform:none!important}
}