.field{pointer-events:none;contain:layout paint;position:absolute;inset:0;overflow:hidden}.field--glass{z-index:-1}.field__shape{width:var(--fw,0);height:var(--fh,0);transform:translate3d(var(--fx,0), var(--fy,0), 0);opacity:var(--fo,0);background-color:var(--fc,transparent);background-image:var(--fi,none);image-rendering:pixelated;will-change:opacity;background-position:50%;background-size:cover;position:absolute;top:0;left:0}.field__shape:after{content:"";background-image:var(--grain-noise);opacity:calc(var(--field-glitch,.55) * .55);mix-blend-mode:overlay;position:absolute;inset:0}.field__shape:before{content:"";background:inherit;opacity:calc(var(--field-glitch,.55) * .45);mix-blend-mode:screen;transform:translate3d(calc(var(--field-glitch,.55) * 2px), 0, 0);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.field__shape:before{animation:3.7s step-end infinite field-split;animation-delay:var(--fd,0s)}.field__shape:after{animation:2.9s step-end infinite field-grain;animation-delay:var(--fd,0s)}}@keyframes field-split{0%,46%,to{transform:translate3d(calc(var(--field-glitch,.55) * 2px), 0, 0)}48%{transform:translate3d(calc(var(--field-glitch,.55) * -6px), 0, 0)}52%{transform:translate3d(calc(var(--field-glitch,.55) * 5px), calc(var(--field-glitch,.55) * -2px), 0)}56%{transform:translate3d(calc(var(--field-glitch,.55) * -3px), calc(var(--field-glitch,.55) * 2px), 0)}}@keyframes field-grain{0%{transform:translate(0,0)}25%{transform:translate(-7%,4%)}50%{transform:translate(5%,-6%)}75%{transform:translate(-3%,-3%)}}