main{padding:1.5em 0}.ip{width:16em;height:8em}.ip__track{stroke:hsl(var(--hue),90%,90%);transition:stroke var(--trans-dur)}.ip__worm1,.ip__worm2{animation:2s linear infinite worm1}.ip__worm2{animation-name:worm2}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),90%,5%);--fg:hsl(var(--hue),90%,95%)}.ip__track{stroke:hsl(var(--hue),90%,15%)}}@keyframes worm1{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-358px;animation-timing-function:step-end}50.01%{stroke-dashoffset:358px;animation-timing-function:linear}to{stroke-dashoffset:0}}@keyframes worm2{0%{stroke-dashoffset:358px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-358px}}