/*\

reset

\*/

body {
	margin:0;
}
textarea {
	display:block;
	width:100%;
	font:inherit;
	border:none;
	margin:0;
}
input[type='text'] {
	font:inherit;
	border:none;
	max-width:100%;
}
[contenteditable]:focus {
	outline:none;
}

/*\

toolbox

\*/

@media screen {
	
	/*\

	layout

	\*/

	html {
		width:100%;
		height:100%;
	}
	body {
		display:flex;
		width:inherit;
		height:inherit;
	}
	main {
		flex:1 1 auto;
		overflow:auto;
	}
	aside {
		flex:0 0 auto;
		position:relative;
		width:400px;
		overflow:auto;
	}

	/*\

	tab

	\*/

	aside {
		display:flex;
		justify-content:space-between;
		align-items:start;
	}
	aside input[type='radio'][name='toolbox_tab'] + label {
		flex:1 1 auto;
		line-height:40px;
		text-align:center;
		cursor:pointer;
	}
	aside input[type='radio'][name='toolbox_tab']:checked + label {
		background:rgb(225,225,225);
	}
	aside input[type='radio'][name='toolbox_tab']:checked + label + div[id] {
		position:absolute;
		top:40px;
		right:0;
		bottom:0;
		left:0;
	}
	aside input[type='radio'][name='toolbox_tab']:not(:checked) + label + div[id] {
		display:none;
	}

	/*\

	style

	\*/
	
	main {
		background:rgb(60,60,60);
	}
	aside {
		color:rgb(50,50,50);
		background:rgb(250,250,250);
		font-family:sans-serif;
	}
	aside h1,
	aside h2,
	aside h3,
	aside h4,
	aside h5,
	aside h6 {
		margin:0;
		padding:0.5em;
		background:rgb(225,225,225);
	}
	aside a,
	aside a:hover,
	aside a:focus {
		text-decoration:none;
	}
	aside input,
	aside select,
	aside button,
	aside .button {
		margin:0.5rem 0;
	}
	aside a[download],
	aside button,
	aside .button {
		display:inline-block;
		font:inherit;
		line-height:1.5em;
		box-sizing:border-box;
		padding:0 1em;
		border-style:solid;
		border-width:1px;
		border-color:rgb(127,127,127);
		border-radius:0.25em;
		color:inherit;
		background:transparent;
		cursor:pointer;
		-moz-user-select:none;
		-webkit-user-select:none;
	}
	aside a[download]:active,
	aside button:active,
	aside .button:active {
		background:rgb(225,225,225);
	}
	aside button:disabled,
	aside .button:disabled {
		background:rgb(225,225,225);
	}
	aside input[type='text'] {
		line-height:1.5em;
		box-sizing:border-box;
	}
	aside input[type='radio'] {
		display:none;
	}
	aside input[type='radio']:checked + .button {
		background:rgb(225,225,225);
	}
	aside input[type='range'] {
		vertical-align:middle;
	}
	aside input[type='file'] {
		position:absolute;
		width:0;
		opacity:0;
		z-index:-1;
	}
	aside div[title] {
		display:table-row;
	}
	aside div[title]::before {
		content:attr(title);
		display:table-cell;
		padding:0 0.5em;
	}
	aside div[title] input {
		display:table-cell;
	}
}
@media print {
	aside {
		display:none;
	}
}

/*\



\*/

[data-user] {
	/* box-shadow:0px 0px 2px 4px rgb(200,200,250); */
	box-shadow:0px 0px 2px 4px #BADA55;
}