.mg-root{pointer-events:none;--mg-x:50%;--mg-color:#ffffff95;--mg-warm:#c08a57f2;--mg-warm-soft:#ffb078d9;--mg-dot-size:160px;--mg-opacity:1;border-radius:6px;position:absolute;inset:0;overflow:hidden}.mg-blob{top:50%;left:var(--mg-x);z-index:-1;opacity:0;will-change:left, background-size, opacity;mix-blend-mode:screen;background-position:50%;background-repeat:no-repeat;background-size:22%;transition:opacity .52s cubic-bezier(.22,.61,.36,1),background-size .72s cubic-bezier(.22,.61,.36,1);position:absolute;transform:translate(-50%,-50%)}.mg-root[data-active=true] .mg-blob{opacity:var(--mg-opacity);background-size:100%}.mg-core{filter:blur(15px);background-image:radial-gradient(closest-side circle, var(--mg-color) 0%, var(--mg-warm) 46%, transparent 78%);width:200px;height:300%}.mg-soft{filter:blur(28px);background-image:radial-gradient(closest-side circle, var(--mg-warm) 0%, var(--mg-warm-soft) 38%, transparent 74%);width:340px;height:440%}.mg-root[data-active=true] .mg-soft{opacity:calc(.75 * var(--mg-opacity))}.mg-dot-window{z-index:-1;mix-blend-mode:screen;-webkit-mask-image:url(/img/mask/dotmask.png);mask-image:url(/img/mask/dotmask.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--mg-dot-size);-webkit-mask-size:var(--mg-dot-size);mask-size:var(--mg-dot-size);position:absolute;inset:0}.mg-dot-glow{top:50%;left:var(--mg-x);filter:blur(1px);opacity:0;will-change:left, background-size, opacity;background-position:50%;background-repeat:no-repeat;background-size:22%;background-image:radial-gradient(closest-side circle, var(--mg-color) 0%, var(--mg-warm) 50%, transparent 74%);width:360px;height:620%;transition:opacity .52s cubic-bezier(.22,.61,.36,1),background-size .72s cubic-bezier(.22,.61,.36,1);position:absolute;transform:translate(-50%,-50%)}.mg-root[data-active=true] .mg-dot-glow{opacity:calc(.95 * var(--mg-opacity));background-size:100%}@media (prefers-reduced-motion:reduce){.mg-blob,.mg-dot-glow{transition-duration:0s}}