.mi-carrusel-a3d,.mi-carrusel-scene{display:grid}.mi-carrusel-scene{background:#fff;cursor:pointer;mask:linear-gradient(90deg,#0000,red 5% 95%,#0000);-webkit-mask:linear-gradient(90deg,#0000,red 5% 95%,#0000);min-height:400px;overflow:hidden;perspective:80em;width:100%}.mi-carrusel-a3d{animation:mi-carrusel-ry 18s linear infinite;place-self:center;transform-style:preserve-3d}@keyframes mi-carrusel-ry{to{rotate:y 1turn}}.mi-carrusel-card{--w:22em;--ba:calc(1turn/var(--n));aspect-ratio:7/10;backface-visibility:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1.8em;box-shadow:0 8px 30px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);grid-area:1/1;object-fit:contain;padding:2.5em 2em;transform:rotatey(calc(var(--i)*var(--ba))) translatez(calc((var(--w)*0.5*-1 + -.5em)/tan(.5 * var(--ba))));width:var(--w)}.mi-carrusel-scene:hover .mi-carrusel-a3d{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mi-carrusel-a3d{animation-duration:72s}}@media (max-width:768px){.mi-carrusel-scene{min-height:300px;perspective:40em}.mi-carrusel-card{--w:14em;padding:1.5em 1.2em}}