.counter{align-items:center;border-radius:1rem;display:inline-flex;font-size:12px;height:20px;justify-content:center;line-height:16px;max-width:30px;min-width:20px;padding:2px 6px;pointer-events:none}.counter.small{font-size:11px;height:16px;line-height:14px;min-width:16px;padding:1px 4.5px}.counter.critical{background-color:rgb(237 44 10/var(--tw-bg-opacity))}.counter.critical,.counter.warning{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.counter.warning{background-color:rgb(255 158 0/var(--tw-bg-opacity))}.counter.success{background-color:rgb(13 194 104/var(--tw-bg-opacity))}.counter.accent,.counter.success{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.counter.accent{background-color:rgb(255 81 50/var(--tw-bg-opacity))}.counter.neutral{background-color:rgb(43 45 51/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.counter.inactive,.counter.neutral{--tw-bg-opacity:1;--tw-text-opacity:1}.counter.inactive{background-color:rgb(213 213 214/var(--tw-bg-opacity));color:rgb(43 45 51/var(--tw-text-opacity))}.counter__value.overflowed{margin-top:-50%}