@layer components{.fx-aurora{--fx-aurora-c1:var(--chart-1);--fx-aurora-c2:var(--chart-2);--fx-aurora-c3:var(--chart-3);--fx-aurora-c4:var(--chart-5);--fx-aurora-intensity:1;--fx-aurora-base-opacity:.42;--fx-aurora-core:6%;--fx-aurora-period:1;isolation:isolate;contain:paint;background-color:var(--background);color:var(--foreground);position:relative;overflow:hidden}.dark .fx-aurora,.fx-aurora.dark{--fx-aurora-base-opacity:.65}.fx-aurora[data-fx-variant=hero]{min-height:28rem}.fx-aurora[data-fx-variant=section]{min-height:18rem}.fx-aurora[data-fx-variant=card]{--fx-aurora-core:6%;border-radius:var(--radius,.75rem);min-height:12rem}.fx-aurora[data-fx-variant=subtle]{--fx-aurora-base-opacity:.25}.dark .fx-aurora[data-fx-variant=subtle],.fx-aurora.dark[data-fx-variant=subtle]{--fx-aurora-base-opacity:.38}.fx-aurora[data-fx-variant=vibrant]{--fx-aurora-base-opacity:.6}.dark .fx-aurora[data-fx-variant=vibrant],.fx-aurora.dark[data-fx-variant=vibrant]{--fx-aurora-base-opacity:.85}.fx-aurora--mask-bottom>.fx-aurora__viewport{-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.fx-aurora--mask-top>.fx-aurora__viewport{-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.fx-aurora--mask-y>.fx-aurora__viewport{-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.fx-aurora--mask-radial>.fx-aurora__viewport{-webkit-mask-image:radial-gradient(85% 70% at 50% 45%,#000 35%,#0000 100%);mask-image:radial-gradient(85% 70% at 50% 45%,#000 35%,#0000 100%)}.fx-aurora__viewport{pointer-events:none;contain:strict;z-index:0;position:absolute;inset:0;overflow:hidden}.fx-aurora__layers{opacity:calc(var(--fx-aurora-base-opacity) * var(--fx-aurora-intensity));pointer-events:none;position:absolute;inset:-10%}.fx-aurora__drift{pointer-events:none;position:absolute;inset:0}.fx-aurora__blob{--fx-aurora-blob:var(--fx-aurora-c1);pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--fx-aurora-blob) 78%, transparent) var(--fx-aurora-core), color-mix(in oklab, var(--fx-aurora-blob) 40%, transparent) calc(var(--fx-aurora-core) + (100% - var(--fx-aurora-core)) * .3), color-mix(in oklab, var(--fx-aurora-blob) 16%, transparent) calc(var(--fx-aurora-core) + (100% - var(--fx-aurora-core)) * .6), color-mix(in oklab, var(--fx-aurora-blob) 5%, transparent) calc(var(--fx-aurora-core) + (100% - var(--fx-aurora-core)) * .82), transparent 100%);position:absolute}.fx-aurora__blob--1{--fx-aurora-blob:var(--fx-aurora-c1);opacity:.85;width:66%;height:72%;top:0%;left:2%}.fx-aurora__blob--2{--fx-aurora-blob:var(--fx-aurora-c2);opacity:.9;width:60%;height:78%;top:8%;right:0%}.fx-aurora__blob--3{--fx-aurora-blob:var(--fx-aurora-c3);opacity:.8;width:72%;height:66%;bottom:2%;left:14%}.fx-aurora__blob--4{--fx-aurora-blob:var(--fx-aurora-c4);opacity:.75;width:54%;height:60%;top:18%;left:24%}.fx-aurora__content{z-index:1;width:100%;height:100%;position:relative}.fx-aurora>.fx-aurora__content{--muted-foreground:color-mix(in oklch, var(--muted-foreground) 80%, var(--foreground))}@keyframes fx-aurora-drift-a{0%{opacity:.9;transform:translate(0,0)scale(1)rotate(0)}50%{opacity:1;transform:translate(7%,5%)scale(1.08)rotate(8deg)}to{opacity:.9;transform:translate(0,0)scale(1)rotate(0)}}@keyframes fx-aurora-drift-b{0%{opacity:1;transform:translate(0,0)scale(1.04)rotate(0)}50%{opacity:.8;transform:translate(-8%,-6%)scale(.94)rotate(-10deg)}to{opacity:1;transform:translate(0,0)scale(1.04)rotate(0)}}.fx-aurora[data-fx-motion=expressive] .fx-aurora__drift--a{animation:fx-aurora-drift-a calc(22s * var(--fx-aurora-period)) ease-in-out infinite}.fx-aurora[data-fx-motion=expressive] .fx-aurora__drift--b{animation:fx-aurora-drift-b calc(27s * var(--fx-aurora-period)) ease-in-out infinite}.fx-aurora[data-fx-motion=subtle] .fx-aurora__drift--a{animation:fx-aurora-drift-a calc(34s * var(--fx-aurora-period)) ease-in-out infinite}.fx-aurora[data-fx-motion=subtle] .fx-aurora__drift--b{animation:fx-aurora-drift-b calc(40s * var(--fx-aurora-period)) ease-in-out infinite}.fx-aurora[data-fx-running=false] .fx-aurora__drift{animation-play-state:paused}.fx-aurora[data-fx-motion=none] .fx-aurora__drift{animation:none}@media (prefers-reduced-motion:reduce){.fx-aurora .fx-aurora__drift{animation:none}}@media (prefers-reduced-transparency:reduce){.fx-aurora .fx-aurora__drift{animation:none}}}