@charset "utf-8";

:root, :host { --van-badge-size: min(4.267vw, 21.333px); --van-badge-color: var(--van-white); --van-badge-padding: 0 min(.8vw, 4px); --van-badge-font-size: var(--van-font-size-sm); --van-badge-font-weight: var(--van-font-bold); --van-badge-border-width: var(--van-border-width); --van-badge-background: var(--van-danger-color); --van-badge-dot-color: var(--van-danger-color); --van-badge-dot-size: min(2.133vw, 10.667px); --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif; }

.van-badge { display: inline-block; box-sizing: border-box; min-width: var(--van-badge-size); padding: var(--van-badge-padding); color: var(--van-badge-color); font-weight: var(--van-badge-font-weight); font-size: var(--van-badge-font-size); font-family: var(--van-badge-font); line-height: 1.2; text-align: center; background: var(--van-badge-background); border: var(--van-badge-border-width) solid var(--van-background-2); border-radius: var(--van-radius-max); }

.van-badge--fixed { position: absolute; transform-origin: 100% center; }

.van-badge--top-left { top: 0px; left: 0px; transform: translate(-50%, -50%); }

.van-badge--top-right { top: 0px; right: 0px; transform: translate(50%, -50%); }

.van-badge--bottom-left { bottom: 0px; left: 0px; transform: translate(-50%, 50%); }

.van-badge--bottom-right { bottom: 0px; right: 0px; transform: translate(50%, 50%); }

.van-badge--dot { width: var(--van-badge-dot-size); min-width: 0px; height: var(--van-badge-dot-size); background: var(--van-badge-dot-color); border-radius: 100%; border: none; padding: 0px; }

.van-badge__wrapper { position: relative; display: inline-block; }