@keyframes a{0%{transform:scale(1) translate(0)}15%{transform:scale(.95) translateY(10%)}30%{transform:scale(1.1,.8) translateY(15%)}50%{transform:scale(.8,1.1) translateY(-15%)}70%{transform:scale(1.1,.95) translateY(10%)}to{transform:scale(1) translate(0)}}.cont__main{overflow:hidden}.circle{animation:a 1s .2s ease-in-out infinite alternate;pointer-events:auto}.cont--loop .circle{animation-play-state:running}.cont--mouse .circle{animation-play-state:paused}.cont--scroll .circle-wrap__item{animation:none}.circle:nth-child(2n){background:#ff4000}.circle.circle--small{width:min(var(--vw,1vw)*80/1280*100,100px);height:min(var(--vw,1vw)*80/1280*100,100px);margin:0 min(var(--vw,1vw)*16/1280*100,20px);aspect-ratio:1}.circle:first-child{animation-delay:.15s}.circle:nth-child(2){animation-delay:.3s}.circle:nth-child(3){animation-delay:.45s}.circle:nth-child(4){animation-delay:.6s}.circle:nth-child(5){animation-delay:.75s}.circle-wrap,.circle-wrap__item{display:flex}@media(any-hover:hover){.cont--mouse .cont__main:hover .circle{animation-play-state:running;cursor:pointer}}