.chalk-line{border:1px solid rgba(255,255,255,.6);position:relative}.chalk-line:after{content:"";position:absolute;top:-.5px;left:.5px;right:-.5px;bottom:.5px;border:.5px solid rgba(255,255,255,.3);pointer-events:none}.chalk-halo{--accent:var(--state-running);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 80%,transparent)}@keyframes chalk-write{0%{opacity:0;clip-path:inset(0 100% 0 0)}50%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes chalk-erase{0%{opacity:1;clip-path:inset(0 0 0 0)}70%{opacity:1;clip-path:inset(0 0 0 100%)}to{opacity:0;clip-path:inset(0 0 0 100%)}}.chalk-write{animation:chalk-write var(--dur-normal,.24s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.chalk-erase{animation:chalk-erase var(--dur-fast,.18s) var(--ease-in,cubic-bezier(.7,0,.84,0)) both}@media (prefers-reduced-motion:reduce){.chalk-write{animation:none;opacity:1}.chalk-erase{animation:none;opacity:0}}