div.stage {
	position: relative;
	height: 100vh;
	background-color: #00c674;
	overflow: hidden;
	> .content {
		width: 95vw;
		height: 90vh;
		padding: 5vh 5vw;
		object-fit: scale-down;
		border-image: none;
		background-color: transparent;
		@media (width <= 1100px) {
			display: block;
		}
		> div {
			margin: 0 auto;
			max-height: 85vh;
			aspect-ratio: 3/2;
			display: grid;
			grid-template-rows: 1fr 1fr 1fr 50px;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			column-gap: 1vw;
			row-gap: 1vw;
			> figure {
				display: grid;
				grid-template-rows: 1fr;
				grid-template-columns: 1fr;
				&:nth-of-type(1) {
					grid-row: 1/2;
					grid-column: 4/6;
				}
				&:nth-of-type(2) {
					grid-row: 1/2;
					grid-column: 6/8;
				}
				&:nth-of-type(3) {
					grid-row: 1/2;
					grid-column: 8/10;
				}
				&:nth-of-type(4) {
					grid-row: 1/2;
					grid-column: 10/12;
				}
				&:nth-of-type(5) {
					grid-row: 1/2;
					grid-column: 13/15;
				}
				&:nth-of-type(6) {
					grid-row: 2/3;
					grid-column: 5/7;
				}
				&:nth-of-type(7) {
					grid-row: 2/3;
					grid-column: 9/11;
				}
				&:nth-of-type(8) {
					grid-row: 3/4;
					grid-column: 1/3;
				}
				&:nth-of-type(9) {
					grid-row: 3/4;
					grid-column: 4/6;
				}
				&:nth-of-type(10) {
					grid-row: 3/4;
					grid-column: 6/8;
				}
				&:nth-of-type(11) {
					grid-row: 3/4;
					grid-column: 8/10;
				}
				&:nth-of-type(12) {
					grid-row: 3/4;
					grid-column: 10/12;
				}
				> img {
					grid-row: 1/2;
					grid-column: 1/2;
					max-width: 100%;
					filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
				}
			}
			> a {
				&:nth-of-type(1) {
					grid-row: 4/5;
					grid-column: 1/3;
					animation-name: animateBlink;
					animation-duration: 0.5s;
					animation-timing-function: ease;
					animation-iteration-count: infinite;
					display: none;
				}
				&:nth-of-type(2) {
					grid-row: 4/5;
					grid-column: 4/5;
				}
				&:nth-of-type(3) {
					grid-row: 4/5;
					grid-column: 5/6;
				}
				&:nth-of-type(4) {
					grid-row: 4/5;
					grid-column: 6/7;
				}
				&:nth-of-type(5) {
					grid-row: 4/5;
					grid-column: 7/8;
				}
				&:nth-of-type(6) {
					grid-row: 4/5;
					grid-column: 8/9;
				}
				&:nth-of-type(7) {
					grid-row: 4/5;
					grid-column: 9/10;
				}
				&:nth-of-type(8) {
					grid-row: 4/5;
					grid-column: 10/11;
				}
				&:nth-of-type(9) {
					grid-row: 4/5;
					grid-column: 11/12;
				}
				&:nth-of-type(10) {
					grid-row: 1/2;
					grid-column: 1/3;
					justify-self: center;
					align-self: flex-start;
					padding: 5px 10px;
				}
				user-select: none;
				background-color: #55ff8f;
				font-size: max(10px,1vw);
				line-height: 1;
				color: #fff;
				font-weight: 700;
				border: solid 3px #3ae15c;
				border-radius: 5px;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				&:hover {
					opacity: 0.7;
				}
			}
			> p {
				grid-row: 2/3;
				grid-column: 7/9;
				font-size: 2.0rem;
				line-height: 1;
				color: #ff0;
				font-weight: 700;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
			}
		}
	}
	> .buttons {
		position: absolute;
		bottom: 3px;
		right: 30px;
		display: flex;
		align-items: flex-end;
		column-gap: 5px;
		border-image: none;
		background-color: transparent;
		> button {
			padding-left: 50px;
			padding-right: 50px;
		}
		> p {
			margin-left: 10px;
			font-size: 0.9rem;
			line-height: 1.2;
			color: #fff;
			opacity: 0.7;
		}
	}
}
@keyframes animateBlink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
section.config {
	> div:nth-of-type(2) {
		padding: 15px;
		display: flex;
		> div.input {
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 5px;
		}
		> div.select {
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 5px;
		}
	}
}