.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:auto;isolation:isolate;-webkit-user-select:none;user-select:none;background:linear-gradient(#fffdf9 0%,#f7f4ef 100%);border:1px solid #8b1e2d2e;border-radius:8px;place-items:center;width:100%;height:100%;min-height:0;transition:border-color .2s cubic-bezier(.5,1,.89,1),box-shadow .24s,transform .24s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #1f293314,0 6px 18px #8b1e2d0f}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#8b1e2d1f,#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:hover,.pixel-card:focus-within{transform:translateY(-2px);box-shadow:0 24px 48px #1f29331f,0 10px 24px #8b1e2d1a}.pixel-card-content{z-index:1;position:absolute;inset:0}