.badge{display:inline-block;position:relative;vertical-align:middle;--badge-size:18px}.badge__content{background-color:#ff596b;border:1px solid #fff;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;height:18px;padding:0 6px;white-space:nowrap}.badge__content.is-fixed{position:absolute;right:calc(1px + var(--badge-size)/8);top:0;transform:translateY(-50%) translate(100%)}.badge__content.is-fixed.is-dot{right:5px}.badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.badge__content--danger{background-color:#ff596b}.badge__content--success{background-color:#00d96d}.badge__content--info{background-color:#86909c}.badge__content--warning{background-color:#ffaa5e}.badge__content--primary{background-color:#4c94fd}.badge__content--orange{background-color:#f60}