@property --bg-base{syntax:"<color>";inherits:false;initial-value:#f5f5f8}@property --blob-a-color{syntax:"<color>";inherits:true;initial-value:#f5f5f8}@property --blob-b-color{syntax:"<color>";inherits:true;initial-value:#f5f5f8}@property --blob-c-color{syntax:"<color>";inherits:true;initial-value:#f5f5f8}.bg-field{z-index:-1;pointer-events:none;background-color:var(--bg-base);contain:strict;transition:--bg-base .9s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;overflow:hidden}.bg-field__blob{will-change:transform;border-radius:50%;position:absolute}.bg-field__blob--a{background:radial-gradient(closest-side circle at 50% 50%, var(--blob-a-color) 0%, color-mix(in oklab, var(--blob-a-color) 55%, transparent) 42%, transparent 72%);width:95vmax;height:95vmax;transition:--blob-a-color .9s cubic-bezier(.16,1,.3,1);animation:52s ease-in-out infinite alternate blob-drift-a;top:-28vmax;left:-18vmax}.bg-field__blob--b{background:radial-gradient(closest-side circle at 50% 50%, var(--blob-b-color) 0%, color-mix(in oklab, var(--blob-b-color) 50%, transparent) 45%, transparent 74%);width:82vmax;height:82vmax;transition:--blob-b-color .9s cubic-bezier(.16,1,.3,1);animation:64s ease-in-out infinite alternate blob-drift-b;top:18vmax;right:-24vmax}.bg-field__blob--c{background:radial-gradient(closest-side circle at 50% 50%, var(--blob-c-color) 0%, color-mix(in oklab, var(--blob-c-color) 48%, transparent) 44%, transparent 72%);width:70vmax;height:70vmax;transition:--blob-c-color .9s cubic-bezier(.16,1,.3,1);animation:58s ease-in-out infinite alternate blob-drift-c;bottom:-22vmax;left:22vmax}@keyframes blob-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.08)}}@keyframes blob-drift-b{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-5vw,-6vh)scale(1)}}@keyframes blob-drift-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vw,-5vh)scale(1.1)}}.bg-field__grain{opacity:var(--grain-opacity);mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:-50%}@media (max-width:47.99rem){.bg-field__blob--c{display:none}.bg-field__blob{animation:none}}@media (prefers-reduced-motion:reduce){.bg-field__blob{animation:none}.bg-field,.bg-field__blob--a,.bg-field__blob--b,.bg-field__blob--c{transition-duration:.2s}}