.occupation
{
	background: rgba(0,0,0,0.1);
	line-height: 1.75rem;
	position: relative;
	text-align: center;
	color: #666;
	font-size: 1.15rem;
	font-weight: normal;
	margin: 0.5rem 0 0 0;
	min-width: 100px;
	max-width: 300px;
}
.occupation.margin
{
	margin: 0.5rem;
}
.occupation > span:first-child
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background: var(--accent-dark);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: all 5s;
}

.occupation > span > span
{
	font-size: 1rem;
}



.variation-item-compact.full .occupation
{
	font-size: 0.9rem;
	margin: 0;
}
.variation-item-compact.full .occupation > span > span
{
	font-size: 0.9rem;
	display: none;
}


.variation-item-compact .occupation
{
	font-size: 0.9rem;
	line-height: 1.25rem;
}
.variation-item-compact .occupation > span > span
{
	font-size: 0.9rem;
	display: none;
}


.camps-mosaic-item .occupation
{
	font-size: 0.9rem;
	width: 100%;
}
.camps-mosaic-item .occupation > span > span
{
	font-size: 0.9rem;
}