@keyframes autoRun3d{0%{transform:perspective(800px) rotateY(-1turn)}to{transform:perspective(800px) rotateY(0deg)}}@keyframes animateBrightness{10%{filter:brightness(1)}30%{filter:brightness(0)}50%{filter:brightness(0)}70%{filter:brightness(0)}90%{filter:brightness(1)}}.card-3d{position:relative;width:400px;height:200px;transform-style:preserve-3d;transform:perspective(800px);animation:autoRun3d 20s linear infinite;will-change:transform;margin:auto}.card-3d div{position:absolute;background-color:rgb(199,199,199);border:2px solid lightgray;border-radius:.5rem;top:50%;left:50%;transform-origin:center center;animation:animateBrightness 20s linear infinite;transition-duration:.2s;will-change:transform,filter}.card-3d:hover,.card-3d:hover .carousel-card,.card-3d:hover div{animation-play-state:paused!important}.carousel-card{position:absolute;width:150px!important;height:210px!important;transform-origin:center center;transform-style:preserve-3d;animation:animateBrightness 20s linear infinite;will-change:transform,filter;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:z-index 0s,transform .3s;z-index:1}.selected-placeholder{position:absolute;left:50%;transform:translateX(-50%);width:150px;height:210px;z-index:999;pointer-events:none}.carousel-card.hovered{animation-play-state:paused!important;transform:translate(-50%,150%) scale(1.1)!important;z-index:999!important}