.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;padding:0;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.bod{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.scene{perspective:1000px;width:390px;height:490px;margin:auto;position:relative}.mycarousel{width:390px;height:490px;transform-style:preserve-3d;will-change:transform;transition:transform .4s;position:absolute;top:0;left:0}.mycarousel .item{border-radius:8px;justify-content:center;align-items:center;width:390px;height:490px;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 30px #0000001a}.controls{width:390px;height:490px;transform-style:preserve-3d;position:absolute;top:0;left:0}.controls button{opacity:0;cursor:pointer;border:4px solid #fff;border-radius:8px;width:390px;height:490px;position:absolute;top:2px;left:2px}.controls button:active{opacity:.1}
.marquee-container:hover .marquee-content{animation-play-state:paused}.animate-marquee{animation:40s linear infinite marquee}@keyframes marquee{0%{transform:translate(50%)}to{transform:translate(-100%)}}.animate-zoom{animation:1.5s ease-in-out infinite shake}@keyframes zoom{0%,to{transform:sclale(1)}50%{transform:scale(1.2)}}