.y-badge{--y-badge-error-bg:var(--y-color-error);--y-badge-primary-bg:var(--y-color-primary);--y-badge-success-bg:var(--y-color-success);--y-badge-warning-bg:var(--y-color-warning);--y-badge-info-bg:var(--y-color-info);--y-badge-height:20px;position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;box-sizing:border-box}.y-badge__sup{position:absolute;top:0;right:0;color:#fff;min-width:var(--y-badge-height);height:var(--y-badge-height);border-radius:10px;transform:translate(50%,-50%)}.y-badge__sup.is-multiple-words{padding:0 6px}.y-badge__sup.is-error{background-color:var(--y-badge-error-bg)}.y-badge__sup.is-primary{background-color:var(--y-badge-primary-bg)}.y-badge__sup.is-success{background-color:var(--y-badge-success-bg)}.y-badge__sup.is-warning{background-color:var(--y-badge-warning-bg)}.y-badge__sup.is-info{background-color:var(--y-badge-info-bg)}.y-badge__sup.is-dot{min-width:6px;height:6px}