@layer components{.pixel-card{border-radius:var(--pixel-card-radius,24px);background:var(--pc-surface);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;display:grid;position:relative;overflow:hidden}.pixel-card:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pc-edge), inset 0 1px 0 var(--pc-highlight);pointer-events:none;transition:box-shadow var(--duration-slow) var(--ease-standard);position:absolute;inset:0}.pixel-card[data-active]:after{box-shadow:inset 0 0 0 1px var(--pc-edge-active), inset 0 1px 0 var(--pc-highlight)}.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}}