.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:4/5;border:1px solid var(--pixel-card-border,#27272a);background:var(--pixel-card-background,transparent);isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:25px;place-items:center;width:300px;height:400px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--pixel-card-active-color,#09090b), transparent 85%);opacity:0;margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}
.scroll-stack-scroller{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;width:100%;height:100%;position:relative;overflow:visible auto;transform:translateZ(0)}.scroll-stack-inner{min-height:100vh;padding:20vh 5rem 50rem}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;box-sizing:border-box;border-radius:40px;width:100%;height:20rem;margin:30px 0;padding:3rem;position:relative;transform:translateZ(0);box-shadow:0 0 30px #0000001a}.scroll-stack-end{width:100%;height:1px}