.qd-badge{--qd-badge-bg-color:var(--qd-color-danger);--qd-badge-radius:10px;--qd-badge-font-size:12px;--qd-badge-padding:6px;--qd-badge-size:18px;position:relative;vertical-align:middle;display:inline-block}.qd-badge__content{background-color:var(--qd-badge-bg-color);border-radius:var(--qd-badge-radius);color:var(--qd-color-white);display:inline-flex;justify-content:center;align-items:center;font-size:var(--qd-badge-font-size);height:var(--qd-badge-size);padding:0 var(--qd-badge-padding);white-space:nowrap;border:1px solid var(--qd-bg-color)}.qd-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--qd-badge-size)/ 2);transform:translateY(-50%) translateX(100%)}.qd-badge__content.is-fixed.is-dot{right:5px}.qd-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.qd-badge__content--primary{background-color:var(--qd-color-primary)}.qd-badge__content--success{background-color:var(--qd-color-success)}.qd-badge__content--warning{background-color:var(--qd-color-warning)}.qd-badge__content--info{background-color:var(--qd-color-info)}.qd-badge__content--danger{background-color:var(--qd-color-danger)}