.role-badges{
	position: absolute;
	border: 3px solid green;

	top: 10;
	right: 6px;

}

.unreleased-badge{
	border:  1px solid #FF7216;
	background-color: #FF721633;
	border-radius: 6px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.6);
	font-size: 12px;
}

.pro-feature-badge{
	border:  1px solid #FF1289;
	background-color: #FF128933;
	border-radius: 6px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.6);
	font-size: 12px;

}


.option-notes{
	font-size: 12px;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.6);
}

.options-content form label{
	width: 166px;
}



.feature-summary{
	font-size: smaller;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.6);
}

.feature-key{
	font-size: xx-small;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.1);
}





.augment-option-container{
	position: relative;

}

.options-content{
	max-width: 420px;
	border:  1px solid #FFFFFF33;
	border-radius: 6px;
	margin: 5px;
	position: relative;
	padding: 8px;
}

.options-title{
	font-size: larger;
	color: hsla(var(--text-hue), var(--text-saturation-percent), var(--text-brightness-percent), 0.9);
}