.page-loading{position:relative;animation:page-loading-rot 18s steps(var(--n)) infinite}@keyframes page-loading-rot{to{transform:rotate(1turn)}}.page-loading-bar{position:absolute;width:9em;height:.75em;border-radius:.375em;overflow:hidden;top:calc(50% - .375em);left:50%;transform-origin:0 50%;transform:rotate(calc((var(--k) + .5) * 1turn / var(--n))) translate(calc(.75 * .75em * var(--f)))}.page-loading-bar:after,.page-loading-bar:before{position:absolute;width:9em;height:.75em;border-radius:.375em;transform:translate(calc(.75em - 100%));background:HSL(calc(var(--k) / var(--n) * 360),100%,75%);content:""}.page-loading-bar:before{animation:page-loading-osc .1s ease-in calc(var(--k) * -.6s / var(--n)) infinite alternate}.page-loading-bar:after{animation:page-loading-peak var(--t) ease-in var(--dt) infinite alternate}@keyframes page-loading-osc{to{transform:translate(calc(2 * .75em - 100%))}}@keyframes page-loading-peak{0%,90%{transform:translate(calc(.75em - 100%))}to{transform:translate(calc(.75em - 100% + var(--tx)))}}