/* ActualBIT bars spinner, CSS only. Usage: <span class="ab-spin ab-spin--bars"><i></i><i></i><i></i><i></i><i></i></span>
   Size with --s. Colors are brand gradient, same on light, dark and adaptive backgrounds. */
:root{--ab-c1:#00f0ff;--ab-p1:#9d4edd}
.ab-spin{--s:44px;position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:calc(var(--s)*.9);height:var(--s)}
.ab-spin i{display:block;width:14%;height:100%;border-radius:3px;background:linear-gradient(var(--ab-c1),var(--ab-p1));animation:ab-wave 1s ease-in-out infinite}
.ab-spin i:nth-child(2){animation-delay:.1s}.ab-spin i:nth-child(3){animation-delay:.2s}.ab-spin i:nth-child(4){animation-delay:.3s}.ab-spin i:nth-child(5){animation-delay:.4s}
@keyframes ab-wave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.ab-spin i{animation-duration:6s}}