.scene.svelte-1jemnzb{perspective:20rem;display:grid;place-items:center;max-width:22rem;aspect-ratio:1/1;margin:1rem auto;overflow:hidden}.scene.svelte-1jemnzb :where(.svelte-1jemnzb){position:absolute;transform-style:preserve-3d}.cube.svelte-1jemnzb{display:grid;place-items:center;animation:svelte-1jemnzb-rotate 20s linear infinite}@keyframes svelte-1jemnzb-rotate{0%{transform:rotateX(330deg) rotateY(-30deg)}to{transform:rotateX(-30deg) rotateY(330deg)}}.cube.svelte-1jemnzb>div:where(.svelte-1jemnzb){width:10rem;height:10rem;background-color:var(--color);opacity:.8}.front.svelte-1jemnzb{--color: green;transform:translateZ(5rem)}.back.svelte-1jemnzb{--color: blue;transform:translateZ(-5rem)}.left.svelte-1jemnzb{--color: darkorange;transform:rotateY(-90deg) translateZ(5rem)}.right.svelte-1jemnzb{--color: red;transform:rotateY(90deg) translateZ(5rem)}.top.svelte-1jemnzb{--color: white;transform:rotateX(90deg) translateZ(5rem)}.bottom.svelte-1jemnzb{--color: yellow;transform:rotateX(-90deg) translateZ(5rem)}