.ubcontainer
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.ub
{
	box-sizing: border-box;
	display: block table;
	border-collapse: collapse;
	min-height: 3rem;
	max-height: 3rem;
	min-width: 16rem;
	max-width: 16rem;
}

.ub.ubc-lightblue
{
	background-color: hsla(200, 50%, 75%, 1);
}

.ub .ub-inner
{
	box-sizing: border-box;
	min-height: 3rem;
	max-height: 3rem;
	display: table-cell;
	border: 1px solid #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.ub .ub-small
{
	min-width: 3rem;
	max-width: 3rem;
}

.ub .ub-large
{
	width: 13rem;
}

.ub .ub-text
{
	padding: 0.25rem 0.5rem;
	min-height: 3rem;
	max-height: 3rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.ub .ub-text.ub-text-center,
.ub .ub-text .ub-text-center
{
	text-align: center;
	justify-content: center;
}