.xybox-title-badge {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 12px;
	height: 18px;
	line-height: 1.5;
	padding: 4px;
	margin-right: 3px;
}

.xybox-title-badge:after {
	position: absolute;
	content: " ";
	display: block;
	left: -100%;
	top: -5px;
	width: 15px;
	height: 145%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	animation: sweepTitle 3s ease-in-out infinite;
	transform: rotate(28deg);
}
@keyframes sweepTitle {
  0% {
  left:-100%;
}
100% {
  left:100%;
}
}