.pixel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:0;pointer-events:none}.pixel-card{position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid hsl(var(--border));border-radius:1.5rem;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);user-select:none;background:hsl(var(--card))}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,hsl(var(--background)),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);z-index:1;pointer-events:none}.pixel-card:focus-within:before,.pixel-card:hover:before{opacity:1}.pixel-card:focus-within,.pixel-card:hover{border-color:hsl(var(--primary)/.3)}.pixel-card>:not(.pixel-canvas){position:relative;z-index:2}.pixel-card.pixel-card-sm{min-height:200px}.pixel-card.pixel-card-md{min-height:300px}.pixel-card.pixel-card-lg{min-height:400px}.pixel-card.pixel-card-full{width:100%;height:100%}:root.dark .pixel-card{border-color:hsl(var(--border)/.5)}:root.dark .pixel-card:focus-within,:root.dark .pixel-card:hover{border-color:hsl(var(--primary)/.5)}