body.desktop:has(#appbar) {
	menu, main, footer { width:calc(100% - 50px); margin-left: 50px; }
	main menu { margin-left: 0; width:100%; }
}

body.designmode {
	&.mobile.wide 		 :is(menu,main,footer) { width:600px; margin-inline: auto; }
	&.mobile:not(.wide)  :is(menu,main,footer) { width:375px !important; margin-inline: auto; }
	&.tablet 			 :is(menu,main,footer) { width:768px; margin-inline: auto; }
	&.desktop.wide 		 :is(menu,main,footer) { width:100%; }
	&.desktop:not(.wide) :is(menu,main,footer) { width:1280px; margin-inline: auto; }
}

#dev {
	background-color:var(--black);
	color: var(--white);
	font-family: var(--roboto);
	width: 100%;
	max-width: 100%;
	padding: 20px;
	border-top: 4px solid var(--blue);
	margin: 0;
	padding-left: 75px;
}

#ip_btn.ip-changed { color: #ff5252; }