.pixel-card{--pixel-card-surface:linear-gradient(180deg, #0b0b10 0%, #060609 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#ffffff30;--pixel-card-highlight:#ffffff0d;--pixel-card-focus-ring:#a855f79e;--pixel-card-shadow:0 20px 42px -24px #000000e6, 0 8px 18px -12px #000000a6;border-radius:var(--pixel-card-radius,16px);background:var(--pixel-card-surface);width:100%;min-width:0;box-shadow:var(--pixel-card-shadow);isolation:isolate;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .24s;display:flex;position:relative;overflow:hidden}.pixel-card[data-variant=devup]{--pixel-card-surface:linear-gradient(180deg, #09090e 0%, #040407 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#e1266957;--pixel-card-highlight:#ffffff0e;--pixel-card-focus-ring:#a855f7a6}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #fafafb 100%);--pixel-card-edge:#11111416;--pixel-card-edge-active:#11111430;--pixel-card-highlight:#ffffffe6;--pixel-card-focus-ring:#be185d85;--pixel-card-shadow:0 16px 34px -22px #11111424, 0 4px 12px -6px #1111140f}.pixel-card[data-variant=devup][data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #faf9fc 100%);--pixel-card-edge:#11111416;--pixel-card-edge-active:#be185d57;--pixel-card-highlight:#fffffff2;--pixel-card-focus-ring:#be185d8f}.pixel-card:after{content:"";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 .24s;position:absolute;inset:0}.pixel-card[data-active]:after,.pixel-card:hover:after{box-shadow:inset 0 0 0 1px var(--pixel-card-edge-active), inset 0 1px 0 var(--pixel-card-highlight)}:is(.pixel-card:focus-visible,.pixel-card[data-focus-within=true]:has(>a:focus-visible),.pixel-card[data-focus-within=true]:has(>button:focus-visible)){box-shadow:var(--pixel-card-shadow), 0 0 0 2px var(--pixel-card-focus-ring)}.pixel-card-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card[data-reduced-motion=true] .pixel-card-canvas{display:none}.pixel-card>:not(.pixel-card-canvas){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.pixel-card,.pixel-card:after{transition:none}.pixel-card-canvas{display:none}}