@layer equip{.eq-celebrate{display:inline-block;position:relative}.eq-celebrate-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;transition-duration:var(--eq-dur-move);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.eq-celebrate-burst{pointer-events:none;width:0;height:0;position:absolute}.eq-celebrate-piece{width:var(--_s);height:calc(var(--_s) * .45);margin:calc(var(--_s) * -.225) 0 0 calc(var(--_s) * -.5);background:var(--eq-accent);opacity:0;animation:eq-celebrate-fly calc(var(--eq-dur-move) * 3) var(--eq-ease) calc(var(--eq-dur-move) * var(--_delay)) both;border-radius:1px;position:absolute;top:0;left:0}.eq-celebrate-piece[data-shape=dot]{height:var(--_s);margin-top:calc(var(--_s) * -.5);border-radius:var(--eq-radius-full)}.eq-celebrate-piece[data-tone="1"]{background:var(--eq-ink)}.eq-celebrate-piece[data-tone="2"]{background:var(--eq-focus)}.eq-celebrate-piece[data-tone="3"]{background:var(--eq-ok)}.eq-celebrate-piece[data-tone="4"]{background:var(--eq-warn)}@keyframes eq-celebrate-fly{0%{opacity:1;translate:0;rotate:0deg}35%{translate:var(--_x) var(--_y);rotate:calc(var(--_spin) * .4);animation-timing-function:ease-in}70%{opacity:1}to{translate:calc(var(--_x) * 1.3) calc(var(--_y) + var(--_fall));rotate:var(--_spin);opacity:0}}}
