.zui-tag {
  font-size: $font-sm;
  text-align: center;
  display: inline-block;
  -webkit-user-select: none;
	.default {
		background: rgba(0,0,0,0);
		color: $color-error;
		border-color: $color-error;
	}
	.shape-dot {
		border-radius: 50%;
		height: 32upx;
		width: 32upx;
		&.size-tiny {
			height: 16upx;
			width: 16upx;
		}
	}
	.shape-square {
		padding: 0 $v-gap-sm;
		border-radius: 0;
	}
	.shape-fillet {
		padding: $h-gap-sm $v-gap-sm;
	}
	.shape-bubble {
		width: 50upx;
		padding: 7upx 0;
		border-radius: 50%;
		border-bottom-left-radius: 0;
		box-sizing: border-box;
		&.size-small {
		  width: 40upx;
		  padding: 5upx 0;
		}
		&.size-tiny {
		  width: 30upx;
		  padding: 2upx 0;
		}
	}
	.type-fill {
	  color: #fff;
	}
	.type-ghost {
	  border: 1px solid $color-error;
	  background: rgba(0,0,0,0);
	}
	.font-weight-normal {
	  font-weight: normal;
	}
	.font-weight-bold {
	  font-weight: bold;
	}
	.font-weight-bolder {
	  font-weight: bolder;
	}
	.size-large {
	  font-size: $font-md;
	}
	.size-small {
	  font-size: $font-sm;
	}
	.size-tiny {
	  font-size: $font-sm * 0.9;
	}
}