.pixel-canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card{border:1px solid var(--pixel-card-border,var(--border));background:var(--pixel-card-background,var(--surface));isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:25px;transition:border-color .2s cubic-bezier(.5,1,.89,1);position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--pixel-card-active-color,color-mix(in srgb, var(--accent) 30%, transparent)), transparent 85%);opacity:0;z-index:1;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}