.guns-tag {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  /* stylelint-disable-next-line no-descending-specificity */
}
.guns-tag__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.guns-tag--s {
  font-size: 12px;
  line-height: 1.66;
  padding: 1px 4px;
}
.guns-tag--m {
  font-size: 12px;
  line-height: 1.66;
  padding: 3px 8px;
}
.guns-tag--l {
  font-size: 14px;
  line-height: 1.57;
  padding: 5px 10px;
}
.guns-tag--square {
  border-radius: 4px;
}
.guns-tag--round {
  border-radius: 999px;
}
.guns-tag--mark {
  border-radius: 0 999px 999px 0;
}
.guns-tag--defualt {
  color: rgba(var(--gray), 0.88);
  background-color: rgba(var(--gray), 0.08);
}
.guns-tag--primary {
  color: rgb(var(--pcolor));
  background-color: rgba(var(--pcolor), 0.08);
}
.guns-tag--warning {
  color: rgb(var(--wcolor));
  background-color: rgba(var(--wcolor), 0.08);
}
.guns-tag--danger {
  color: rgb(var(--ecolor));
  background-color: rgba(var(--ecolor), 0.08);
}
.guns-tag--success {
  color: rgb(var(--scolor));
  background-color: rgba(var(--scolor), 0.08);
}
.guns-tag--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.guns-tag--disabled .guns-tag__close {
  cursor: not-allowed;
  opacity: 1;
}
.guns-tag__close {
  display: inline-block;
  margin-left: 8px;
  min-width: 14px;
  min-height: 14px;
  color: currentcolor;
  opacity: 0.6;
  cursor: pointer;
}
.guns-tag__close:hover {
  opacity: 1;
}
.guns-tag--check {
  color: rgba(var(--gray), 0.88);
  background-color: rgba(var(--gray), 0.08);
  cursor: pointer;
}
.guns-tag--check:hover {
  background-color: rgba(var(--gray), 0.12);
}
.guns-tag--checked {
  color: rgb(var(--pcolor));
  background-color: rgba(var(--pcolor), 0.08);
}
.guns-tag--checked:hover {
  background-color: rgba(var(--pcolor), 0.12);
}