.goo-root{filter:none}@media (pointer:fine){.goo-root{filter:url(#goo)blur(30px)}}@keyframes weave1{0%,to{transform:translate(-18%,-10%)}22%{transform:translate(14%,-26%)}47%{transform:translate(32%,8%)}71%{transform:translate(4%,24%)}88%{transform:translate(-14%,8%)}}@keyframes weave2{0%,to{transform:translate(10%,18%)}19%{transform:translate(-22%,6%)}42%{transform:translate(-30%,-18%)}63%{transform:translate(2%,-28%)}84%{transform:translate(20%,-4%)}}@keyframes weave3{0%,to{transform:translateY(-22%)}26%{transform:translate(-26%,2%)}52%{transform:translate(-8%,26%)}74%{transform:translate(24%,14%)}90%{transform:translate(16%,-8%)}}@keyframes weave4{0%,to{transform:translate(22%,-6%)}24%{transform:translate(-4%,20%)}49%{transform:translate(-28%,4%)}70%{transform:translate(-12%,-22%)}91%{transform:translate(10%,-14%)}}@keyframes weave5{0%,to{transform:translate(-12%,20%)}28%{transform:translate(26%,10%)}55%{transform:translate(18%,-24%)}79%{transform:translate(-20%,-12%)}}@keyframes morphBlob1{0%,to{transform:rotate(0)scale(1)}16.66%{transform:rotate(16deg)scale(1.65,.55)}33.33%{transform:rotate(-10deg)scale(.6,1.5)}50%{transform:rotate(8deg)scale(1.5,.7)}66.66%{transform:rotate(-14deg)scale(.55,1.4)}83.33%{transform:rotate(6deg)scale(1.3,.75)}}@keyframes morphBlob2{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.7,.5)}40%{transform:rotate(9deg)scale(.55,1.6)}60%{transform:rotate(-7deg)scale(1.55,.65)}80%{transform:rotate(13deg)scale(.7,1.35)}}@keyframes morphBlob3{0%,to{transform:rotate(0)scale(1)}12.5%{transform:rotate(9deg)scale(1.75,.5)}25%{transform:rotate(-13deg)scale(.5,1.7)}37.5%{transform:rotate(7deg)scale(1.6,.6)}50%{transform:rotate(-6deg)scale(.6,1.5)}62.5%{transform:rotate(12deg)scale(1.45,.7)}75%{transform:rotate(-10deg)scale(.7,1.3)}87.5%{transform:rotate(5deg)scale(1.35,.75)}}@keyframes morphBlob4{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(11deg)scale(1.65,.55)}50%{transform:rotate(-9deg)scale(.55,1.65)}75%{transform:rotate(15deg)scale(1.5,.7)}}@keyframes morphBlob5{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-15deg)scale(1.8,.5)}40%{transform:rotate(10deg)scale(.5,1.7)}60%{transform:rotate(-8deg)scale(1.65,.6)}80%{transform:rotate(12deg)scale(.65,1.5)}}@keyframes morphInteractive{0%,to{transform:scale(1)}16.66%{transform:scale(1.4,.7)}33.33%{transform:scale(.6,1.5)}50%{transform:scale(1.3,.8)}66.66%{transform:scale(.75,1.35)}83.33%{transform:scale(1.2,.9)}}.gradientsContainer{background:linear-gradient(180deg, hsla(var(--black-hsl), 1), hsla(var(--darksmoke-hsl), 1));width:100%;height:100%}@media (pointer:fine){.gradientsContainer{filter:blur(40px)}}.gradientsContainer[data-blend-mode=multiply],.gradientsContainer[data-blend-mode=overlay]{background:0 0}.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{opacity:1;position:absolute}.g1:before,.g2:before,.g3:before,.g4:before,.g5:before,.interactive:before{content:"";border-radius:50%;position:absolute;inset:0}.g1,.g2,.g3,.g4{width:var(--circle-size);height:var(--circle-size)}.g1{top:calc(6% - var(--circle-size) / 4);left:calc(2% - var(--circle-size) / 4)}.g2{top:calc(30% - var(--circle-size) / 4);left:calc(52% - var(--circle-size) / 4)}.g3{top:calc(52% - var(--circle-size) / 2);left:calc(16% - var(--circle-size) / 4)}.g4{top:calc(-4% - var(--circle-size) / 4);left:calc(38% - var(--circle-size) / 4)}.g1{animation:30s ease-in-out -7s infinite weave1}.g1:before{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;animation:16s ease-in-out infinite morphBlob1}.g2{animation:24s ease-in-out -15s infinite weave2}.g2:before{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;animation:20s ease-in-out infinite morphBlob2}.g3{animation:36s ease-in-out -22s infinite weave3}.g3:before{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;animation:24s ease-in-out infinite morphBlob3}.g4{animation:27s ease-in-out -4s infinite weave4}.g4:before{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;animation:18s ease-in-out infinite morphBlob4}.g5{width:calc(var(--circle-size) / 2);height:calc(var(--circle-size) / 2);top:calc(66% - var(--circle-size) / 4);left:calc(70% - var(--circle-size) / 4);animation:20s ease-in-out -11s infinite weave5}.g5:before{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;animation:14s ease-in-out infinite morphBlob5}.interactive{pointer-events:none;width:400px;height:400px}.interactive:before{background:radial-gradient(circle at center, hsla(var(--action-hsl), .16) 0%, hsla(var(--action-hsl), .08) 30%, hsla(var(--action-hsl), 0) 80%);animation:12s ease-in-out infinite morphInteractive}.gradientsContainer[data-blend-mode=multiply] .g1:before{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:before{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:before{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:before{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:before{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:before{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 (pointer:coarse){.g1:before,.g2:before,.g3:before,.g4:before,.g5:before,.interactive:before{filter:blur(28px)}}@media (prefers-reduced-motion:reduce){.g1,.g2,.g3,.g4,.g5,.interactive,.g1:before,.g2:before,.g3:before,.g4:before,.g5:before,.interactive:before{animation:none}}