.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,20%)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000;border:1px solid #fff;border-radius:12px;position:absolute;top:50%;left:50%}@media (max-width:768px){.card-swap-container{transform:scale(.75)translate(25%,-50%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)translate(-40%,-90%)}}
.electric-border{--electric-light-color:oklch(from var(--electric-border-color)l c h);border-radius:inherit;isolation:isolate;position:relative;overflow:visible}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;height:100%;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color)l c h/.6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color));transform:scale(1.1)}
#lights{background:0 0;width:100%;height:100%;position:absolute;overflow:hidden}canvas{background:0 0;width:100%;height:100%}
.pixel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:25px;place-items:center;width:100%;height:100%;min-height:260px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card>:not(.pixel-canvas){z-index:1;position:relative}.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}
