html,
body {
	height: 100%;
}
body {
	background: var(--gray-100);
	/*font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	/*font-family: 'Quicksand', Helvetica, Arial, sans-serif;*/
	font-family: 'Work sans', Helvetica, Arial, sans-serif;
	color: var(--gray-900);
	font-weight: 300;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/*@media screen and (prefers-color-scheme: dark) {*/
/*	body {*/
/*		background: var(--gray-100);*/
/*		color: var(--gray-900);*/
/*	}*/
/*}*/
body * {
	box-sizing: border-box;
}

body .dragging {
	cursor: grabbing;
	cursor: -webkit-grabbing !important;
	cursor: -moz-grabbing;
	cursor: grabbing;
}
body .dragover {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
body .dragover:hover {
	cursor: move !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
body .dragging paper-item {
	font-weight: bold;
	cursor: move !important;
	cursor: -webkit-grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: grabbing !important;
}

#importDialog {
	min-width: 800px;
}

#drag-selection {
	position: fixed;
	display: flex;
	flex-direction: row;
	top: 100%;
}

.media img {
	max-width: 100px;
	max-height: 100px;
}

.scrollable {
	box-sizing: border-box;
	height: 100%;
	padding: 10px 0;
	overflow: auto;
}
.loading-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
}