div.window
{
	position: absolute;
	
	
	background-image: linear-gradient(transparent 0%, #fefefe32 30%, transparent 31%);
	
	backdrop-filter: 	blur(4px);
	z-index: 			0;
	
	transition: opacity 0.1s;
}

div.window > div.window_border
{
	height: calc(100% - 100px);
	width: calc(100% - 100px);
	
	border: 		50px solid;
	border-image:	url("media/images/sprites/window_border_unfocused.png") 50 fill stretch;
	border-radius:	8px;
	
	box-shadow: 0 0 6px black;
}

div.window_active
{
	background-image: 	linear-gradient(transparent 0%, #ffffffc0 30%, transparent 31%),
						linear-gradient(135deg, #ffffff80 0%, transparent 30%),
						linear-gradient(225deg, #ffffff80 0%, transparent 30%);
}

div.window_active > div.window_border
{
	border-image-source: url("media/images/sprites/window_border_focused.png");
	
	box-shadow: 0 0 14px black;
}

div.window > div.window_content
{
	position: absolute;
	
	height: calc(100% - 36px);
	width: 	calc(100% - 16px);
	
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, -6px);
	
	border:					2px solid transparent;
	border-image:			url("media/images/sprites/content_border.png") 2;
	border-image-outset: 	2px;
	
	background-color: white;
	
	overflow: scroll;
}

div.window > img.window_gloss
{
	position: absolute;
	
	height: 100%;
	width: 	100%;
	
	left: 	0;
	top: 	0;
}

div.window > img.window_icon
{
	position: absolute;
	
	height: 16px;
	width: 	16px;
	
	left: 	6px;
	top: 	6px;
	
	user-select: none;
}

div.window > div.title_bar
{
	position: absolute;
	
	height: 26px;
	width: 	100%;
	
	left: 	0;
	top: 	0;
}

div.window > div.title_text
{
	position: absolute;
	
	left: 26px;
	top: 3px;
	
	font-size: 13.5px;
	
	text-shadow:	0 0 6px white,
					-4px 0 6px white,
					4px 0 6px white;
	
	user-select: none;
}