.ud-beat{z-index:1;pointer-events:none;--ud-size:96vmin;--ud-k:1;--ud-ms:3.4s;position:absolute;inset:0}.ud-beat[data-strength=part]{--ud-k:.7;--ud-ms:2.8s}.ud-beat[data-strength=bare]{--ud-k:1;--ud-ms:3.4s}.ud-beat[data-strength=full]{--ud-k:1.05;--ud-ms:3.8s}.ud-beat>*{left:var(--ud-x,50%);top:var(--ud-y,50%);pointer-events:none;display:block;position:absolute}.ud-flare{width:var(--ud-size);height:var(--ud-size);background:radial-gradient(closest-side, color-mix(in srgb, var(--her-orchid) 46%, transparent) 0%, color-mix(in srgb, var(--her-violet) 30%, transparent) 50%, transparent 100%);mix-blend-mode:screen;opacity:0;animation:ud-flare var(--ud-ms) linear both;border-radius:50%;translate:-50% -50%}@keyframes ud-flare{0%{opacity:0;transform:scale(.9)}20%{opacity:calc(var(--ud-k) * .08)}50%{opacity:calc(var(--ud-k) * .52)}80%{opacity:calc(var(--ud-k) * .18)}to{opacity:0;transform:scale(1.12)}}.ud-mist{width:calc(var(--ud-size) * 1.5);height:calc(var(--ud-size) * 1.5);mix-blend-mode:screen;opacity:0;animation:ud-mist var(--ud-ms) linear both;translate:-50% -58%}@keyframes ud-mist{0%{opacity:0;transform:translateY(calc(var(--ud-size) * -.06)) scaleX(.9)}15%{opacity:calc(var(--ud-k) * .08)}45%{opacity:calc(var(--ud-k) * .54)}75%{opacity:calc(var(--ud-k) * .22)}to{opacity:0;transform:translateY(calc(var(--ud-size) * .1)) scaleX(1.12)}}.ud-cloud{width:calc(var(--ud-size) * .7);height:calc(var(--ud-size) * .7);mix-blend-mode:screen;opacity:0;animation:ud-cloud var(--ud-ms) linear both;translate:-50% -50%}@keyframes ud-cloud{0%{opacity:0;transform:translate(calc(var(--ud-dx) * var(--ud-size) * .45), calc(var(--ud-dy) * var(--ud-size) * .45)) rotate(calc(var(--ud-r) * -1)) scale(.85)}15%{opacity:calc(var(--ud-k) * .07)}45%{opacity:calc(var(--ud-k) * .46)}75%{opacity:calc(var(--ud-k) * .18)}to{opacity:0;transform:translate(calc(var(--ud-dx) * var(--ud-size) * .8), calc(var(--ud-dy) * var(--ud-size) * .8)) rotate(var(--ud-r)) scale(1.2)}}.ud-glints{width:var(--ud-size);height:var(--ud-size);mix-blend-mode:screen;opacity:0;animation:ud-glints var(--ud-ms) linear both;translate:-50% -50%}@keyframes ud-glints{0%,30%{opacity:0}60%{opacity:.3}to{opacity:0}}.ud-glow{width:var(--ud-size);height:var(--ud-size);background:radial-gradient(closest-side, color-mix(in srgb, var(--her-orchid) 40%, transparent) 0%, color-mix(in srgb, var(--her-violet) 26%, transparent) 50%, transparent 100%);mix-blend-mode:screen;opacity:0;animation:ud-glow var(--ud-ms) linear both;border-radius:50%;translate:-50% -50%}@keyframes ud-glow{0%{opacity:0}15%{opacity:calc(var(--ud-k) * .06)}45%{opacity:calc(var(--ud-k) * .4)}75%{opacity:calc(var(--ud-k) * .16)}to{opacity:0}}