.ºwindow{
	position: relative;
	margin: 0 auto;
	padding: var(--size-2);
	width: fit-content;
	background: var(--color-12);
	border-radius: var(--control-border-radius-2);
	z-index: 101;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	animation: slideTop .3s linear;
	overflow: hidden;
}

.ºwindow.close{
	padding: 0;
	width: 90vw;
	max-width: 1200px;
}
	.ºwindow.close > .header{
		display: flex;
		padding: var(--size-2) var(--size-3);
		border-bottom: 1px solid var(--control-border-color-2);
	}
		.ºwindow.close > .header .label{
			display: flex;
			align-items: center;
			flex: 1;
			font-weight: 400;
		}
		.ºwindow.close > .header .button{
			font-size: 24px;
			cursor: pointer;
			transition: color .3s;
		}
		.ºwindow.close > .header .button:hover{
			color: var(--color-5);
		}
	.ºwindow.close > .container{
		padding: var(--size-4);
	}

.ºwindow.question{
	padding: 0;
	width: 90vw;
	max-width: 1000px;
}
	.ºwindow.question .header{ 
		display: flex;
		justify-content: center;
		padding: var(--size-2);
		background: var(--color-blue-2);
	}
		.ºwindow.question > .header > .icon{
			height: var(--size-6);
			font-size: var(--size-6);
			color: var(--color-12);
		}
	.ºwindow.question > .label{
		padding: var(--size-4) var(--size-8) var(--size-2) var(--size-4);
	}
	.ºwindow.question > .ºlayout{
		padding: var(--size-2);
	}
	
.ºwindow.messagebox{
	padding: 0;
	width: 90vw;
	max-width: 1000px;
}
	.ºwindow.messagebox .header{ 
		display: flex;
		justify-content: center;
		padding: var(--size-2);
		background: var(--color-yellow);
	}
		.ºwindow.messagebox > .header > .icon{
			height: var(--size-6);
			font-size: var(--size-6);
			color: var(--color-12);
		}
	.ºwindow.messagebox > .ºlayout > .label{
		padding: var(--size-3) var(--size-8) var(--size-3) var(--size-3);
	}
	.ºwindow.messagebox > .ºlayout{
		padding: var(--size-2);
	}
	.ºwindow.messagebox.info .header{ 
		background: var(--color-blue-2);
	}
	
	
html.full-screen{
	overflow: hidden;
}

.ºwindow > .ºtable{
	margin: var(--size-2) 0;
}
.ºwindow.warn .header{
	background: var(--color-yellow);
}

.ºwindow.alert{
	margin-bottom: var(--size-3);
	padding: var(--size-1) var(--size-2);
	background: var(--color-yellow);
	animation: slideBottom .3s linear;
}
	.ºwindow.alert .button{
		display: flex;
		justify-content: end;
		font-size: var(--size-4);
		cursor: pointer;
	}
	.ºwindow.alert .container{
		margin-top: calc(var(--size-2) * -1);
		padding: 0 var(--size-8) var(--size-3) var(--size-3);
	}
#error_container{
	position: fixed;
	bottom: var(--size-2);
	width: 100%;
}