@keyframes pc-in{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes pc-skel{0%{opacity:0}7%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes pc-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes pc-fade{0%{opacity:0}to{opacity:1}}@keyframes pc-pop{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes pc-bar{0%{width:0}}@keyframes pc-glow{0%{opacity:0;scale:.4}35%{opacity:1;scale:1}to{opacity:0;scale:2.2}}.pc-skel{opacity:0;pointer-events:none;background:linear-gradient(90deg,#2e3a6f14 0,#2e3a6f2e 50%,#2e3a6f14 100%) 0 0/600px 100%;border-radius:8px;position:absolute;inset:0}.pc-skel-pill{border-radius:999px}.pc-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#e8c468f2 0,#e8c46873 45%,#e8c46800 70%);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%}.pc[data-phase=armed]{opacity:0;translate:0 24px}.pc[data-phase=armed] :is(.pc-text,.pc-chip,.pc-word){opacity:0}.pc[data-phase=armed] .pc-fill{width:0!important}.pc[data-phase=play]{animation:.6s cubic-bezier(.2,.7,.2,1) both pc-in}.pc[data-phase=play] .pc-skel{animation:.75s linear .2s both pc-skel,.75s linear .2s pc-shimmer}.pc[data-phase=play] .pc-text{animation:.35s ease-out both pc-fade;animation-delay:var(--d)}.pc[data-phase=play] .pc-chip{animation:.4s cubic-bezier(.34,1.4,.5,1) both pc-pop;animation-delay:var(--d)}.pc[data-phase=play] .pc-word{animation:.3s ease-out both pc-fade;animation-delay:var(--d)}.pc[data-phase=play] .pc-fill{animation:1.2s cubic-bezier(.33,1,.68,1) 1.2s both pc-bar}.pc[data-phase=play] .pc-glow{animation:.6s ease-out 2.4s both pc-glow}