.pixel-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1}.pixel-card{position:relative;overflow:hidden;display:block;border:1px solid #e5e7eb;border-radius:25px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);z-index:2}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.pixel-card:hover{border-color:#d1d5db}:root.dark .pixel-card,.dark .pixel-card{border-color:#27272a}:root.dark .pixel-card:before,.dark .pixel-card:before{background:radial-gradient(circle,#09090b,transparent 85%)}:root.dark .pixel-card:hover,.dark .pixel-card:hover{border-color:#3a3a3d}