.debug{
	background:#000;
	color:#fff;
	position:fixed;
	bottom:0;
	left:0;
	padding:0.5em;
	font-size:0.75em;
	z-index:99;
	width:auto;
}
.no-debug .debug{
	display:none;
}
.debug-layout{
	display:inline-block;
}
.debug-layout:after{
	content:"s";
}
.debug-log{
	display:none;
}
.home .debug-log{
	display:inline-block;
}
.is-mobile .debug-log{
	display:none;
}
.debug-touch{
	display:none;
}
.home .debug-touch{
	display:inline-block;
}
.touch .debug-touch:after{
	content:"yes";
}
.no-touch .debug-touch:after{
	content:"no";
}
@media screen and (min-width: 30em) {
	.debug-layout:after{
		content:"sm";
	}
}
@media screen and (min-width: 40em) {
	.debug-layout:after{
		content:"m";
	}
}
@media screen and (min-width: 50em) {
	.debug-layout:after{
		content:"l";
	}
}
@media screen and (min-width: 60em) {
	.debug-layout:after{
		content:"xl";
	}
}
@media screen and (min-width: 80em) {
	.debug-layout:after{
		content:"xxl";
	}
}
@media screen and (min-width: 90em) {
	.debug-layout:after{
		content:"xxxl";
	}
}