.grainient-container{isolation:isolate;background-color:var(--grainient-color-2);width:100%;height:100%;position:relative;overflow:hidden}.grainient-container:before{z-index:0;content:"";background:radial-gradient(ellipse at 18% 24%, var(--grainient-color-1) 0%, transparent 52%), radial-gradient(ellipse at 82% 22%, var(--grainient-color-2) 0%, transparent 50%), radial-gradient(ellipse at 68% 82%, var(--grainient-color-3) 0%, transparent 55%), linear-gradient(135deg, var(--grainient-color-3), var(--grainient-color-2) 48%, var(--grainient-color-1));filter:contrast(1.15)saturate(1.05);animation:7s ease-in-out infinite alternate grainient-fallback-drift;position:absolute;inset:-25%;transform:translate(-2%,-1%)scale(1.06)rotate(-2deg)}.grainient-container canvas{z-index:1;opacity:0;transition:opacity .28s ease-out;position:relative}.grainient-container[data-grainient-ready=true] canvas{opacity:1}@keyframes grainient-fallback-drift{to{transform:translate(3%,2%)scale(1.1)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.grainient-container:before{animation:none}}