@keyframes glass-cube-spin{0%{transform:rotateX(-24deg) rotateY(0deg)}to{transform:rotateX(336deg) rotateY(1turn)}}@keyframes glass-cube-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.glass-cube{width:var(--s);height:var(--s);animation:glass-cube-bob 7s ease-in-out infinite}.glass-cube .glass-cube-body{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:glass-cube-spin 22s linear infinite}.glass-cube.is-reverse .glass-cube-body{animation-duration:14s;animation-direction:reverse}.glass-cube .glass-cube-face{position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);background:linear-gradient(135deg,rgba(255,255,255,.32),color-mix(in srgb,var(--color-accent-2) 14%,transparent) 55%,color-mix(in srgb,var(--color-accent) 22%,transparent));box-shadow:inset 0 0 24px rgba(255,255,255,.18)}.glass-cube .glass-cube-face.front{transform:translateZ(calc(var(--s) / 2))}.glass-cube .glass-cube-face.back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.glass-cube .glass-cube-face.right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.glass-cube .glass-cube-face.left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.glass-cube .glass-cube-face.top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.glass-cube .glass-cube-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}@media(prefers-reduced-motion:reduce){.glass-cube,.glass-cube .glass-cube-body{animation:none}}