.boxes.svelte-1xg5x66{--size: 32px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66){width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66):nth-child(1){transform:translate(100%);-webkit-animation:svelte-1xg5x66-box1 var(--duration) linear infinite;animation:svelte-1xg5x66-box1 var(--duration) linear infinite}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66):nth-child(2){transform:translateY(100%);-webkit-animation:svelte-1xg5x66-box2 var(--duration) linear infinite;animation:svelte-1xg5x66-box2 var(--duration) linear infinite}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66):nth-child(3){transform:translate(100%,100%);-webkit-animation:svelte-1xg5x66-box3 var(--duration) linear infinite;animation:svelte-1xg5x66-box3 var(--duration) linear infinite}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66):nth-child(4){transform:translate(200%);-webkit-animation:svelte-1xg5x66-box4 var(--duration) linear infinite;animation:svelte-1xg5x66-box4 var(--duration) linear infinite}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66)>div:where(.svelte-1xg5x66){--background: #5c8df6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66)>div:where(.svelte-1xg5x66):nth-child(1){--top: 0;--left: 0}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66)>div:where(.svelte-1xg5x66):nth-child(2){--background: #145af2;--right: 0;--rotateY: 90deg}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66)>div:where(.svelte-1xg5x66):nth-child(3){--background: #447cf5;--rotateX: -90deg}.boxes.svelte-1xg5x66 .box:where(.svelte-1xg5x66)>div:where(.svelte-1xg5x66):nth-child(4){--background: #dbe3f4;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@-webkit-keyframes svelte-1xg5x66-box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes svelte-1xg5x66-box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes svelte-1xg5x66-box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes svelte-1xg5x66-box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes svelte-1xg5x66-box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes svelte-1xg5x66-box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes svelte-1xg5x66-box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes svelte-1xg5x66-box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}