.pixel-card{isolation:isolate;background:linear-gradient(160deg, #ffffff08 0%, #ffffff03 100%), var(--color-surface-alt);border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:100%;transition:border-color .2s cubic-bezier(.5,1,.89,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pixel-card:hover,.pixel-card:focus-within{transform:translateY(-2px)}.pixel-card--orange:hover,.pixel-card--orange:focus-within{border-color:var(--color-orange);box-shadow:0 0 24px #ff6a001f}.pixel-card--blue:hover,.pixel-card--blue:focus-within{border-color:var(--color-blue);box-shadow:0 0 24px #1e7bff1f}.pixel-canvas{z-index:0;pointer-events:none;opacity:.85;display:block;position:absolute;inset:0}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle,#060608e6,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.pixel-card__content{z-index:1;width:100%;height:100%;position:relative}