.shimmer{--_spread:calc(3ch + 40px);--_highlight:oklch(from currentColor l c h / calc(alpha * .2));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:transparent;animation:2s linear infinite animation-shimmer}@keyframes animation-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.shimmer{background-image:linear-gradient(110deg, currentColor calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), currentColor calc(50% + var(--_spread)))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:linear-gradient(110deg, currentColor calc(50% - var(--_spread)), color-mix(in lab, var(--_highlight), currentColor 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in lab, var(--_highlight), currentColor 50%) calc(50% + var(--_spread) * .5), currentColor calc(50% + var(--_spread)))}}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
@property --current-count{syntax:"<integer>";inherits:false;initial-value:0}.animate-counter{counter-reset:num-count var(--current-count);font-variant-numeric:tabular-nums;animation:animate-counter calc(log(var(--count)) * .2s) linear both;animation-trigger:--counter-trigger play-forwards reset;timeline-trigger:--counter-trigger view() cover 0%}.animate-counter:after{content:counter(num-count) " ★"}@keyframes animate-counter{0%{--current-count:0;opacity:0}to{--current-count:var(--count);opacity:1}}