Template:Constraint/styles.css

.constraint {
	display: flex;
	background: #FFF;
	border: 2px solid #cddddd;
	padding: 3px;
	column-gap: 2px;
	align-items: center;
}
.constraint.mandatory {
	background: #DFF;
}
/* @noflip */
.constraint.ltr {
	direction: ltr;
}
/* @noflip */
.constraint.rtl {
	direction: rtl;
}
.constraint > div {
	margin: 2px;
}
.constraint-icon {
	padding: 0 .5em 0 .3em;
	flex-shrink: 0;
}
.constraint code {
	white-space: pre-wrap;
	word-break: break-all;
}