.ºcontrol{
	transition: opacity .3s ease-in;
	opacity: 1;
}
	.ºcontrol.lite{
		--control-height: var(--size-4);
	}

.ºcontrol.error{
	overflow: visible;
}
	.ºcontrol.error > .show-error{
		position: absolute;
		box-sizing: border-box;
		top: 100%;
		left: -1px;
		right: -1px;
		padding: var(--size-1) var(--size-2);
		background: var(--control-error-background);
		border-radius: 0 0 var(--control-border-radius) var(--control-border-radius);
		animation: slideTop .3s linear;
	}
		.ºcontrol.error > .show-error *{
			color: var(--control-error-color);
		}
			.ºcontrol.error > .show-error > *::before{
				content: '\f071';
				padding-right: var(--size-1);
				font-family: "Font Awesome 6 Pro";
				line-height: 1px;
				font-weight: 900;
			}

.ºcontrol.hidden{
	display: none !important;
	pointer-events: none;
}

.ºcontrol.disabled,
.disabled .ºcontrol{
	pointer-events: none;
}
	.ºcontrol.disabled .text-size,
	.disabled .ºcontrol .text-size{
		color: var(--control-disable-color) !important;
	}
	.ºgrid .ºcontrol.disabled .text-size,
	.ºgrid .disabled .ºcontrol .text-size{
		font-style: italic;
	}

.no-editable input{
	border: 0;
	pointer-events: none;
	user-select: none;
}

.document-container{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.ºcontrol input::placeholder{
	opacity: .9;
	font-style: italic;
}