@layer utilities{.spinner-bars{--spinner-size:16px;--spinner-bar:round(calc(var(--spinner-size) * .12), 1px);--spinner-inset:round(calc((var(--spinner-size) - var(--spinner-bar)) / 2), 1px);--spinner-tip:round(calc(var(--spinner-size) * .0312), 1px);width:var(--spinner-size);height:var(--spinner-size);animation:1s steps(8,end) infinite spinner-step;position:relative}.spinner-bars>i{top:var(--spinner-tip);left:var(--spinner-inset);width:var(--spinner-bar);height:round(calc(var(--spinner-size) * .33), 1px);border-radius:var(--spinner-bar);opacity:calc(1 - var(--bar) / 8);transform-origin:calc(var(--spinner-size) / 2 - var(--spinner-inset)) calc(var(--spinner-size) / 2 - var(--spinner-tip));transform:rotate(calc(var(--bar) * -45deg));background:currentColor;position:absolute}@keyframes spinner-step{to{rotate:360deg}}}@layer base{@media (prefers-reduced-motion:reduce){.spinner-bars{animation-iteration-count:infinite!important}}}