.card-spotlight{position:relative;background-color:#fff;padding:2rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.274)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}.stack-container{position:relative;width:100%;height:100%;perspective:600px}.card-rotate{cursor:grab}.card-rotate,.card-rotate-disabled{position:absolute;width:100%;height:100%}.card-rotate-disabled{cursor:pointer}.card{border-radius:1rem;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.scroll-stack-scroller{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.scroll-stack-inner{padding:20vh 5rem 20rem;min-height:100vh}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top center;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 0 30px rgba(0,0,0,.1);height:20rem;width:100%;margin:30px 0;padding:3rem;border-radius:40px;box-sizing:border-box;transform:translateZ(0);position:relative}.scroll-stack-end{width:100%;height:1px}