@zeit-ui/vue/lib/spinner.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-spinner{display:block;width:1.25rem;height:1.25rem}.zi-spinner.small{width:1rem;height:1rem}.zi-spinner.small .zi-spinner-bar{width:.25rem;height:.0625rem}.zi-spinner.mini{width:.75rem;height:.75rem}.zi-spinner.mini .zi-spinner-bar{width:.1875rem;height:.0625rem}.zi-spinner.big{width:1.875rem;height:1.875rem}.zi-spinner.big .zi-spinner-bar{width:.4375rem;height:.1875rem}.zi-spinner.auto{width:100%;height:100%}.zi-spinner.auto .zi-spinner-bar{width:24%;height:8%}.zi-spinner-container{width:100%;height:100%;position:relative;left:50%;top:50%}.zi-spinner-bar{background-color:var(--geist-foreground);position:absolute;top:-3.9%;left:-10%;width:.3125rem;height:.1rem;border-radius:var(--geist-radius);animation:zi-spinner-spin 1.2s linear 0s infinite normal none running}.zi-spinner-bar:first-child{animation-delay:-1.2s;transform:rotate(0deg) translate(146%)}.zi-spinner-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.zi-spinner-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.zi-spinner-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.zi-spinner-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.zi-spinner-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.zi-spinner-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.zi-spinner-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.zi-spinner-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.zi-spinner-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.zi-spinner-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.zi-spinner-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}.zi-dark-theme .zi-spinner-bar{background-color:#eaeaea}@-moz-keyframes zi-spinner-spin{0%{opacity:1}to{opacity:.15}}@-webkit-keyframes zi-spinner-spin{0%{opacity:1}to{opacity:.15}}@-o-keyframes zi-spinner-spin{0%{opacity:1}to{opacity:.15}}@keyframes zi-spinner-spin{0%{opacity:1}to{opacity:.15}}