:root{--cube-size:300px;--cube-translate:150px}@media (max-width:1024px){:root{--cube-size:200px;--cube-translate:100px}}@media (max-width:768px){:root{--cube-size:160px;--cube-translate:80px}}@media (max-width:640px){:root{--cube-size:100px;--cube-translate:50px}}@media (max-width:400px){:root{--cube-size:80px;--cube-translate:40px}}.scene-container{width:100%;height:400px;display:flex;align-items:center;justify-content:center;perspective:1000px}@media (max-width:640px){.scene-container{height:200px}}.scene{width:var(--cube-size);height:var(--cube-size);position:relative}.cube,.scene{transform-style:preserve-3d}.cube{width:100%;height:100%;position:absolute;animation:rotateCube 20s linear infinite}.cube__face{position:absolute;width:var(--cube-size);height:var(--cube-size);display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border));border-radius:1rem;background-color:hsla(var(--card)/.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cube__face--1{transform:rotateY(0deg) translateZ(var(--cube-translate))}.cube__face--2{transform:rotateY(90deg) translateZ(var(--cube-translate))}.cube__face--3{transform:rotateY(180deg) translateZ(var(--cube-translate))}.cube__face--4{transform:rotateY(-90deg) translateZ(var(--cube-translate))}.cube__face--5{transform:rotateX(90deg) translateZ(var(--cube-translate))}.cube__face--6{transform:rotateX(-90deg) translateZ(var(--cube-translate))}@keyframes rotateCube{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}.cube__face svg{transition:width .3s ease,height .3s ease}@media (max-width:640px){.cube__face svg{width:24px!important;height:24px!important}.cube__face p{font-size:.75rem!important}}@media (max-width:400px){.cube__face svg{width:18px!important;height:18px!important}.cube__face p{font-size:.6rem!important}}