/* font */
html {
	font-size:62.5%;
}
body {
	font-family:sans-serif;
	font-size:1.6em;
}

/* style */
body {
	background:rgb(50,50,50);
}
a,
a:hover,
a:focus {
	text-decoration:none;
	color:initial;
}
input,
select,
button,
.button {
	/* margin:0.5rem 0; */
}
a[download],
button,
.button {
	display:flex;
	font:inherit;
	align-items:center;
	justify-content:center;
	padding:0.5em;
	border-radius:0.25em;
	color:inherit;
	background:rgb(250,250,250);
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
}
button:active {
	background:rgb(230,230,230);
}
a[download] *,
button *,
.button * {
   pointer-events:none;
}
label {
	cursor:pointer;
}
input[type='text'] {
	line-height:1.5em;
	padding:0.25em 0.5em;
}
input[type='checkbox'],
input[type='radio'] {
	display:none;
}
input[type='checkbox'] + span,
input[type='radio'] + span {
	border-radius:0.25em;
	background:rgb(230,230,230);
}
input[type='checkbox']:checked + span,
input[type='radio']:checked + span {
	background:rgb(250,250,250);
}
input[type='range'] {
	vertical-align:middle;
}
input[type='color'] {
	vertical-align:middle;
	padding:0.25em 0.5em;
	background:transparent;
	border-style:solid;
	border-width:1px;
	border-color:rgb(127,127,127);
	border-radius:0.25em;
}
input[type='file'] {
	position:absolute;
	width:0;
	opacity:0;
	z-index:-1;
}

/* attribute */
[data-user] {
	/* box-shadow:0px 0px 2px 4px rgb(200,200,250); */
	box-shadow:0px 0px 2px 4px #BADA55;
}
[contenteditable] {
	cursor:pointer;
}
[contenteditable]:focus-within {
	cursor:initial;
	border-color:rgb(230,230,250);
}
[draggable] {
	cursor:grab;
}
[draggable]:active {
	cursor:grabbing;
}

/* class */
.hidden {
	display:none;
}