.ºlabel{
	display: flex;
	align-items: center;
	height: var(--control-height);
	cursor: default;
}
	.ºlabel .text-size{
		color: var(--color-text);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ºlabel a{
		color: var(--color-3);
		font-weight: 400;
		transition: 
			color .3s;
	}
		.ºlabel a:hover{
			color: var(--color-5);
		}

	
.ºlabel.field{
	height: var(--size-4);
	align-items: end;
}
	.ºlabel.field .text-size{
		line-height: var(--size-2);
	}
	
.ºlabel.link .text-size{
	color: var(--color-4);
	text-decoration: underline;
	cursor: pointer;
}
.ºlabel .icon{
	padding-right: var(--size-1);
	font-size: calc(var(--font-size) * 1.2);
}

.ºlabel.message{
	height: auto;
	padding: var(--size-4);
	margin-bottom: var(--size-2);
	background: #2BBAEE;
	border-radius: var(--control-border-radius-2);
}
	.ºlabel.message .text-size,
	.ºlabel.message .text-size > *{
		color: var(--color-12) !important;
		white-space: normal; 
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	}
		.ºlabel.message .text-size a{
			color: var(--color-12);
			text-decoration: none;
			font-weight: 900;
		}
		.ºlabel.message .text-size a::before{
			content: '\f0c1';
			font-family: 'Font Awesome 6 Pro';
			text-decoration: none;
			padding-right: 3px;
		}
	.ºlabel.message .icon{
		color: var(--color-12);
		font-size: 1.8em;
	}
	
	.ºlabel.message.success{
		background: #77bf40;
	}
	.ºlabel.message.error{	
		background: #D64;
	}
	.ºlabel.message.info{
		background: #2BBAEE;
	}
	.ºlabel.message.warning{
		background: #FD6;
	}
		.ºlabel.message.warning .text-size,
		.ºlabel.message.warning .text-size > *{
			color: #960 !important;
		}

	.ºlabel.message.information{
		background: #fff9e6;
		border: 1px solid #ffeeb3;
	}
		.ºlabel.message.information .text-size,
		.ºlabel.message.information .text-size > *{
			color: #b38900 !important;
			text-shadow: none;
		}

.ºlabel.header{
	padding-bottom: var(--size-2);
}
	.ºlabel.header *{
		font-size: 20px;
		line-height: 22px;
		font-weight: 500;
	}
	.ºlabel h4:first-child{
		margin: 0;
	}

.ºlabel.big{
	padding-bottom: var(--size-2);
}
.ºlabel.big *{
		font-size: 28px;
		line-height: 30px;
		font-weight: 400;
	}
	
.ºlabel.auto{
	height: auto;
}		

.ºlabel.legend{
	display: flex;
}
	.ºlabel.legend .box{
		position: relative;
		margin-right: var(--size-1);
		width: var(--size-3);
		height: var(--size-3);
		border-radius: var(--control-border-radius);
		overflow: hidden;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
	}
	.ºlabel.legend.orange .box{
		background-color: var(--color-orange);
	}
	.ºlabel.legend.blue .box{
		background-color: var(--color-blue);
	}