.yWE2uW_boxes{--size:42px;--duration:.8s;height:calc(var(--size)*2);width:calc(var(--size)*3);transform-style:preserve-3d;transform-origin:50%;margin-top:calc(var(--size)*1.5*-1);position:relative;transform:rotateX(60deg)rotate(45deg)rotateY(0)translateZ(0)}.yWE2uW_boxes>div{width:var(--size);height:var(--size);transform-style:preserve-3d;position:absolute;top:0;left:0}.yWE2uW_boxes>div:first-child{animation:yWE2uW_box1 var(--duration) linear infinite;transform:translate(100%)}.yWE2uW_boxes>div:nth-child(2){animation:yWE2uW_box2 var(--duration) linear infinite;transform:translateY(100%)}.yWE2uW_boxes>div:nth-child(3){animation:yWE2uW_box3 var(--duration) linear infinite;transform:translate(100%,100%)}.yWE2uW_boxes>div:nth-child(4){animation:yWE2uW_box4 var(--duration) linear infinite;transform:translate(200%)}.yWE2uW_boxes>div>div{--background:#a4b453;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;background:var(--background);width:100%;height:100%;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));position:absolute}.yWE2uW_boxes>div>div:first-child{--top:0;--left:0}.yWE2uW_boxes>div>div:nth-child(2){--background:#869440;--right:0;--rotateY:90deg}.yWE2uW_boxes>div>div:nth-child(3){--background:#96a548;--rotateX:-90deg}.yWE2uW_boxes>div>div:nth-child(4){--background:#7b9f6e27;--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1)}@keyframes yWE2uW_box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes yWE2uW_box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes yWE2uW_box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes yWE2uW_box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}