@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Condensed Bold'), local('Roboto-Condensed-Bold'), url('../../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');
}
.badge {
	--badge__bg-color: var(--color__primary-cyan);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: .875rem;
	padding: 0 .25rem;
	display: inline-block;
	min-width: 1.5rem;
	line-height: 1.5rem;
	height: 1.5rem;
	text-align: center;
	background: var(--badge__bg-color);
	color: #fff;
	border-radius: .125rem;
	vertical-align: middle;
}
.badge--flag {
		box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .25);
		border-radius: 1px;
		line-height: 2rem;
		padding: 0;
		width: 1.5rem;
		height: 1.75rem;
		position: relative;
	}
.badge--flag::before, .badge--flag::after {
			content: '';
			position: absolute;
			bottom: -.25rem;
			width: 0;
			height: 0;
			border-top: .25rem solid var(--badge__bg-color);
		}
.badge--flag::before {
			right: 0;
			border-left: .75rem solid transparent;
		}
.badge--flag::after {
			left: 0;
			border-right: .75rem solid transparent;
		}
.badge--info {
		--badge__bg-color: var(--color__primary-cyan);
	}
.badge--success {
		--badge__bg-color: var(--color__primary-green);
	}
.badge--sale {
		--badge__bg-color: var(--color__red);
	}
.badge--sm {
		font-size: .625rem;
	}
/*# sourceMappingURL=badge.css.map */