.cosmos{z-index:0;pointer-events:none;contain:strict;background:radial-gradient(ellipse 30% 46% at var(--cosmos-x,70%) var(--cosmos-y,50%), rgb(var(--cosmos-c) / .34) 0%, rgb(var(--cosmos-b) / .2) 28%, rgb(var(--cosmos-a) / .45) 58%, transparent 86%), radial-gradient(ellipse 70% 90% at var(--cosmos-x,72%) var(--cosmos-y,50%), rgb(var(--cosmos-a) / .35), transparent 70%);will-change:opacity;position:absolute;inset:0;overflow:hidden}.cosmos__canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.cosmos[data-ready=true] .cosmos__canvas{opacity:1}.cosmos[data-state=fallback] .cosmos__canvas{display:none}.cosmos:after{content:"";z-index:1;background:0 0;position:absolute;inset:0}.cosmos{mask-image:linear-gradient(#000 70%,#0000 100%)}@media (max-width:640px){.cosmos{background:radial-gradient(ellipse 60% 30% at var(--cosmos-mx,60%) var(--cosmos-my,30%), rgb(var(--cosmos-c) / .3) 0%, rgb(var(--cosmos-b) / .18) 30%, rgb(var(--cosmos-a) / .4) 60%, transparent 88%)}}