.pattern{--bg-url:url(/assets/pattern.jpg);--posx:38%;--posy:38%;--hyp:0;--mx:50%;--my:50%;--space:5%;--angle:133deg;--imgsize:80%;--width:400px;--aspect-ratio:0.7;mix-blend-mode:color-dodge;background-blend-mode:exclusion,hue,hard-light,exclusion;background-size:var(--imgsize),200% 700%,300%,200%;background-position:50%,0 var(--posy),var(--posx) var(--posy),var(--posx) var(--posy);filter:brightness(calc((var(--hyp) * .3) + .5)) contrast(2) saturate(1.5)}.pattern,.pattern:after{width:var(--width);aspect-ratio:var(--aspect-ratio);background-image:var(--bg-url),repeating-linear-gradient(0deg,#ff7773 calc(var(--space) * 1),#ffed5f calc(var(--space) * 2),#a8ff5f calc(var(--space) * 3),#83fff7 calc(var(--space) * 4),#7894ff calc(var(--space) * 5),#d875ff calc(var(--space) * 6),#ff7773 calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(0,0,0,.1) 12%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.25) 120%);display:grid;grid-area:1/1}.pattern:after{content:" ";visibility:visible;mix-blend-mode:exclusion;background-blend-mode:exclusion,hue,hard-light,exclusion;background-size:var(--imgsize),200% 400%,195%,200%;background-position:50%,0 var(--posy),calc(var(--posx) * -1) calc(var(--posy) * -1),var(--posx) var(--posy);filter:brightness(calc((var(--hyp) * .5) + .8)) contrast(1.6) saturate(1.4)}