@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}@keyframes morphBlob1{0%,to{width:var(--circle-size);height:var(--circle-size);border-radius:50% 40% 60% 30%/60% 30% 70% 40%}16.66%{width:calc(var(--circle-size) * 1.65);height:calc(var(--circle-size) * .55);border-radius:80% 20% 60% 40%/20% 80% 40% 60%}33.33%{width:calc(var(--circle-size) * .6);height:calc(var(--circle-size) * 1.5);border-radius:20% 80% 30% 70%/80% 20% 70% 30%}50%{width:calc(var(--circle-size) * 1.5);height:calc(var(--circle-size) * .7);border-radius:75% 25% 80% 20%/25% 75% 20% 80%}66.66%{width:calc(var(--circle-size) * .55);height:calc(var(--circle-size) * 1.4);border-radius:25% 75% 20% 80%/75% 25% 80% 20%}83.33%{width:calc(var(--circle-size) * 1.3);height:calc(var(--circle-size) * .75);border-radius:65% 35% 70% 30%/35% 65% 30% 70%}}@keyframes morphBlob2{0%,to{width:var(--circle-size);height:var(--circle-size);border-radius:45% 55% 45% 55%/55% 45% 55% 45%}20%{width:calc(var(--circle-size) * 1.7);height:calc(var(--circle-size) * .5);border-radius:85% 15% 70% 30%/15% 85% 30% 70%}40%{width:calc(var(--circle-size) * .55);height:calc(var(--circle-size) * 1.6);border-radius:15% 85% 25% 75%/85% 15% 75% 25%}60%{width:calc(var(--circle-size) * 1.55);height:calc(var(--circle-size) * .65);border-radius:80% 20% 75% 25%/20% 80% 25% 75%}80%{width:calc(var(--circle-size) * .7);height:calc(var(--circle-size) * 1.35);border-radius:20% 80% 30% 70%/80% 20% 70% 30%}}@keyframes morphBlob3{0%,to{width:var(--circle-size);height:var(--circle-size);border-radius:50% 50% 50% 50%/50% 50% 50% 50%}12.5%{width:calc(var(--circle-size) * 1.75);height:calc(var(--circle-size) * .5);border-radius:90% 10% 80% 20%/10% 90% 20% 80%}25%{width:calc(var(--circle-size) * .5);height:calc(var(--circle-size) * 1.7);border-radius:10% 90% 15% 85%/90% 10% 85% 15%}37.5%{width:calc(var(--circle-size) * 1.6);height:calc(var(--circle-size) * .6);border-radius:85% 15% 75% 25%/15% 85% 25% 75%}50%{width:calc(var(--circle-size) * .6);height:calc(var(--circle-size) * 1.5);border-radius:15% 85% 20% 80%/85% 15% 80% 20%}62.5%{width:calc(var(--circle-size) * 1.45);height:calc(var(--circle-size) * .7);border-radius:80% 20% 70% 30%/20% 80% 30% 70%}75%{width:calc(var(--circle-size) * .7);height:calc(var(--circle-size) * 1.3);border-radius:20% 80% 25% 75%/80% 20% 75% 25%}87.5%{width:calc(var(--circle-size) * 1.35);height:calc(var(--circle-size) * .75);border-radius:75% 25% 65% 35%/25% 75% 35% 65%}}@keyframes morphBlob4{0%,to{width:var(--circle-size);height:var(--circle-size);border-radius:48% 52% 48% 52%/52% 48% 52% 48%}25%{width:calc(var(--circle-size) * 1.65);height:calc(var(--circle-size) * .55);border-radius:82% 18% 78% 22%/18% 82% 22% 78%}50%{width:calc(var(--circle-size) * .55);height:calc(var(--circle-size) * 1.65);border-radius:18% 82% 22% 78%/82% 18% 78% 22%}75%{width:calc(var(--circle-size) * 1.5);height:calc(var(--circle-size) * .7);border-radius:75% 25% 72% 28%/25% 75% 28% 72%}}@keyframes morphBlob5{0%,to{width:calc(var(--circle-size) / 2);height:calc(var(--circle-size) / 2);border-radius:50% 45% 55% 40%/55% 40% 50% 45%}20%{width:calc(var(--circle-size) / 2 * 1.8);height:calc(var(--circle-size) / 2 * .5);border-radius:85% 15% 80% 20%/15% 85% 20% 80%}40%{width:calc(var(--circle-size) / 2 * .5);height:calc(var(--circle-size) / 2 * 1.7);border-radius:15% 85% 20% 80%/85% 15% 80% 20%}60%{width:calc(var(--circle-size) / 2 * 1.65);height:calc(var(--circle-size) / 2 * .6);border-radius:80% 20% 75% 25%/20% 80% 25% 75%}80%{width:calc(var(--circle-size) / 2 * .65);height:calc(var(--circle-size) / 2 * 1.5);border-radius:20% 80% 25% 75%/80% 20% 75% 25%}}@keyframes morphInteractive{0%,to{width:400px;height:400px;border-radius:50% 40% 60% 30%/60% 30% 70% 40%}16.66%{width:560px;height:280px;border-radius:80% 20% 75% 25%/20% 80% 25% 75%}33.33%{width:240px;height:600px;border-radius:20% 80% 25% 75%/80% 20% 75% 25%}50%{width:520px;height:320px;border-radius:85% 15% 80% 20%/15% 85% 20% 80%}66.66%{width:300px;height:540px;border-radius:15% 85% 20% 80%/85% 15% 80% 20%}83.33%{width:480px;height:360px;border-radius:75% 25% 70% 30%/25% 75% 30% 70%}}.gradientsContainer{width:100%;height:100%;background:linear-gradient(180deg,hsla(var(--black-hsl),1),hsla(var(--darksmoke-hsl),1));filter:blur(40px);will-change:filter}.gradientsContainer[data-blend-mode=multiply],.gradientsContainer[data-blend-mode=overlay]{background:transparent}.gradientsContainer[data-blend-mode=multiply]{opacity:.24}.gradientsContainer:not([data-blend-mode=multiply]):not([data-blend-mode=overlay]){opacity:1}.g1,.g2,.g3,.g4,.g5,.interactive{position:absolute;opacity:1}.g1,.g2,.g3,.g4{width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2)}.g1{background:radial-gradient(circle at center,hsla(var(--action-hsl),.16) 0,hsla(var(--action-hsl),.08) 30%,hsla(var(--action-hsl),0) 70%) no-repeat;transform-origin:center center;animation:moveVertical 28s ease infinite,morphBlob1 16s ease-in-out infinite;border-radius:50% 40% 60% 30%/60% 30% 70% 40%}.g2{background:radial-gradient(circle at center,hsla(var(--danger-hsl),.08) 0,hsla(var(--danger-hsl),.04) 30%,hsla(var(--danger-hsl),0) 70%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 18s infinite reverse,morphBlob2 20s ease-in-out infinite;border-radius:45% 55% 45% 55%/55% 45% 55% 45%}.g3{background:radial-gradient(circle at center,hsla(var(--memo-hsl),.08) 0,hsla(var(--memo-hsl),.04) 30%,hsla(var(--memo-hsl),0) 70%) no-repeat;transform-origin:calc(50% + 400px);animation:moveInCircle 22s linear infinite,morphBlob3 24s ease-in-out infinite;border-radius:50% 50% 50% 50%/50% 50% 50% 50%}.g4{background:radial-gradient(circle at center,hsla(var(--info-hsl),.08) 0,hsla(var(--info-hsl),.04) 30%,hsla(var(--info-hsl),0) 70%) no-repeat;transform-origin:calc(50% - 200px);animation:moveHorizontal 24s ease infinite,morphBlob4 18s ease-in-out infinite;border-radius:48% 52% 48% 52%/52% 48% 52% 48%}.g5{background:radial-gradient(circle at center,hsla(var(--success-hsl),.08) 0,hsla(var(--success-hsl),.04) 30%,hsla(var(--success-hsl),0) 70%) no-repeat;width:calc(var(--circle-size) / 2);height:calc(var(--circle-size) / 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 100px) calc(50% + 600px);animation:moveInCircle 36s ease infinite,morphBlob5 14s ease-in-out infinite;border-radius:50% 45% 55% 40%/55% 40% 50% 45%}.interactive{width:400px;height:400px;background:radial-gradient(circle at center,hsla(var(--action-hsl),.16) 0,hsla(var(--action-hsl),.08) 30%,hsla(var(--action-hsl),0) 80%);border-radius:50% 40% 60% 30%/60% 30% 70% 40%;pointer-events:none;animation:morphInteractive 12s ease-in-out infinite}.gradientsContainer[data-blend-mode=multiply] .g1{background:radial-gradient(circle at center,hsla(var(--action-hsl),.4) 0,hsla(var(--action-hsl),.2) 30%,hsla(var(--action-hsl),0) 70%) no-repeat}.gradientsContainer[data-blend-mode=multiply] .g2{background:radial-gradient(circle at center,hsla(var(--danger-hsl),.3) 0,hsla(var(--danger-hsl),.15) 30%,hsla(var(--danger-hsl),0) 70%) no-repeat}.gradientsContainer[data-blend-mode=multiply] .g3{background:radial-gradient(circle at center,hsla(var(--memo-hsl),.3) 0,hsla(var(--memo-hsl),.15) 30%,hsla(var(--memo-hsl),0) 70%) no-repeat}.gradientsContainer[data-blend-mode=multiply] .g4{background:radial-gradient(circle at center,hsla(var(--info-hsl),.3) 0,hsla(var(--info-hsl),.15) 30%,hsla(var(--info-hsl),0) 70%) no-repeat}.gradientsContainer[data-blend-mode=multiply] .g5{background:radial-gradient(circle at center,hsla(var(--success-hsl),.3) 0,hsla(var(--success-hsl),.15) 30%,hsla(var(--success-hsl),0) 70%) no-repeat}.gradientsContainer[data-blend-mode=multiply] .interactive{background:radial-gradient(circle at center,hsla(var(--action-hsl),.4) 0,hsla(var(--action-hsl),.2) 30%,hsla(var(--action-hsl),0) 80%)}@media (prefers-reduced-motion:reduce){.g1,.g2,.g3,.g4,.g5,.interactive{animation:none}}