.gradient{isolation:isolate;position:relative;overflow:hidden}.gradient:before,.gradient:after{z-index:-1;content:"";position:absolute}.gradient:before{filter:blur(3rem);inset:-10%}.gradient:after{opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.gradient--blue:before{background:radial-gradient(55% 30% at 35% 42%, oklch(10% .012 250), transparent 75%), radial-gradient(40% 15% at 25% 62%, oklch(48.8% .048 237/.8), transparent 70%), radial-gradient(60% 20% at 40% 84%, oklch(94% .01 260), transparent 70%), linear-gradient(in oklab 180deg, oklch(13% .013 248) 0%, oklch(10% .012 250) 40%, oklch(29.8% .029 237) 58%, oklch(67.7% .048 237) 70%, oklch(86.7% .03 240) 82%, oklch(90.8% .048 237) 100%)}.gradient--sea:before{background:radial-gradient(55% 30% at 35% 40%, oklch(28% .06 227.4), transparent 75%), radial-gradient(40% 15% at 25% 60%, oklch(51.2% .085 207.8/.8), transparent 70%), radial-gradient(60% 20% at 40% 82%, oklch(94.8% .008 332.1), transparent 70%), linear-gradient(in oklab 180deg, oklch(45% .076 211.3) 0%, oklch(39.5% .065 205.4) 40%, oklch(45% .07 210) 58%, oklch(85% .02 220) 72%, oklch(94% .01 300) 82%, oklch(92.6% .029 213.2) 100%)}.gradient--steel:before{background:radial-gradient(55% 30% at 35% 40%, oklch(20% .018 240), transparent 75%), radial-gradient(40% 15% at 25% 60%, oklch(48% .04 243/.8), transparent 70%), radial-gradient(60% 20% at 40% 82%, oklch(85% .012 245), transparent 70%), linear-gradient(in oklab 180deg, oklch(30% .03 242) 0%, oklch(24% .022 240) 40%, oklch(40% .035 245) 58%, oklch(65% .05 237) 72%, oklch(79% .022 245) 82%, oklch(81% .02 245) 100%)}.gradient--graphite:before{background:radial-gradient(80% 40% at 50% 100%, oklch(62% 0 0/.85), transparent 75%), radial-gradient(90% 45% at 50% 20%, oklch(24% 0 0), transparent 75%), linear-gradient(in oklab 180deg, oklch(26% 0 0) 0%, oklch(27% 0 0) 40%, oklch(36% 0 0) 65%, oklch(47% 0 0) 85%, oklch(50% 0 0) 100%)}@media (width>=64rem){.gradient--graphite:before{background:radial-gradient(45% 55% at 72% 100%, oklch(62% 0 0/.85), transparent 75%), radial-gradient(35% 60% at 100% 25%, oklch(50% 0 0/.7), transparent 70%), radial-gradient(50% 70% at 20% 40%, oklch(24% 0 0), transparent 75%), linear-gradient(in oklab 115deg, oklch(26% 0 0) 0%, oklch(27% 0 0) 42%, oklch(36% 0 0) 60%, oklch(47% 0 0) 80%, oklch(42% 0 0) 100%)}}.gradient--cover:before{background:radial-gradient(55% 30% at 35% 40%, oklch(20% .03 50), transparent 75%), radial-gradient(40% 15% at 25% 60%, oklch(50% .09 50/.8), transparent 70%), radial-gradient(60% 20% at 40% 82%, oklch(86% .04 60), transparent 70%), linear-gradient(in oklab 180deg, oklch(28% .04 50) 0%, oklch(22% .03 50) 40%, oklch(42% .08 50) 58%, oklch(68% .11 55) 72%, oklch(82% .05 60) 82%, oklch(84% .04 60) 100%)}.gradient--sahara:before{background:radial-gradient(45% 25% at 20% 30%, oklch(97.1% .007 247.9), transparent 70%), radial-gradient(50% 18% at 30% 58%, oklch(88% .07 70/.9), transparent 70%), radial-gradient(60% 25% at 70% 75%, oklch(25% .04 50/.8), transparent 70%), linear-gradient(in oklab 180deg, oklch(97.6% 0 0) 0%, oklch(96.5% .012 60) 38%, oklch(82.4% .084 62.7) 50%, oklch(55% .075 54) 60%, oklch(37% .062 54) 66%, oklch(18% .03 55) 76%, oklch(8% 0 0) 88%, oklch(5% 0 0) 100%)}.gradient--green:before{background:radial-gradient(35% 30% at 15% 52%, oklch(61.3% .059 121.7), transparent 70%), radial-gradient(60% 40% at 85% 95%, oklch(28.9% .037 146), transparent 70%), radial-gradient(50% 35% at 30% 10%, oklch(81.9% .017 190/.9), transparent 70%), linear-gradient(in oklab 180deg, oklch(81.9% .017 151) 0%, oklch(70.4% .036 125.8) 32%, oklch(45% .04 135) 55%, oklch(34.5% .029 137.4) 80%, oklch(28.9% .037 146) 100%)}.gradient--dawn:before{filter:none;background:linear-gradient(in oklab 120deg, oklch(80% .07 300) 0%, oklch(82% .07 10) 30%, oklch(78% .12 70) 60%, oklch(72% .14 55) 100%)}.gradient__blob{z-index:-1;aspect-ratio:1;width:90%;animation:gradient-drift 16s var(--ease-in-out-cubic) infinite alternate;border-radius:50%;position:absolute}.gradient__blob--1{background:radial-gradient(closest-side,oklch(79% .13 72),#0000);top:-40%;left:-20%}.gradient__blob--2{background:radial-gradient(closest-side,oklch(70% .15 50),#0000);animation-duration:19s;animation-delay:-6s;bottom:-45%;right:-30%}.gradient__blob--3{background:radial-gradient(closest-side,oklch(80% .08 305),#0000);animation-duration:22s;animation-delay:-11s;bottom:-30%;left:-35%}.gradient__blob--4{background:radial-gradient(closest-side,oklch(85% .06 345),#0000);animation-duration:25s;animation-delay:-3s;top:-35%;right:-25%}.gradient[data-paused] .gradient__blob{animation-play-state:paused}@keyframes gradient-drift{0%{translate:0;scale:1}50%{translate:18% 12%;scale:1.15}to{translate:-12% 20%;scale:.95}}@media (prefers-reduced-motion:reduce){.gradient__blob{animation:none}}