.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{background:var(--pixel-card-background,transparent);isolation:isolate;-webkit-user-select:none;user-select:none;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:flex;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--pixel-card-active-color,#e8b84b1a), transparent 85%);opacity:0;pointer-events:none;margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before,.pixel-card-active:before{opacity:1}