#yield {
	position: relative;
	margin-top: 24px;
}
.win-image-mirror {
	transform: scaleX(-1);
}
.big {
	font-size: calc(var(--font-size) * 1.4);
}
#yield * {
	z-index: 2;
}
#yield .win-image {
	position: absolute;
	width: 50px;
	opacity: 0.6;
	z-index: 1;
}
#yield .win-image-left {
	top: 12px;
	left: 12px;
}
#yield .win-image-right {
	bottom: 0px;
	right: 12px;
}

#ticket-number-input-wrapper {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
#ticket-number-input-wrapper span {
	display: inline-block;
	padding: 8px 16px 8px 4px;
	text-align: right;
}
#ticket-number-input-wrapper input {
	padding: 4px;
	border-left: 1px solid #bdbdbd;
	text-align: center;
}
#ticket-number-input-wrapper input:focus {
	outline: none;
}