.wg-stage{aspect-ratio:1;width:280px;max-width:100%;position:relative}.wg-frame{width:280px;height:280px;transform:translate(-50%, -50%) scale(var(--wg-scale,1));position:absolute;top:50%;left:50%}.wg-badge{z-index:1;pointer-events:none;width:200px;height:200px;position:absolute;top:40px;left:40px}.wg-shader,.wg-css{pointer-events:none;width:280px;height:280px;position:absolute;inset:0}.wg-error{text-align:center;color:currentColor;font:11px/1.4 system-ui,sans-serif;position:absolute;inset:auto 0 0}.wg-css{--state:paused;--duration:22s;transform:scale(var(--spread));filter:blur(var(--softness))}.wg-orbit,.wg-flow,.wg-breath,.wg-cloud-group{transform-origin:140px 140px;position:absolute;inset:0;animation-play-state:var(--state)!important}.wg-orbit{animation:30s ease-in-out infinite wg-orbit}.wg-flow{animation:20s ease-in-out infinite wg-flow}.wg-breath{animation:wg-breathe var(--period) ease-in-out infinite}.wg-cloud-group{animation:wg-drift calc(var(--duration) * (1 + var(--stagger) * var(--pace-offset))) ease-in-out infinite alternate;animation-delay:calc(var(--phase) * var(--stagger) * 1s);opacity:var(--layer-opacity,1)}.wg-cloud-group[data-depth="0"]{--layer-opacity:var(--glow)}.wg-cloud-group[data-depth="1"]{--layer-opacity:var(--smoke)}.wg-cloud-group[data-depth="2"]{--layer-opacity:calc(var(--smoke) * var(--detail))}.wg-cloud-patch{background:var(--gradient);transform:rotate(var(--angle));border-radius:50%;position:absolute}@keyframes wg-flow{0%,to{transform:translate(0)}50%{transform:translate(var(--drift-x), var(--drift-y))}}@keyframes wg-orbit{0%,to{transform:rotate(0)}35%{transform:rotate(var(--swirl))}75%{transform:rotate(calc(var(--swirl) * -.6))}}@keyframes wg-breathe{0%,to{opacity:1;transform:scale(1)}50%{transform:scale(var(--breathe-scale));opacity:var(--breathe-opacity)}}@keyframes wg-drift{0%,to{transform:translate(0)rotate(0)}35%{transform:translate(calc(var(--turbulence) * var(--dx)), calc(var(--turbulence) * var(--dy))) rotate(calc(var(--curl) * var(--dx)))}70%{transform:translate(calc(var(--turbulence) * var(--dx) * -.5), calc(var(--turbulence) * var(--dy) * .6)) rotate(calc(var(--curl) * var(--dy) * -.8))}}
