.pixel-card{--pixel-card-surface:linear-gradient(180deg,rgba(16,16,20,0.72),rgba(10,10,13,0.84));--pixel-card-edge:rgba(255,255,255,0.1);--pixel-card-edge-active:rgba(249,136,16,0.32);--pixel-card-highlight:rgba(255,255,255,0.06);--pixel-card-shadow:0 30px 80px -48px rgba(0,0,0,0.95);position:relative;display:block;width:100%;height:auto;overflow:hidden;border-radius:var(--pixel-card-radius,24px);background:var(--pixel-card-surface);box-shadow:var(--pixel-card-shadow);isolation:isolate;outline:none;-webkit-tap-highlight-color:transparent}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg,#ffffff,#f6f6f8);--pixel-card-edge:rgba(24,24,27,0.08);--pixel-card-edge-active:rgba(24,24,27,0.16);--pixel-card-highlight:rgba(255,255,255,1);--pixel-card-shadow:0 24px 48px -26px rgba(24,24,27,0.32),0 8px 18px -12px rgba(24,24,27,0.18)}.pixel-card:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pixel-card-edge),inset 0 1px 0 var(--pixel-card-highlight);pointer-events:none;transition:box-shadow .26s ease}.pixel-card[data-active]:after{box-shadow:inset 0 0 0 1px var(--pixel-card-edge-active),inset 0 1px 0 var(--pixel-card-highlight)}.pixel-card:focus-visible{box-shadow:var(--pixel-card-shadow),0 0 0 3px rgba(249,136,16,.45)}.pixel-card-canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.pixel-card>:not(.pixel-card-canvas){position:relative;z-index:1}