.pixel-canvas{z-index:10;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card{aspect-ratio:4/5;isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:25px;place-items:center;width:300px;height:400px;transition:border-color .2s cubic-bezier(.5,1,.89,1),box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000026,0 10px 25px -5px #0003,0 0 0 1px #0000000d}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#09090b,#0000 85%);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}.pixel-card:hover{box-shadow:0 12px 28px -8px #00000040,0 20px 40px -12px #0003,0 0 0 1px #00000014}