.badge {
	--sk-badge-background: rgba(245, 99, 0, 0.1);
	--sk-badge-text-color: rgb(182, 68, 0);
	--sk-badge-border-radius: 6px;
	--sk-badge-horizontal-padding: 9px;
	--sk-badge-vertical-padding: 6px;
	--sk-badge-margin: 0;
	--sk-badge-display: initial;
	box-sizing: border-box;
	white-space: nowrap;
	color: var(--sk-badge-text-color);
	background-color: var(--sk-badge-background);
	border-radius: var(--sk-badge-border-radius);
	padding: var(--sk-badge-vertical-padding) var(--sk-badge-horizontal-padding);
	margin-inline-start: var(--sk-badge-margin);
	display: var(--sk-badge-display);
	font-size: 17px;
	line-height: 1.1764805882;
	font-weight: 600;
	letter-spacing: 0em;
	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Segoe UI,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif,
		SF Pro Icons;
}

.badge-neutral {
	--sk-badge-background: rgba(29, 29, 31, 0.07);
	--sk-badge-text-color: rgb(66, 66, 69);
}

.badge-reduced {
	--sk-badge-border-radius: 5px;
	--sk-badge-horizontal-padding: 6px;
	--sk-badge-vertical-padding: 4px;
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 600;
	letter-spacing: 0em;
	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Segoe UI,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif,
		SF Pro Icons;
}

.badge-no-scrim {
	--sk-badge-border-radius: 0;
	--sk-badge-horizontal-padding: 0;
	--sk-badge-vertical-padding: 0;
	--sk-badge-background: transparent;
}