.pixel-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;background:#16120f;border:1px solid #ffdcb424;border-radius:22px;place-items:center;width:100%;height:100%;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#0e0c0b,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover,.pixel-card:focus-within{border-color:#d8906059}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}