.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);--eb-border-width:2px;position:relative;border-radius:inherit;overflow:visible;isolation:isolate}@media (max-width:768px){.electric-border{border:var(--eb-border-width) solid var(--electric-border-color)}.electric-border .eb-layers,.electric-border .eb-svg{display:none}}.eb-svg{position:fixed;left:-10000px;top:-10000px;width:10px;height:10px;opacity:.001;pointer-events:none}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}.eb-background-glow,.eb-glow-1,.eb-glow-2,.eb-overlay-1,.eb-overlay-2,.eb-stroke{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-stroke{border:var(--eb-border-width) solid var(--electric-border-color)}.eb-glow-1{border:var(--eb-border-width) solid oklch(from var(--electric-border-color) l c h/.6);opacity:.5;filter:blur(calc(.5px + (var(--eb-border-width) * .25)))}.eb-glow-2{border:var(--eb-border-width) solid var(--electric-light-color);opacity:.5;filter:blur(calc(2px + (var(--eb-border-width) * .5)))}.eb-background-glow{z-index:-1;transform:scale(1.08);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{height:400px;width:300px;position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:4/5;border:1px solid #27272a;border-radius:25px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1000px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card-content{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;text-align:center}.pixel-card.flipped .card-content{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;text-align:center}.card-back{transform:rotateY(180deg)}@media (max-width:768px){.pixel-card{will-change:transform;transform:translateZ(0)}.pixel-canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}}@media (hover:none) and (pointer:coarse){.pixel-card{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}