.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(0deg) 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(0deg) 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(0deg) 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(0deg) 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(0deg) 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{width:100%;height:100%;background:linear-gradient(180deg,hsla(var(--black-hsl),1),hsla(var(--darksmoke-hsl),1))}@media (pointer:fine){.gradientsContainer{filter:blur(40px)}}.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:before,.g2:before,.g3:before,.g4:before,.g5:before,.interactive:before{content:"";position:absolute;inset:0;border-radius:50%}.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:weave1 30s ease-in-out infinite;animation-delay:-7s}.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:morphBlob1 16s ease-in-out infinite}.g2{animation:weave2 24s ease-in-out infinite;animation-delay:-15s}.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:morphBlob2 20s ease-in-out infinite}.g3{animation:weave3 36s ease-in-out infinite;animation-delay:-22s}.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:morphBlob3 24s ease-in-out infinite}.g4{animation:weave4 27s ease-in-out infinite;animation-delay:-4s}.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:morphBlob4 18s ease-in-out infinite}.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:weave5 20s ease-in-out infinite;animation-delay:-11s}.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:morphBlob5 14s ease-in-out infinite}.interactive{width:400px;height:400px;pointer-events:none}.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:morphInteractive 12s ease-in-out infinite}.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,.g1:before,.g2,.g2:before,.g3,.g3:before,.g4,.g4:before,.g5,.g5:before,.interactive,.interactive:before{animation:none}}