/* scene36:  a game's own styling on top of the shipped theme. */

@spritesheet crate {
	src: crate.png;
	crate-outer: 0px 0px 40px 40px;
	crate-inner: 10px 10px 20px 20px;
}

body {
	width: 100%;
	height: 100%;
}

.crate {
	display: block;
	decorator: ninepatch(crate-outer, crate-inner, 1.0);
	margin: 30dp;
	padding: 14dp;
}

.inner {
	display: block;
	background-color: #101828e8;
	padding: 16dp;
	color: #f0f0f0;
}

.accent {
	color: #ffd35a;
}

.row {
	display: flex;
	flex-direction: row;
}

.list {
	width: 300dp;
	height: 220dp;
	font-size: 20dp;
}

.side {
	flex: 1;
	margin-left: 24dp;
}

.bar {
	width: 100%;
	height: 22dp;
}

@keyframes fill {
	from { width: 0%; }
	to   { width: 100%; }
}

.bar fill {
	animation: 3s cubic-in-out infinite alternate fill;
}