@property --theta{syntax:'<angle>';inherits:false;initial-value:0deg}.bc-multi-gradient{--rx1:30%;--ry1:40%;--rx2:20%;--ry2:30%;--theta:0deg;--a1:var(--theta);--a2:calc(var(--theta) + 180deg);--alpha1:calc(0.5 + 0.5 * sin(var(--a1)));--alpha2:calc(0.5 + 0.5 * sin(var(--a2)));--stop1:50%;--stop2:70%;background:radial-gradient(circle at calc(50% + cos(var(--a1)) * var(--rx1)) calc(50% + sin(var(--a1)) * var(--ry1)),rgba(26,113,47,var(--alpha1)),transparent var(--stop1)),radial-gradient(circle at calc(50% + cos(var(--a2)) * var(--rx2)) calc(50% + sin(var(--a2)) * var(--ry2)),rgba(14,31,125,var(--alpha2)),transparent var(--stop2));background-repeat:no-repeat;background-blend-mode:screen;animation:orbit 12s linear infinite}@keyframes orbit{to{--theta:360deg}}@media (prefers-reduced-motion:reduce){.bc-multi-gradient{animation:none}}@property --theta{syntax:'<angle>';inherits:false;initial-value:0deg}.bc-multi-gradient2{--rx1:30%;--ry1:40%;--rx2:20%;--ry2:30%;--theta:0deg;--a1:var(--theta);--a2:calc(var(--theta) + 180deg);--alpha1:0.4;--alpha2:0.6;--stop1:40%;--stop2:70%;background:radial-gradient(circle at calc(50% + cos(var(--a1)) * var(--rx1)) calc(50% + sin(var(--a1)) * var(--ry1)),rgba(26,113,47,var(--alpha1)),transparent var(--stop1)),radial-gradient(circle at calc(50% + cos(var(--a2)) * var(--rx2)) calc(50% + sin(var(--a2)) * var(--ry2)),rgba(14,31,125,var(--alpha2)),transparent var(--stop2));background-repeat:no-repeat;background-blend-mode:screen;animation:orbit 12s linear infinite}@keyframes orbit{to{--theta:360deg}}@media (prefers-reduced-motion:reduce){.bc-multi-gradient2{animation:none}}