.retro-grid{--rg-color:158, 230, 39;--rg-alpha:.4;--rg-opacity:.55;--rg-fade-end:60%;--rg-size:60px;--rg-angle:65deg;--rg-speed:1.2s;--rg-perspective:200px;--rg-fade:var(--bg-ultra-dark, #000);position:relative;overflow:hidden;isolation:isolate;perspective:var(--rg-perspective)}.retro-grid::before{content:"";position:absolute;inset:-150% -250%;background-image:linear-gradient(to right,rgba(var(--rg-color),var(--rg-alpha)) 1px,transparent 0),linear-gradient(to bottom,rgba(var(--rg-color),var(--rg-alpha)) 1px,transparent 0);background-size:var(--rg-size) var(--rg-size);background-repeat:repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 34%,#000 56%);mask-image:linear-gradient(to bottom,transparent 34%,#000 56%);opacity:var(--rg-opacity);transform:rotateX(var(--rg-angle));animation:rg-scroll var(--rg-speed) linear infinite;pointer-events:none;z-index:0}.retro-grid::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--rg-fade),transparent var(--rg-fade-end));pointer-events:none;z-index:0}.retro-grid>*{position:relative;z-index:1}@keyframes rg-scroll{from{transform:rotateX(var(--rg-angle)) translateY(0)}to{transform:rotateX(var(--rg-angle)) translateY(var(--rg-size))}}@media (prefers-reduced-motion:reduce){.retro-grid::before{animation:none}}