.inner{--w:250px;--h:150px;--translateZ:calc(var(--w)/1.5 + var(--h)/1.5);--rotateX:-15deg;--perspective:1000px;animation:rotating 20s linear infinite;height:var(--h);left:calc(50% - var(--w)/2 - 2.5px);position:absolute;top:25%;transform:perspective(var(--perspective));transform-style:preserve-3d;width:var(--w);z-index:2}@keyframes rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.card{inset:0}.card-shadow{backface-visibility:hidden;inset:0;transform:rotateY(180deg)}.card-wrapper{inset:0;transform:rotateY(calc((1turn/var(--quantity))*var(--index))) translateZ(var(--translateZ));transform-style:preserve-3d}