body {
	display: flex;
	flex-direction: column;
	gap:10px;

	--scale-factor: 1;
}
#New3DSXL {
	width:  calc(160mm * var(--scale-factor));
	height: calc(93.5mm * var(--scale-factor));
	background-color: #555;
	border-radius: calc(5mm * var(--scale-factor));
	border-bottom-left-radius:  calc(17mm * var(--scale-factor));
	border-bottom-right-radius: calc(17mm * var(--scale-factor));
}
#switch {
	--console-height: calc(102mm * var(--scale-factor));
	height: var(--console-height);
	display: flex;

	[class^=JoyCon] {
		background-color: #333;
		height: var(--console-height);
		width:  calc(33mm * var(--scale-factor));
		border-radius: calc(20mm * var(--scale-factor));
	}
	.JoyConL {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.JoyConR {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.console {
		background-color: #222;
		width: calc(173mm * var(--scale-factor));
		height:  var(--console-height);
		display: flex;
		align-items: center;
		justify-content: center;

		.screen {
			background-color: #000;
			width:  calc(137mm * var(--scale-factor));
			height: calc(77mm  * var(--scale-factor));
		}
	}
}

#switch2 {

	--console-height: calc(116.4mm * var(--scale-factor));
	height: var(--console-height);
	display: flex;

	[class^=JoyCon] {
		background-color: #333;
		height: var(--console-height);
		width: calc(35mm * var(--scale-factor));
		border-radius: calc(20mm * var(--scale-factor));
	}
	.JoyConL {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.JoyConR {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.console {
		background-color: #222;
		width: calc(200mm * var(--scale-factor));
		height: var(--console-height);
		display: flex;
		align-items: center;
		justify-content: center;

		.screen {
			background-color: #000;
			width:  calc(177mm * var(--scale-factor));
			height: calc(100mm * var(--scale-factor));
		}
	}
}