.pixel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1}.pixel-card{position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:inherit;isolation:isolate;transition:border-color .3s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(20,20,20,.3);backdrop-filter:blur(30px);width:100%;height:100%}.pixel-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,rgba(7,7,7,.9),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);z-index:2}.pixel-card.is-loading:before{opacity:1}.pixel-card-content{position:relative;z-index:10;width:100%;height:100%;justify-content:center}.pixel-card-content,.pixel-card-loading-indicator{display:flex;flex-direction:column;align-items:center}.pixel-card-loading-indicator{gap:12px;opacity:0;transition:opacity .3s ease-out}.pixel-card.is-loading .pixel-card-loading-indicator{opacity:1}.pixel-card-loading-text{font-family:Satoshi,sans-serif;font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--fact,#FFFFFF);opacity:.7}.pixel-card-progress{width:60%;height:2px;background:rgba(255,255,255,.1);border-radius:1px;overflow:hidden}.pixel-card-progress-fill{height:100%;background:var(--process,var(--process));border-radius:1px;transition:width .3s ease-out;box-shadow:0 0 10px var(--process,var(--process))}.pixel-card-result{position:absolute;inset:0;z-index:5;opacity:0;transition:opacity .5s ease-out;border-radius:inherit;overflow:hidden}.pixel-card-result.is-visible{opacity:1}.pixel-card-result img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pixel-card.is-complete{border-color:var(--process,var(--process));box-shadow:0 0 30px rgba(253,255,0,.2)}.pixel-card.is-complete:hover{transform:scale(1.02);box-shadow:0 0 40px rgba(253,255,0,.3)}.pixel-card.is-complete{transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .3s ease-out}.pixel-card-grid{display:flex;flex-direction:row;gap:16px;padding:20px 24px;justify-content:center;align-items:center;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.pixel-card-grid-item{position:relative;flex:0 0 auto;transition:transform .2s ease}.pixel-card-grid-item--selected .pixel-card{border-color:var(--process,var(--process))!important;box-shadow:0 0 20px rgba(253,255,0,.3)}.pixel-card-grid--count-1{justify-content:center}.pixel-card-grid--count-1 .pixel-card-grid-item{flex:0 0 auto}.pixel-card-grid--count-1 .pixel-card{width:360px;height:400px}.pixel-card-grid--count-2{justify-content:center;gap:24px}.pixel-card-grid--count-2 .pixel-card{width:300px;height:340px}.pixel-card-grid--count-3{justify-content:center;gap:20px}.pixel-card-grid--count-3 .pixel-card{width:260px;height:300px}.pixel-card-grid--count-4{justify-content:center;gap:16px}.pixel-card-grid--count-4 .pixel-card{width:240px;height:280px}@media (min-width:1400px){.pixel-card-grid--count-4 .pixel-card{width:280px;height:320px}.pixel-card-grid--count-3 .pixel-card{width:300px;height:340px}.pixel-card-grid--count-2 .pixel-card{width:340px;height:380px}.pixel-card-grid--count-1 .pixel-card{width:400px;height:450px}}@media (max-width:1200px){.pixel-card-grid{gap:12px;padding:20px}.pixel-card-grid--count-4 .pixel-card{width:200px;height:230px}.pixel-card-grid--count-3 .pixel-card{width:220px;height:250px}}@media (max-width:900px){.pixel-card-grid--count-4{flex-wrap:wrap;max-width:600px}.pixel-card-grid--count-4 .pixel-card-grid-item{flex:0 0 calc(50% - 8px)}.pixel-card-grid--count-4 .pixel-card{width:100%;height:auto;aspect-ratio:1/1.1}.pixel-card-grid--count-3{flex-wrap:wrap;max-width:500px}.pixel-card-grid--count-3 .pixel-card-grid-item:nth-child(3){flex:0 0 100%}.pixel-card-grid--count-3 .pixel-card-grid-item:nth-child(3) .pixel-card{width:200px;margin:0 auto}}@media (max-width:768px){.pixel-card-grid{flex-direction:column;gap:12px;padding:0 16px 200px;align-items:center}.pixel-card-grid-item{width:100%;max-width:400px}.pixel-card-grid--count-4{flex-wrap:nowrap;flex-direction:column;max-width:100%}.pixel-card-grid--count-4 .pixel-card-grid-item{flex:0 0 auto;width:100%;max-width:400px}.pixel-card-grid--count-3{flex-wrap:nowrap;max-width:100%}.pixel-card-grid--count-3 .pixel-card-grid-item:nth-child(3){flex:0 0 auto}.pixel-card-grid .pixel-card{width:100%;height:auto;aspect-ratio:1/1;max-width:100%}.pixel-card-grid-item--selected .pixel-card{border:2px solid var(--process,var(--process))}}@keyframes pixelCardEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pixel-card-grid-item{animation:pixelCardEnter .4s ease-out forwards}.pixel-card-grid-item:first-child{animation-delay:0s}.pixel-card-grid-item:nth-child(2){animation-delay:80ms}.pixel-card-grid-item:nth-child(3){animation-delay:.16s}.pixel-card-grid-item:nth-child(4){animation-delay:.24s}