.cube-walkthrough__scene{width:132px;height:132px;display:grid;place-items:center;perspective:var(--cube-perspective,720px);perspective-origin:50% 42%}.cube-walkthrough__scene--balanced{perspective-origin:50% 50%}.cube-walkthrough__scene--wide{perspective-origin:12% 90%}.cube-walkthrough__scene--step{perspective-origin:50% 38%}.cube-walkthrough__scene--wide .cube-walkthrough__cube{transform:rotateX(-22deg)}.cube-walkthrough__cube{position:relative;width:82px;height:82px;transform-style:preserve-3d;animation:cube-walkthrough-turn var(--cube-duration,7s) linear infinite}.cube-walkthrough__face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(226,232,240,.26);background:rgba(15,23,42,.78);color:var(--foreground);font-size:.78rem;font-weight:800;-webkit-backface-visibility:visible;backface-visibility:visible;box-shadow:inset 0 0 28px rgba(255,255,255,.04)}.cube-walkthrough__face--front{background:color-mix(in srgb,var(--cube-a) 36%,rgba(15,23,42,.92));transform:rotateY(0deg) translateZ(41px)}.cube-walkthrough__face--back{transform:rotateY(180deg) translateZ(41px)}.cube-walkthrough__face--right{background:color-mix(in srgb,var(--cube-b) 32%,rgba(15,23,42,.92));transform:rotateY(90deg) translateZ(41px)}.cube-walkthrough__face--left{transform:rotateY(-90deg) translateZ(41px)}.cube-walkthrough__face--top{background:color-mix(in srgb,var(--cube-c) 34%,rgba(15,23,42,.92));transform:rotateX(90deg) translateZ(41px)}.cube-walkthrough__face--bottom{transform:rotateX(-90deg) translateZ(41px)}@keyframes cube-walkthrough-turn{0%{transform:rotateX(-20deg) rotateY(22deg)}to{transform:rotateX(-20deg) rotateY(382deg)}}@media (prefers-reduced-motion:reduce){.cube-walkthrough__cube{animation:none}}