@charset "UTF-8";
/**
 * YH-UI Sass Variables
 * 原具体的 CSS 变量输出规则 (:root, html.dark 等) 已移至 root.scss，以防止各组件样式编译时产生重复的全局变量 CSS 冗余。
 */
.yh-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: fit-content;
}
.yh-badge--standalone {
  display: inline-block;
}

.yh-badge--fixed {
  position: relative;
}

.yh-badge__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 6px;
  font-size: var(--yh-font-size-xs);
  line-height: 18px;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  font-weight: var(--yh-font-weight-normal);
  transition: var(--yh-transition-base);
  box-sizing: border-box;
  background-color: var(--yh-badge-bg-color);
  color: var(--yh-badge-text-color);
}
.yh-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  transform-origin: 100% 0;
}

.yh-badge__content.is-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
}

.yh-badge__content:not(.is-no-border) {
  border: 1px solid var(--yh-badge-border-color);
}
.yh-badge__content--primary {
  background-color: var(--yh-color-primary);
}

.yh-badge__content--success {
  background-color: var(--yh-color-success);
}

.yh-badge__content--warning {
  background-color: var(--yh-color-warning);
}

.yh-badge__content--danger {
  background-color: var(--yh-color-danger);
}

.yh-badge__content--info {
  background-color: var(--yh-color-info);
}

.yh-zoom-in-center-enter-active,
.yh-zoom-in-center-leave-active {
  transition: all var(--yh-duration-base) var(--yh-timing-ease-in-out);
}

.yh-zoom-in-center-enter-from,
.yh-zoom-in-center-leave-to {
  opacity: 0;
  transform: scale(0);
}