.desktop-wrapper,
.mobile-wrapper,
.tablet-wrapper {
	display: none;
}

body.desktop-mode .desktop-wrapper {
	display: block !important;
}

body.desktop-mode .mobile-wrapper,
body.desktop-mode .tablet-wrapper {
	display: none !important;
}

body.mobile-mode .desktop-wrapper,
body.mobile-mode .tablet-wrapper {
	display: none !important;
}

body.mobile-mode .mobile-wrapper {
	display: block !important;
}

body.tablet-mode .desktop-wrapper,
body.tablet-mode .mobile-wrapper {
	display: none !important;
}

body.tablet-mode .tablet-wrapper {
	display: block !important;
}

body.desktop-mode {
	margin: 0;
	padding: 0;
	height: 100vh;
	overflow: hidden;
	background: linear-gradient(135deg, #008080 0%, #006666 100%);
	font-family: "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
	user-select: none;
}

body.mobile-mode {
	margin: 0;
	padding: 0;
	height: 100vh;
	overflow: hidden;
	background: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	user-select: none;
}

body.tablet-mode {
	margin: 0;
	padding: 0;
	height: 100vh;
	overflow: hidden;
	background: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	user-select: none;
}