#loader{-moz-transition:opacity 0.6s linear;-webkit-transition:opacity 0.6s linear;align-items:center;background-color:#435ebe;display:flex;height:100%;justify-content:center;padding:10px;opacity:60%;position:fixed;transition:opacity 0.6s linear;width:100%;z-index:9998;}#loader{padding:1.5em 0;}.ip{height:8em;width:16em;}.ip__track{stroke:hsl(var(--hue), 90%, 90%);transition:stroke var(--trans-dur);}.ip__worm1,.ip__worm2{animation:worm1 2s linear infinite;}.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{from{stroke-dashoffset:0;}50%{animation-timing-function:steps(1);stroke-dashoffset:-358;}50.01%{animation-timing-function:linear;stroke-dashoffset:358;}to{stroke-dashoffset:0;}}@keyframes worm2{from{stroke-dashoffset:358;}50%{stroke-dashoffset:0;}to{stroke-dashoffset:-358;}}