.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-color-danger, #FF4949);top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-color-danger, #FF4949);color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:11px;font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #006DFC);color:var(--nutui-color-primary, #006DFC)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}