.perspective-1000{perspective:1000px}.perspective-800{perspective:800px}.carousel-3d-container{position:relative;overflow:hidden}.carousel-3d-container,.carousel-3d-slide{width:100%;height:100%;transform-style:preserve-3d}.carousel-3d-slide{position:absolute;top:0;left:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);backface-visibility:hidden;max-width:100%}.carousel-3d-container-mobile{position:relative;width:100%;height:100%;transform-style:preserve-3d;overflow:hidden}.carousel-3d-slide-mobile{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d;backface-visibility:hidden;max-width:100%}.carousel-3d-slide.active:hover{transform:translateX(0) translateZ(10px) rotateY(0deg) scale(1.01)!important}.carousel-3d-slide-mobile.active:hover{transform:translateX(0) translateZ(5px) scale(1.01)!important}.carousel-3d-slide.active{box-shadow:0 0 30px hsla(0,0%,100%,.3),0 25px 50px -12px rgba(0,0,0,.4)}.carousel-3d-slide-mobile.active{box-shadow:0 0 20px hsla(0,0%,100%,.3),0 20px 40px -12px rgba(0,0,0,.3)}.carousel-3d-slide:before{border-radius:1rem}.carousel-3d-slide-mobile:before,.carousel-3d-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.1));pointer-events:none;z-index:1}.carousel-3d-slide-mobile:before{border-radius:.75rem}@media (max-width:640px){.perspective-800{perspective:600px}.carousel-3d-slide-mobile{transition:all .5s ease-in-out}}@keyframes slideIn3D{0%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}to{opacity:1;transform:translateZ(0) rotateY(0deg)}}.carousel-3d-container{animation:slideIn3D 1s ease-out;clip-path:inset(0 0 0 0)}.carousel-3d-container-mobile{animation:slideIn3D .8s ease-out;clip-path:inset(0 0 0 0)}.carousel-3d-slide-mobile:not(.active):hover,.carousel-3d-slide:not(.active):hover{transform:none!important;cursor:pointer}.carousel-3d-slide,.carousel-3d-slide-mobile{will-change:transform,opacity}@media (max-width:480px){.perspective-800{perspective:500px}.carousel-3d-slide-mobile{transition:all .4s ease-in-out}}@media (min-width:1200px){.perspective-1000{perspective:1200px}}