.pixel-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.pixel-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;border:1px solid var(--pixel-card-border,#e2e8f0);background:var(--pixel-card-background,#fff);isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);user-select:none}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,var(--pixel-card-active-color,#e8f7fe),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);z-index:0}.pixel-card:focus-within:before,.pixel-card:hover:before{opacity:1}