.thien-circle{position:relative;margin-left:auto;margin-right:auto;width:40px;height:40px}.thien-circle .thien-child{position:absolute;top:0;left:0;height:100%;width:100%}.thien-circle .thien-child:before{content:"";margin-left:auto;margin-right:auto;display:block;border-radius:9999px;width:15%;height:15%;background-color:var(--thien-color);animation:thien-circleBounceDelay 1.2s ease-in-out infinite both}.thien-circle .thien-circle2{transform:rotate(30deg)}.thien-circle .thien-circle3{transform:rotate(60deg)}.thien-circle .thien-circle4{transform:rotate(90deg)}.thien-circle .thien-circle5{transform:rotate(120deg)}.thien-circle .thien-circle6{transform:rotate(150deg)}.thien-circle .thien-circle7{transform:rotate(180deg)}.thien-circle .thien-circle8{transform:rotate(210deg)}.thien-circle .thien-circle9{transform:rotate(240deg)}.thien-circle .thien-circle10{transform:rotate(270deg)}.thien-circle .thien-circle11{transform:rotate(300deg)}.thien-circle .thien-circle12{transform:rotate(330deg)}.thien-circle .thien-circle2:before{animation-delay:-1.1s}.thien-circle .thien-circle3:before{animation-delay:-1s}.thien-circle .thien-circle4:before{animation-delay:-.9s}.thien-circle .thien-circle5:before{animation-delay:-.8s}.thien-circle .thien-circle6:before{animation-delay:-.7s}.thien-circle .thien-circle7:before{animation-delay:-.6s}.thien-circle .thien-circle8:before{animation-delay:-.5s}.thien-circle .thien-circle9:before{animation-delay:-.4s}.thien-circle .thien-circle10:before{animation-delay:-.3s}.thien-circle .thien-circle11:before{animation-delay:-.2s}.thien-circle .thien-circle12:before{animation-delay:-.1s}@keyframes thien-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}