.pixel-card{--pixel-card-surface:linear-gradient(180deg, #17151c 0%, #0f0e13 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#ffffff29;--pixel-card-highlight:#ffffff0f;--pixel-card-shadow:0 24px 48px -24px #000000d9, 0 8px 18px -10px #0009;border-radius:var(--pixel-card-radius,24px);background:var(--pixel-card-surface);box-shadow:var(--pixel-card-shadow);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;display:block;position:relative;overflow:hidden}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #f6f6f8 100%);--pixel-card-edge:#18181b14;--pixel-card-edge-active:#18181b29;--pixel-card-highlight:#fff;--pixel-card-shadow:0 24px 48px -26px #18181b52, 0 8px 18px -12px #18181b2e}.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 .26s;position:absolute;inset:0}.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 #7f7f8c73}.pixel-card-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card>:not(.pixel-card-canvas){z-index:1;position:relative}.pixel-card.pixel-card--bare{--pixel-card-surface:transparent;--pixel-card-edge:transparent;--pixel-card-edge-active:transparent;--pixel-card-highlight:transparent;--pixel-card-shadow:none;-webkit-user-select:auto;user-select:auto}