.spinner{--spinner-size:16px;width:var(--spinner-size);height:var(--spinner-size);color:var(--gray);flex:none;display:inline-block;position:relative}.spinner-bar{opacity:.35;transform-origin:50% 190%;width:8%;height:26%;transform:rotate(calc(var(--i) * 30deg));animation:1.2s linear infinite spinner-fade;animation-delay:calc(var(--i) * .1s - 1.2s);background:currentColor;border-radius:999px;margin-left:-4%;position:absolute;top:0;left:50%}@keyframes spinner-fade{0%{opacity:1}to{opacity:.15}}.page-loader{place-items:center;min-height:240px;display:grid}.page-loader .spinner{animation:.2s ease-out both loader-in}.page-loader-fill{background:var(--chrome);min-height:100dvh}.page-loader-inline{min-height:0;padding:var(--s3) 0}@keyframes loader-in{0%{opacity:0}}