.ui-badge{display:inline-block;position:relative;vertical-align:middle;width:auto}.ui-badge__content{align-items:center;background-color:var(--color-gray-700);border:1px solid var(--white);border-radius:10px;color:var(--white);display:inline-flex;font-size:.625rem;font-weight:500;height:18px;justify-content:center;padding:0 6px;position:absolute;right:10px;top:0;transform:translateY(-50%) translate(100%);white-space:nowrap;z-index:10}.ui-badge__content--dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.ui-badge__content--type-primary{background-color:var(--primary)}.ui-badge__content--type-success{background-color:#67c23a}.ui-badge__content--type-warning{background-color:#e6a23c}.ui-badge__content--type-info{background-color:var(--color-gray-700)}.ui-badge__content--type-danger{background-color:#f56c6c}