#cube-container.svelte-ip5ve6{box-sizing:border-box;transform-style:preserve-3d;width:100px;height:100px;transition:4s cubic-bezier(.68,-.55,.27,1.55);transform:translate(-50%,-50%);animation:svelte-ip5ve6-cube-3d 4s ease-in-out 2s infinite alternate}#cube-container.svelte-ip5ve6 .face:where(.svelte-ip5ve6){width:200px;height:200px;position:absolute;border:2px solid rgb(var(--color-primary-500));background:rgba(var(--color-primary-200));box-shadow:0 0 150px rgb(var(--color-primary-400))}#cube-container.svelte-ip5ve6 .face.top:where(.svelte-ip5ve6){transform:rotateX(90deg);margin-top:-50%}#cube-container.svelte-ip5ve6 .face.right:where(.svelte-ip5ve6){transform:rotateY(90deg);margin-left:50%}#cube-container.svelte-ip5ve6 .face.left:where(.svelte-ip5ve6){transform:rotateY(-90deg);margin-left:-50%}#cube-container.svelte-ip5ve6 .face.bottom:where(.svelte-ip5ve6){transform:rotateX(90deg);margin-top:50%}#cube-container.svelte-ip5ve6 .face.back:where(.svelte-ip5ve6){transform:translateZ(125px)}#cube-container.svelte-ip5ve6 .face.front:where(.svelte-ip5ve6){transform:translateZ(-125px)}@keyframes svelte-ip5ve6-cube-3d{to{transform:rotateX(-25deg) rotateY(-40deg) translate(-50%,-50%);transition:4s cubic-bezier(.68,-.55,.27,1.55)}}