:root{--counter-color:var(--color-neutral-black);--counter-bar-bgc:var(--color-neutral-100);--counter-bar-color:var(--color-neutral-black);--counter-bar-height:50px;--counter-progress-bgc:var(--color-primary)}.counter{color:var(--counter-color);display:flex;flex-direction:column;gap:var(--spacing-small);margin:0 0 var(--spacing-base)}.counter__title{font-weight:700;margin:0}.counter__bar{background-color:var(--counter-bar-bgc);border-radius:var(--radius-base);height:var(--counter-bar-height);overflow:hidden;position:relative}.counter__progress{background-color:var(--counter-progress-bgc);border-radius:var(--radius-base);height:100%;transition:width 1.5s ease-out;width:0}.counter__bar-text{color:var(--counter-bar-color);left:0;line-height:var(--counter-bar-height);margin:0;overflow:hidden;padding:0 var(--spacing-base);position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.counter__signed{display:none;font-size:var(--text-font-size-small);font-weight:700;margin:0}.counter--has-signed .counter__signed{display:flex}.counter--white{--counter-color:var(--color-neutral-white);--counter-bar-bgc:var(--color-neutral-white);--counter-bar-color:var(--color-neutral-black)}.counter--primary,.counter--white{--counter-progress-bgc:var(--color-primary)}.counter--primary{--counter-color:var(--color-neutral-white);--counter-bar-color:var(--color-neutral-white)}.counter--secondary{--counter-progress-bgc:var(--color-secondary);--counter-color:var(--color-neutral-white);--counter-bar-color:var(--color-neutral-white)}.counter--accent-1{--counter-progress-bgc:var(--color-accent-1)}.counter--accent-2{--counter-progress-bgc:var(--color-accent-2);--counter-color:var(--color-neutral-white);--counter-bar-color:var(--color-neutral-white)}.counter--accent-3{--counter-progress-bgc:var(--color-accent-3)}.counter--neutral-white{--counter-progress-bgc:var(--color-neutral-white)}