:root{--cube-size:70px;--cube-size-:-70px;--cube-delay:0.3s;--cube-delay-end:2s;--cube-duration:0.5s}.animation-cube-group-container-content{height:470px;margin:auto;position:relative;width:300px}.animation-cube-group,.animation-cube-group-container-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.animation-cube-group{position:absolute;width:100%}.animation-cube-group--3{translate:0 0}.animation-cube-group-container-content--active .animation-cube-group--3{animation-delay:0s,var(--cube-delay-end);animation-duration:var(--cube-duration);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:animation-group--3,animation-group--3-f;animation-timing-function:ease-in-out}.animation-cube-group--1{translate:0 0}.animation-cube-group-container-content--active .animation-cube-group--1{animation-delay:var(--cube-delay),var(--cube-delay-end);animation-duration:var(--cube-duration);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:animation-group--1,animation-group--1-f;animation-timing-function:ease-in-out;translate:0 0}@keyframes animation-group--3{to{translate:0 calc(var(--cube-size-)/1.3)}}@keyframes animation-group--3-f{to{translate:0 calc(var(--cube-size-)/1.6)}}@keyframes animation-group--1{to{translate:0 calc(var(--cube-size)/1.3)}}@keyframes animation-group--1-f{to{translate:0 calc(var(--cube-size)/1.6)}}.animation-cube{animation-timing-function:ease-in-out;filter:drop-shadow(-1px -1px 0 #f7f7ff) drop-shadow(1px 1px 0 #f7f7ff) drop-shadow(-1px 1px 0 #f7f7ff) drop-shadow(1px -1px 0 #f7f7ff);position:absolute;translate:0 0;width:var(--cube-size)}.animation-cube-group-container-content--active .animation-cube{animation-duration:var(--cube-duration);animation-fill-mode:forwards;animation-iteration-count:1}.animation-cube-group-container-content--active .animation-cube--9{translate:0 0}.animation-cube-group-container-content--active .animation-cube--8{animation-delay:var(--cube-delay),var(--cube-delay-end);animation-name:animation-cube-8,animation-cube-8-f}.animation-cube-group-container-content--active .animation-cube--7{animation-delay:calc(var(--cube-delay)*2),var(--cube-delay-end);animation-name:animation-cube-7,animation-cube-7-f}.animation-cube-group-container-content--active .animation-cube--6{animation-delay:var(--cube-delay),var(--cube-delay-end);animation-name:animation-cube-6,animation-cube-6-f}.animation-cube-group-container-content--active .animation-cube--5{animation-delay:calc(var(--cube-delay)*2),var(--cube-delay-end);animation-name:animation-cube-5,animation-cube-5-f}.animation-cube-group-container-content--active .animation-cube--4{animation-delay:calc(var(--cube-delay)*3),var(--cube-delay-end);animation-name:animation-cube-4,animation-cube-4-f}.animation-cube-group-container-content--active .animation-cube--3{animation-delay:calc(var(--cube-delay)*4),var(--cube-delay-end);animation-name:animation-cube-3,animation-cube-3-f}.animation-cube-group-container-content--active .animation-cube--2{animation-delay:calc(var(--cube-delay)*4),var(--cube-delay-end);animation-name:animation-cube-2,animation-cube-2-f}.animation-cube-group-container-content--active .animation-cube--1{animation-delay:calc(var(--cube-delay)*5),var(--cube-delay-end);animation-name:animation-cube-1,animation-cube-1-f}@keyframes animation-cube-8{to{translate:calc(var(--cube-size)/1.3) calc(var(--cube-size-)/2.3)}}@keyframes animation-cube-8-f{to{translate:calc(var(--cube-size)/1.85) calc(var(--cube-size-)/3.3)}}@keyframes animation-cube-7{to{translate:calc((var(--cube-size)/1.3)*2) calc((var(--cube-size-)/2.3)*2)}}@keyframes animation-cube-7-f{to{translate:calc((var(--cube-size)/1.85)*2) calc((var(--cube-size-)/3.3)*2)}}@keyframes animation-cube-6{to{translate:calc(var(--cube-size-)/1.3) calc(var(--cube-size-)/2.3)}}@keyframes animation-cube-6-f{to{translate:calc(var(--cube-size-)/1.85) calc(var(--cube-size-)/3.3)}}@keyframes animation-cube-5{to{translate:calc((var(--cube-size-)/1.3)*2) calc((var(--cube-size-)/2.3)*2)}}@keyframes animation-cube-5-f{to{translate:calc((var(--cube-size-)/1.85)*2) calc((var(--cube-size-)/3.3)*2)}}@keyframes animation-cube-4{to{translate:0 calc(var(--cube-size-)/1.15)}}@keyframes animation-cube-4-f{to{translate:0 calc(var(--cube-size-)/1.65)}}@keyframes animation-cube-3{to{translate:calc(var(--cube-size)/1.3) calc(var(--cube-size-)*1.3)}}@keyframes animation-cube-3-f{to{translate:calc(var(--cube-size)/1.8) calc(var(--cube-size-)/1.09)}}@keyframes animation-cube-2{to{translate:calc(var(--cube-size-)/1.3) calc(var(--cube-size-)*1.3)}}@keyframes animation-cube-2-f{to{translate:calc(var(--cube-size-)/1.8) calc(var(--cube-size-)/1.09)}}@keyframes animation-cube-1{to{translate:0 calc(var(--cube-size-)*1.7)}}@keyframes animation-cube-1-f{to{translate:0 calc(var(--cube-size-)*1.23)}}