@media (min-width:768px) and (max-width:2500px){.animation{--size:800px;right:50vw}}@media (min-width:0px) and (max-width:768px){.animation{--size:350px;right:40vw}}:root{.animation{right:40vw;font-size:calc(var(--size)/100);width:var(--size);height:var(--size);isolation:isolate;opacity:0;transition:opacity 2.4s;pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}.animation .earth{position:absolute;top:-15%;left:-15%;width:130%;height:130%}.edge,.halo{width:100em;height:100em;position:absolute;left:0;top:0;transform:rotate(-52deg);border-radius:50%;pointer-events:all}.halo{font-size:106%;margin:-3em;mix-blend-mode:color-dodge;filter:drop-shadow(.4em 0 4.6em) blur(.25em)}.halo:after,.halo:before{content:"";display:block;height:100%;border-radius:50%;mix-blend-mode:color-dodge}.halo:after{margin-top:-100%}}.dark{.animation{right:40vw;font-size:calc(var(--size)/100);width:var(--size);height:var(--size);isolation:isolate;opacity:0;transition:opacity 2.4s;pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}.animation .earth{position:absolute;top:-15%;left:-15%;width:130%;height:130%}.edge,.halo{width:100em;height:100em;position:absolute;left:0;top:0;transform:rotate(-52deg);border-radius:50%;box-shadow:inset -.8em 0 5.8em -1.5em #1e85db52;pointer-events:all}.halo{font-size:106%;margin:-3em;box-shadow:inset -2.2em 0 3.1em -.5em #2172ffe0,inset -2.9em 0 3.8em -.9em #001426d9,inset -59em 0 18em -41em #0084ff30;mix-blend-mode:color-dodge;color:#5291ff9e;filter:drop-shadow(.4em 0 4.6em) blur(.25em)}.halo:after,.halo:before{content:"";display:block;height:100%;border-radius:50%;box-shadow:inset -1.3em 0 .9em -.8em #309bff;mix-blend-mode:color-dodge}.halo:after{margin-top:-100%}}