.loading-container{--hue:223;--fg:hsl(var(--hue),90%,5%);--trans-dur:0.3s;font-size:calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320))}.loading-body{color:var(--fg);font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center;transition:background-color var(--trans-dur)}.loading-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:worm1 2s linear infinite}.ip__worm2{animation-name:worm2}@media (prefers-color-scheme:dark){.loading-container{--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%{animation-timing-function:steps(1);stroke-dashoffset:-358}50.01%{animation-timing-function:linear;stroke-dashoffset:358}to{stroke-dashoffset:0}}@keyframes worm2{0%{stroke-dashoffset:358}50%{stroke-dashoffset:0}to{stroke-dashoffset:-358}}