.orb{aspect-ratio:1;background:var(--n-50);isolation:isolate;border-radius:50%;width:100%;position:relative;overflow:hidden}.orb-still,.orb-live,.orb-grain{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.orb-still{transition:opacity .6s}.orb-live{opacity:0;transition:opacity .6s}.orb[data-live] .orb-live{opacity:1}.orb[data-live] .orb-still,.orb[data-live] .orb-grain{opacity:0}.orb-grain,.orb-dot:after{mix-blend-mode:overlay;opacity:.55;pointer-events:none;background:url(/orbs/grain.png) 0 0/128px 128px;transition:opacity .6s}.orb-dot{isolation:isolate;border-radius:50%;display:block;position:relative;overflow:hidden}.orb-dot:after{content:"";opacity:.45;border-radius:50%;position:absolute;inset:0}