.cube-wrapper{perspective:800px;width:140px;height:140px;margin:0 auto}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:rotate-cube 12s infinite linear}.face{position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.1);background:#0a193199;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--cube-color, white);box-shadow:inset 0 0 40px #0006}.front{transform:translateZ(70px)}.back{transform:rotateY(180deg) translateZ(70px)}.right{transform:rotateY(90deg) translateZ(70px)}.left{transform:rotateY(-90deg) translateZ(70px)}.top{transform:rotateX(90deg) translateZ(70px)}.bottom{transform:rotateX(-90deg) translateZ(70px)}@keyframes rotate-cube{0%{transform:rotateX(-15deg) rotateY(0)}to{transform:rotateX(-15deg) rotateY(360deg)}}.cube-wrapper:hover .cube{animation-play-state:paused}