.block.displayProcesses
{
	margin-top: calc(var(--defaultInterval)*1);
}
.block.displayProcesses A .introduction
{
	font-weight: 400;
	color:var(--colD);
	line-height: 1.1;
}
.block.displayProcesses .icon
{
	/*width:clamp(var(--defaultInterval)*5,25%,200px);*/
	transition:var(--defaultTransition);
	overflow: visible;
}
.block.displayProcesses .icon *
{
	overflow: visible;
}
.block.displayProcesses A .icon .foreground
{
	transform-origin: left;
	transition-duration: 0.5s;
}
.block.displayProcesses A.unobserved .icon .foreground
{
	transform: scale(2);
	opacity: 0;
}
#SD.loading .icon *
{
	transition: none;
}
A .process
{
	transition-delay: 5000ms !important;
}
.block.displayProcesses .process .icon .foreground *
{
	transition:var(--defaultTransition);
}
.block.displayProcesses .processes .process:hover .icon .foreground .orange
{
	fill:white;
}
.block.displayProcesses .processes
{
	display: flex;
	flex-direction: column;
}
.block.displayProcesses .processes .process
{
	display: grid;
	grid-template-columns: minmax(100px, 1fr) 8fr;
	grid-gap: calc(var(--defaultInterval)*1);
	margin-bottom: calc(var(--defaultInterval)*1);
}
.block.displayProcesses .processes .process .textContent
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.processes .process .textContent H4.title
{
	margin-bottom: 0px;
	transition:var(--defaultTransition);
}
.processes .process:hover .textContent H4.title
{
	color:var(--colC);
}