#koboldworks-ready-up-overlay {
	position: absolute;
	display: flex;
	width: 100%;
	top: calc(40% - 7em);
	height: 300px;
	left: 0px;
	justify-content: center;
	align-items: center;
	pointer-events: none;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#koboldworks-ready-up-next,
#koboldworks-ready-up-now {
	display: none;
}

.next #koboldworks-ready-up-next,
.now #koboldworks-ready-up-now {
	display: block;
}

#koboldworks-ready-up-overlay.next {
	background: linear-gradient(144deg, rgba(2, 0, 36, 0.3) 0%, rgba(11, 77, 91, 1) 50%, rgba(12, 96, 67, 0.3) 100%);
}

#koboldworks-ready-up-overlay.now {
	background: linear-gradient(144deg, rgba(13, 29, 16, 0.3) 0%, rgb(102, 14, 11) 50%, rgba(54, 12, 56, 0.3) 100%);
}

#koboldworks-ready-up-overlay.ghosted {
	opacity: 0.3;
}

#koboldworks-ready-up-overlay .container label {
	flex: 1;
	text-align: center;
	font-variant: small-caps;
	font-size: 7em;
	font-style: italic;
	font-weight: bold;
	text-shadow: 0 0 24px yellow, 0 0 3px white;
}
