.error,
.info {
	background-color:Transparent;
	border: solid 1px var(--main-nio-color);
	border-radius: 0 0.4em;
	border-left:solid 2em var(--main-nio-color);
	display:block;
	float:left;
	margin: 0;
	margin-top: 0.5em;
	min-height: 2em;
	height: auto;
	width: calc(100% -  2em);
}

.info {
	border-color:var(--main-cont-color);
}

.error i,
.info i {
	align-items:center;
	background-color: Transparent;
	color:var(--main-bg-color);
	display:block;
	font-size: 1.0em;
	left:-2em;
	min-height: calc(2.0em - 12px);
	height: auto; 
	margin: 0;
	outline: none;
	padding: 0;
		padding-left:0.5em;
	position:absolute;
	line-height:2em;
	text-align:justify;
	transition: all 0.3s ease;
	vertical-align: middle;
	white-space:normal;
	field-sizing:content;
	width: 1em;
}
.info i{
	padding-left:0.6em;
}

.error div,
.info div{
	border-radius:0 0.4em 0 0;
	background-color: var(--main-bgt-color);
	backdrop-filter: blur(120px) saturate(0);
	color:var(--main-txt-color);
	display:block;
	float:left;
	font-size:1.0em;
	min-height: calc(2.0em);
	height:auto;
	line-height:2.0em;
	text-align:left;
	padding:0 0.5em;
	margin:0;
	position:static;
	vertical-align:bottom;
	width:calc(100% - 1.0em);
	z-index:300;
}

.info div {
	border-color:var(--main-cont-color);
}