.main-content[data-ecosystem=variational]{--color-bg-dark:var(--eco-bg-dark);--color-border-dark:color-mix(in srgb, var(--brand) 28%, transparent);--table-hover-glow-dark:0 0 12px color-mix(in srgb, var(--brand) 50%, transparent);--table-hover-text-color-dark:var(--brand);--table-hover-text-stroke-dark:1px color-mix(in srgb, var(--brand) 40%, transparent);--table-row-alt-dark:color-mix(in srgb, var(--brand) 5%, transparent);--accent-hover-border:var(--brand);--accent-hover-fill:color-mix(in srgb, var(--brand) 10%, transparent);--eco-green:#3db844;--eco-red:#c10007;--stat-delta-up:var(--eco-green);--stat-delta-down:var(--eco-red);--stat-spark-up:var(--eco-green);--stat-spark-down:var(--eco-red);background:linear-gradient(color-mix(in srgb,var(--brand) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 6%,transparent) 1px,transparent 1px),radial-gradient(1200px 620px at 80% -8%,color-mix(in srgb,var(--brand) 18%,#010612),#010612 55%,#010612);background-size:24px 24px,24px 24px,100% 100%;background-attachment:scroll,scroll,fixed}html[data-theme=light] .main-content[data-ecosystem=variational]{--color-border-light:color-mix(in srgb, var(--brand) 28%, transparent);--table-hover-glow-light:0 0 12px color-mix(in srgb, var(--brand) 40%, transparent);--table-hover-text-color-light:var(--brand-deep);--table-hover-text-stroke-light:1px color-mix(in srgb, var(--brand) 40%, transparent);--eco-green:#3db844;--eco-red:#c10007;--stat-delta-up:var(--eco-green);--stat-delta-down:var(--eco-red);--stat-spark-up:var(--eco-green);--stat-spark-down:var(--eco-red);background:linear-gradient(color-mix(in srgb,var(--brand) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 5%,transparent) 1px,transparent 1px),linear-gradient(135deg,#f8fafc,#eef4fb 35%,#e4eefa,#eef4fb 65%,#f8fafc);background-size:20px 20px,20px 20px,400% 400%;background-attachment:scroll,scroll,fixed}