.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{--pixel-card-border:#e4e2dc;--pixel-card-background:color-mix(in srgb,#ffffff 78%,transparent);--pixel-card-active-color:#f1f5f9;position:relative;overflow:hidden;display:grid;place-items:center;width:100%;height:auto;min-height:220px;aspect-ratio:4/5;border:1px solid var(--pixel-card-border);background:var(--pixel-card-background);border-radius:1.25rem;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);user-select:none}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,var(--pixel-card-active-color),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);pointer-events:none;z-index:0}.pixel-card:focus-within:before,.pixel-card:hover:before{opacity:1}.pixel-card .pixel-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.pixel-card-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:1.15rem 1.2rem 1.25rem;pointer-events:none}.pixel-card-content h3,.pixel-card-content h4{margin:0;font-size:.92rem;font-weight:600;letter-spacing:-.01em;color:var(--fr-ink,#141414)}.pixel-card-content p{margin:0;color:var(--fr-muted,#5c5c5c);font-size:.84rem;line-height:1.55}