.c-counter{box-sizing:border-box;background:var(--color-positive-base);background-repeat:no-repeat;border-radius:12.5px;justify-content:center;align-items:center;min-width:32px;height:25px;padding:0 8px;transition:all .2s;display:inline-flex;position:relative}.c-counter>.value{color:var(--color-text-base-80);-webkit-font-smoothing:antialiased;font-family:var(--title-font-family);font-weight:var(--title-font-weight);z-index:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:19px}.c-counter.-zero{-webkit-box-shadow:unset;box-shadow:unset}.c-counter.-zero:before{opacity:.3}.c-counter.-zero>.value{color:#ffffff80}.c-counter.-white>.value{color:#fff}.c-counter.-dark-zero-state{background:var(--color-disabled-base)}.c-counter.-small{min-width:25px;height:20px}.c-counter.-small>.value{font-size:10px;line-height:10px}.c-counter.-muted{background:var(--color-text-base-10)}.c-counter.-muted>.value{color:var(--color-text-base-30)}.c-counter.-minimum{background:var(--color-negative-base)}.c-counter.-minimum>.value{color:#fff}.c-counter.-minimum:not(.-zero):before{background:var(--color-negative-base);filter:blur(7px)brightness()}.c-counter.-empty{background:var(--color-disabled-base)}.c-counter.-empty>.value{color:var(--color-text-base-50)}.c-counter:after{content:"";z-index:1;opacity:0;background:#d0d2da;border-radius:12.5px;width:100%;height:100%;transition:all .15s;position:absolute;top:0;left:0;transform:scale(1.04)}.c-counter:not(.-zero):before{content:"";z-index:-10;opacity:.5;filter:blur(7px)brightness();border-radius:50px;width:68.75%;height:60%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.c-counter.-light-zero-state:after{background:#e7e9ed}.c-counter.-red,.c-counter.-negative,.c-counter.-red:not(.-zero):before,.c-counter.-negative:not(.-zero):before{background:var(--color-negative-base)}.c-counter.-green,.c-counter.-positive,.c-counter.-green:not(.-zero):before,.c-counter.-positive:not(.-zero):before{background:var(--color-positive-base)}.c-counter.-yellow,.c-counter.-alert,.c-counter.-yellow:not(.-zero):before,.c-counter.-alert:not(.-zero):before{background:var(--color-alert-base)}.c-counter.-blue,.c-counter.-support,.c-counter.-blue:not(.-zero):before,.c-counter.-support:not(.-zero):before{background:var(--color-info-base)}.c-counter.-gray,.c-counter.-gray:not(.-zero):before{background:var(--color-text-base-30)}.c-counter.-purple,.c-counter.-primary,.c-counter.-purple:not(.-zero):before,.c-counter.-primary:not(.-zero):before{background:var(--color-default-base)}.c-counter.-complementary,.c-counter.-complementary:not(.-zero):before{background:var(--color-alert-dark)}.c-counter.-disabled,.c-counter.-disabled:not(.-zero):before{background:var(--color-text-base-10)}.c-counter.-positive-2,.c-counter.-positive-2:not(.-zero):before{background:var(--color-positive-2-base)}.c-counter .count-up-enter,.c-counter .count-up-enter-to,.c-counter .count-down-leave-active{opacity:0;transform:translateY(8px)}.c-counter .count-down-enter,.c-counter .count-down-enter-to,.c-counter .count-up-leave-active{opacity:0;transform:translateY(-8px)}.c-counter .count-up-enter-active,.c-counter .count-up-leave-active,.c-counter .count-down-enter-active,.c-counter .count-down-leave-active{transition:all .15s}