.yc-label {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition-property: opacity, color, background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.yc-label__text {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.yc-label__icon {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yc-label__icon_left {
  left: 2px;
}
.yc-label__icon_right {
  right: 0;
}
.yc-label__icon_cross {
  cursor: pointer;
  transition: color, background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.yc-label_size_s {
  height: 20px;
}
.yc-label_size_s .yc-label__text {
  line-height: 20px;
  margin: 0 8px;
}
.yc-label_size_s .yc-label__icon {
  width: 20px;
  height: 20px;
}
.yc-label_size_s.yc-label_has-right-icon .yc-label__text {
  margin-right: 22px;
}
.yc-label_size_s.yc-label_has-left-icon .yc-label__text {
  margin-left: 24px;
}
.yc-label_size_s.yc-label_style_default, .yc-label_size_s.yc-label_style_rounded {
  border-radius: 4px;
}
.yc-label_size_s.yc-label_style_default .yc-label__icon_cross, .yc-label_size_s.yc-label_style_rounded .yc-label__icon_cross {
  --yc-button-height: 20px;
  --yc-button-border-radius: 4px;
}
.yc-label_size_m {
  height: 28px;
}
.yc-label_size_m .yc-label__text {
  line-height: 28px;
  margin: 0 12px;
}
.yc-label_size_m .yc-label__icon {
  width: 28px;
  height: 28px;
}
.yc-label_size_m.yc-label_has-right-icon .yc-label__text {
  margin-right: 32px;
}
.yc-label_size_m.yc-label_has-left-icon .yc-label__text {
  margin-left: 32px;
}
.yc-label_size_m.yc-label_style_default {
  border-radius: 4px;
}
.yc-label_size_m.yc-label_style_default .yc-label__icon_cross {
  --yc-button-height: 28px;
  --yc-button-border-radius: 4px;
}
.yc-label_size_m.yc-label_style_rounded {
  border-radius: 24px;
}
.yc-label_size_m.yc-label_style_rounded .yc-label__icon_cross {
  --yc-button-height: 28px;
  --yc-button-border-radius: 24px;
}
.yc-label_disabled {
  opacity: 0.7;
  pointer-events: none;
}
.yc-label_is-interactive {
  cursor: pointer;
}
.yc-label_type_copy {
  cursor: pointer;
}
.yc-label_theme_normal {
  color: var(--yc-color-text-misc);
  background-color: var(--yc-color-base-misc);
}
.yc-label_theme_normal:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-misc-hover);
}
.yc-label_theme_normal:not(.yc-label_disabled).yc-label_type_copy:hover {
  color: var(--yc-color-text-inverted-primary);
  background-color: var(--yc-color-base-misc-heavy-hover);
}
.yc-label_theme_normal:not(.yc-label_disabled) .yc-label__icon_cross {
  --yc-button-background-color: transparent;
  --yc-button-background-color-hover: var(--yc-color-base-misc-heavy-hover);
  color: inherit;
}
.yc-label_theme_normal:not(.yc-label_disabled) .yc-label__icon_cross:hover {
  color: var(--yc-color-text-inverted-primary);
}
.yc-label_theme_success {
  color: var(--yc-color-text-positive);
  background-color: var(--yc-color-base-positive);
}
.yc-label_theme_success:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-positive-hover);
}
.yc-label_theme_info {
  color: var(--yc-color-text-info);
  background-color: var(--yc-color-base-info);
}
.yc-label_theme_info:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-info-hover);
}
.yc-label_theme_warning {
  color: var(--yc-color-text-warning-heavy);
  background-color: var(--yc-color-base-warning);
}
.yc-label_theme_warning:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-warning-hover);
}
.yc-label_theme_danger {
  color: var(--yc-color-text-danger);
  background-color: var(--yc-color-base-danger);
}
.yc-label_theme_danger:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-danger-hover);
}
.yc-label_theme_unknown {
  color: var(--yc-color-text-complementary);
  background-color: var(--yc-color-base-neutral);
}
.yc-label_theme_unknown:not(.yc-label_disabled).yc-label_is-interactive:hover {
  background-color: var(--yc-color-base-neutral-hover);
}