.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:auto;isolation:isolate;-webkit-user-select:none;user-select:none;background:#0d0d15;border:1px solid #27272a;border-radius:25px;flex-direction:column;width:100%;height:auto;transition:all .4s cubic-bezier(.5,1,.89,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;z-index:-1;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-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}