.pixel-card{aspect-ratio:4/5;isolation:isolate;background:#21284499;border:1px solid #c9a96e26;border-radius:12px;place-items:center;width:100%;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pixel-content{z-index:10;width:100%;height:100%;position:relative}.pixel-card:hover{border-color:#c9a96e80}.pixel-card:before{content:"";opacity:0;z-index:1;background:radial-gradient(circle,#c9a96e1a,#0000 85%);transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before{opacity:1}