@keyframes cf-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes cf-out{0%{opacity:1}to{opacity:0}}.cf-in{animation:.45s ease-out both cf-in}.cf-out{animation:.45s ease-in both cf-out}@media (prefers-reduced-motion:reduce){.cf-in,.cf-out{animation:none}}.cl-halo{isolation:isolate;position:relative}.cl-glow,.cl-ring,.cl-waves,.cl-wave{pointer-events:none;z-index:-1;border-radius:9999px;position:absolute;inset:0}.cl-glow{background:radial-gradient(closest-side, hsl(var(--tone) / .55), hsl(var(--tone) / .2) 70%, hsl(var(--tone) / 0));opacity:calc(.12 + var(--lvl,0) * .88);transform:scale(calc(.92 + var(--lvl,0) * .55))}.cl-ring{box-shadow:0 0 0 calc(2px + var(--lvl,0) * 26px) hsl(var(--tone) / calc(.14 + var(--lvl,0) * .4))}.cl-waves{opacity:calc(var(--lvl,0) * 1.5 - .15)}.cl-wave{border:4px solid hsl(var(--tone) / .85);animation:1.4s ease-out infinite cl-wave}.cl-wave+.cl-wave{animation-delay:.7s}@keyframes cl-wave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.cl-small .cl-glow{transform:scale(calc(1.15 + var(--lvl,0) * .65))}.cl-small .cl-ring{box-shadow:0 0 0 calc(1px + var(--lvl,0) * 8px) hsl(var(--tone) / calc(.2 + var(--lvl,0) * .45))}.cl-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.cl-small .cl-bars{height:10px}.cl-bar{transform-origin:50% 100%;width:3px;height:100%;transform:scaleY(calc(.18 + var(--lvl,0) * var(--k,1) * .82));background:currentColor;border-radius:9999px}@media (prefers-reduced-motion:reduce){.cl-waves{display:none}.cl-glow,.cl-small .cl-glow{transform:none}}