.spinner-circle{width:var(--spinner-size);height:var(--spinner-size);justify-content:center;align-items:center;display:flex;position:relative}.spinner-circle .line{width:var(--spinner-bar-length);height:var(--spinner-bar-thickness);margin-top:calc(var(--spinner-bar-thickness) / -2);margin-left:calc(var(--spinner-bar-length) / -2);border-radius:var(--spinner-bar-thickness);transform-origin:50%;animation:1.5s ease-in-out infinite spinner-line-spin;position:absolute;top:50%;left:50%}.spinner-circle .line:first-child{animation-delay:0s}.spinner-circle .line:nth-child(2){animation-delay:.1s}.spinner-circle .line:nth-child(3){animation-delay:.2s}.spinner-circle .line:nth-child(4){animation-delay:.3s}.spinner-circle .line:first-child{z-index:4}.spinner-circle .line:nth-child(2){z-index:3}.spinner-circle .line:nth-child(3){z-index:2}.spinner-circle .line:nth-child(4){z-index:1}.spinner-circle-color .line:first-child{background:rgb(var(--color-brand-purple))}.spinner-circle-color .line:nth-child(2){background:rgb(var(--color-brand-coral))}.spinner-circle-color .line:nth-child(3){background:rgb(var(--color-brand-yellow))}.spinner-circle-color .line:nth-child(4){background:rgb(var(--color-brand-green))}.spinner-circle-mono .line:first-child{background:rgb(var(--color-primary-accent) / 1)}.spinner-circle-mono .line:nth-child(2){background:rgb(var(--color-primary-accent) / .7)}.spinner-circle-mono .line:nth-child(3){background:rgb(var(--color-primary-accent) / .45)}.spinner-circle-mono .line:nth-child(4){background:rgb(var(--color-primary-accent) / .2)}@keyframes spinner-line-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}