.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:4/5;isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:25px;place-items:center;width:300px;height:400px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#09090b,#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.signature-card{aspect-ratio:auto;place-items:unset;border-color:var(--color-parchment);background:linear-gradient(180deg,#ffffffe0,#faf9f5d1),var(--color-vellum-white);width:100%;height:auto;min-height:250px;box-shadow:none;border-radius:24px;display:block}.pixel-card.signature-card:before{background:radial-gradient(circle at 34% 52%,#d9775729,#0000 38%),radial-gradient(circle at 78% 18%,#ccdbe852,#0000 32%)}.pixel-card.signature-card .pixel-canvas{z-index:1;opacity:.72;position:absolute;inset:0}.pixel-card.signature-card .signature-card-content{z-index:2;position:relative}