:root,
:host {
  --van-badge-size: 16px;
  --van-badge-color: var(--van-white);
  --van-badge-padding: 0 3px;
  --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: 8px;
  --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%
}
.van-badge--top-left {
  top:0;
  left:0;
  transform:translate(-50%,-50%)
}
.van-badge--top-right {
  top:0;
  right:0;
  transform:translate(50%,-50%)
}
.van-badge--bottom-left {
  bottom:0;
  left:0;
  transform:translate(-50%,50%)
}
.van-badge--bottom-right {
  bottom:0;
  right:0;
  transform:translate(50%,50%)
}
.van-badge--dot {
  width:var(--van-badge-dot-size);
  min-width:0;
  height:var(--van-badge-dot-size);
  background:var(--van-badge-dot-color);
  border-radius:100%;
  border:none;
  padding:0
}
.van-badge__wrapper {
  position:relative;
  display:inline-block
}