.rcube{--c:250px;width:var(--c);height:var(--c);transform-style:preserve-3d;animation:28s linear infinite spin;position:relative}.rside{transform-style:preserve-3d;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid;position:absolute;inset:0}.rside.s1{transform:translateZ(calc(var(--c)/2))}.rside.s2{transform:rotateY(180deg) translateZ(calc(var(--c)/2))}.rside.s3{transform:rotateY(90deg) translateZ(calc(var(--c)/2))}.rside.s4{transform:rotateY(-90deg) translateZ(calc(var(--c)/2))}.rside.s5{transform:rotateX(90deg) translateZ(calc(var(--c)/2))}.rside.s6{transform:rotateX(-90deg) translateZ(calc(var(--c)/2))}.rside .t{animation:1.5s cubic-bezier(.2,.8,.2,1) both tin;animation-delay:var(--d);background:linear-gradient(145deg,#2c2c31 0%,#121215 45%,#050506 100%);border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0d,0 0 0 1px #000}.rside .t.mesh{background:radial-gradient(#ffffff29 1px,#0000 1.4px) 0 0/5px 5px,linear-gradient(145deg,#26262a,#08080a)}.rside .t.pop{animation:tin 1.5s cubic-bezier(.2,.8,.2,1) both var(--d),tpop 7s ease-in-out infinite calc(var(--d) + 2.5s)}.rside.s3 .t,.rside.s4 .t{filter:brightness(.72)}.rside.s5 .t{filter:brightness(1.25)}.rside.s6 .t{filter:brightness(.55)}@keyframes tin{0%{opacity:0;transform:translateZ(calc(var(--c)*1.3)) rotate(var(--r)) scale(.5)}to{opacity:1;transform:none}}@keyframes tpop{0%,70%,to{transform:none}82%{transform:translateZ(22px)}}@media (max-width:960px){.rcube{--c:180px}}@media (prefers-reduced-motion:reduce){.rside .t{animation:none}}