.loading-container{--hue:223;--fg:hsl(var(--hue),90%,5%);--trans-dur:.3s;font-size:calc(.833333vw + 13.3333px)}.loading-body{color:var(--fg);height:100vh;transition:background-color var(--trans-dur);place-items:center;font:1em/1.5 sans-serif;display:grid}.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:2s linear infinite worm1}.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%{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}}