.badge{display:flex;height:25px;min-width:25px;border-radius:10px;font-size:14px;line-height:22px;position:relative;z-index:1;cursor:text;transition:background-color .1s}.badge>div{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:3px}.badge>div:after,.badge>div:before{content:"";width:8px;height:100%}.badge--default{background-color:var(--color-grey10ToGrey140);color:var(--color-primaryToWhite)}.badge--default:hover{background-color:color-mix(in lch,var(--color-grey10ToGrey140),var(--color-onPrimary) 5%)}.badge--default:active{background-color:color-mix(in lch,var(--color-grey10ToGrey140),var(--color-onPrimary) 8%)}.badge--error{background-color:var(--color-red60ToRed100);color:var(--color-white)}.badge--success{background-color:var(--color-green10ToGreen140);color:var(--color-green100ToGreen60)}