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