@layer components{.fx-blob-morph{box-sizing:border-box;isolation:isolate;--fx-blob-duration:30s;--fx-blob-opacity:.58;--fx-blob-core:24%;width:100%;position:relative;overflow:hidden}.fx-blob-morph--standalone{pointer-events:none;z-index:0;position:absolute;inset:0}.fx-blob-morph--contained{position:relative}.fx-blob-morph--blur-none{--fx-blob-core:100%}.fx-blob-morph--blur-sm{--fx-blob-core:48%}.fx-blob-morph--blur-md{--fx-blob-core:36%}.fx-blob-morph--blur-lg{--fx-blob-core:24%}.fx-blob-morph--blur-xl{--fx-blob-core:12%}.fx-blob-morph--blur-2xl{--fx-blob-core:0%}.fx-blob-morph__stage{pointer-events:none;width:130%;height:130%;opacity:var(--fx-blob-opacity,.58);position:absolute;inset:-15%}.fx-blob-morph__blob{--fx-blob-c:var(--primary);--fx-blob-mid:color-mix(in oklch, var(--fx-blob-c) 38%, transparent);transform-origin:50%;mix-blend-mode:normal;pointer-events:none;background:radial-gradient(46% 44% at 46% 46%, var(--fx-blob-c) var(--fx-blob-core,24%), var(--fx-blob-mid) calc(var(--fx-blob-core,24%) * .4 + 60%), transparent 100%), radial-gradient(42% 46% at 56% 54%, var(--fx-blob-c) var(--fx-blob-core,24%), var(--fx-blob-mid) calc(var(--fx-blob-core,24%) * .4 + 60%), transparent 100%);position:absolute}.fx-blob-morph:not(.fx-blob-morph--blur-none) .fx-blob-morph__blob{border-radius:0}.fx-blob-morph--blur-none .fx-blob-morph__blob{background:var(--fx-blob-c)}.fx-blob-morph__group{pointer-events:none;position:absolute;inset:0}.fx-blob-morph__group--a{transform-origin:42% 46%;animation:fx-blob-morph-drift-a var(--fx-blob-duration-1,28s) ease-in-out infinite alternate}.fx-blob-morph__group--b{transform-origin:58% 54%;animation:fx-blob-morph-drift-b var(--fx-blob-duration-2,34s) ease-in-out infinite alternate}.fx-blob-morph[data-fx-running=true] .fx-blob-morph__group{will-change:transform}.fx-blob-morph[data-fx-dark=true] .fx-blob-morph__blob{mix-blend-mode:screen}.fx-blob-morph__blob--1{--fx-blob-c:var(--fx-blob-color-1,var(--chart-2));border-radius:42% 58% 70% 30%/45% 45% 55% 55%;width:clamp(260px,45vw,640px);height:clamp(260px,45vw,640px);top:5%;left:8%}.fx-blob-morph__blob--2{--fx-blob-c:var(--fx-blob-color-2,var(--primary));border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:clamp(240px,40vw,580px);height:clamp(240px,40vw,580px);top:20%;right:10%}.fx-blob-morph__blob--3{--fx-blob-c:var(--fx-blob-color-3,var(--chart-1));border-radius:35% 65% 60% 40%/50% 30% 70% 50%;width:clamp(220px,36vw,520px);height:clamp(220px,36vw,520px);bottom:8%;left:20%}.fx-blob-morph__blob--4{--fx-blob-c:var(--fx-blob-color-4,var(--accent));border-radius:50% 50% 30% 70%/55% 45%;width:clamp(200px,32vw,460px);height:clamp(200px,32vw,460px);bottom:12%;right:18%}.fx-blob-morph__blob--5{--fx-blob-c:var(--fx-blob-color-5,var(--chart-3));border-radius:70% 30% 50% 50%/30% 60% 40% 70%;width:clamp(180px,28vw,400px);height:clamp(180px,28vw,400px);top:35%;left:42%}.fx-blob-morph--variant-accent .fx-blob-morph__blob--1{width:clamp(280px,40vw,540px);height:clamp(280px,40vw,540px);top:-12%;left:auto;right:-8%}.fx-blob-morph--variant-accent .fx-blob-morph__blob--2{width:clamp(220px,32vw,440px);height:clamp(220px,32vw,440px);top:15%;left:auto;right:12%}.fx-blob-morph--variant-accent .fx-blob-morph__blob--3{width:clamp(180px,26vw,360px);height:clamp(180px,26vw,360px);inset:30% -5% auto auto}.fx-blob-morph--variant-spotlight .fx-blob-morph__blob--1{width:clamp(340px,50vw,700px);height:clamp(340px,50vw,700px);top:-25%;left:30%}.fx-blob-morph--variant-spotlight .fx-blob-morph__blob--2{width:clamp(260px,38vw,520px);height:clamp(260px,38vw,520px);top:-15%;left:45%}.fx-blob-morph--variant-spotlight .fx-blob-morph__blob--3{width:clamp(220px,30vw,420px);height:clamp(220px,30vw,420px);top:-8%;left:20%}.fx-blob-morph--variant-ambient .fx-blob-morph__stage{width:150%;height:150%;inset:-25%}.fx-blob-morph--variant-ambient .fx-blob-morph__blob--1{width:60vw;height:60vw;top:-10%;left:-10%}.fx-blob-morph--variant-ambient .fx-blob-morph__blob--2{width:60vw;height:60vw;top:auto;bottom:-10%;right:-10%}.fx-blob-morph--variant-ambient .fx-blob-morph__blob--3{width:50vw;height:50vw;top:30%;right:-5%}.fx-blob-morph--variant-floating .fx-blob-morph__blob--1{top:10%;left:5%}.fx-blob-morph--variant-floating .fx-blob-morph__blob--2{top:50%;right:8%}.fx-blob-morph--variant-floating .fx-blob-morph__blob--3{bottom:5%;left:40%}.fx-blob-morph__noise{pointer-events:none;opacity:.045;mix-blend-mode:overlay;z-index:1;position:absolute;inset:0}.fx-blob-morph__content{z-index:2;width:100%;position:relative}.fx-blob-morph[data-fx-running=false] .fx-blob-morph__group{animation-play-state:paused}.fx-blob-morph[data-fx-motion=none] .fx-blob-morph__group{animation:none}@media (prefers-reduced-motion:reduce){.fx-blob-morph .fx-blob-morph__group{animation:none}}@keyframes fx-blob-morph-drift-a{0%{transform:translate(0,0)rotate(0)scale(1)}35%{transform:translate(5%,4%)rotate(14deg)scale(1.1,.92)}70%{transform:translate(-4%,6%)rotate(-8deg)scale(.94,1.1)}to{transform:translate(4%,-3%)rotate(20deg)scale(1.06,.96)}}@keyframes fx-blob-morph-drift-b{0%{transform:translate(0,0)rotate(0)scale(1)}30%{transform:translate(-6%,-3%)rotate(-16deg)scale(.92,1.1)}65%{transform:translate(4%,-6%)rotate(10deg)scale(1.12,.9)}to{transform:translate(-5%,4%)rotate(-22deg)scale(.96,1.06)}}}
