body{
	font-family:sans-serif;
	background: darkblue;
	margin:0;
}

#svgCanvas{
	width:100vw;
	height:100vh;
}
.catNav{
	position:absolute;
	top:0;
	color:white;
	bottom:0;
	overflow-y: auto;
	padding: 10px;
}
#catNav {
	left: 0;
}
#catNav2 {
	right:0;
}

.catNav ul{
	list-style:none;
	padding:0px;
	margin: 30px 0px;
	border-width: 3px;
}
#catNav ul {
	border-left-style: solid;
}
#catNav2 ul {
	border-right-style: solid;
}

.catNav li{
	padding:2px;
}
.catNav li:hover{
	cursor:pointer;
	text-decoration:underline;
}
#catNav li{
	transform: rotate(-30deg);
	transform-origin: top left;
	padding-left: 5px;
}
#catNav2 li{
	transform: rotate(30deg);
	text-align:right;
	transform-origin: top right;
	padding-right: 5px;
}

g{
	cursor:grab;
}

g:active{
	cursor:grabbing;
}

svg text{
	fill:white;
	font-size: 40pt;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buttons{
	position:absolute;
	top: 10px;
	text-align:center;
	width: 300px;
	left: calc(50% - 150px);
}
.buttons.buttons-inline{
	position:static;
	margin: 10px;
	width:100%;
}
.buttons span, .buttons label{
	color:white;
	cursor:pointer;
}
.buttons span:hover{
	text-decoration:underline;
}
.buttons #sceneLabel{
	display:block;
}

body.hideImages svg image{
	display:none;
}
body.hideLabels svg text{
	display:none;
}

.supercategory-person{
	border-color:rgb(250,8,0);
}
.supercategory-vehicle{
	border-color:rgb(128,255,0);
}
.supercategory-outdoor{
	border-color:rgb(0,255,255);
}
.supercategory-animal{
	border-color:rgb(255,0,255);
}
.supercategory-accessory{
	border-color:rgb(255,255,0);
}
.supercategory-sports{
	border-color:rgb(0,128,255);
}
.supercategory-kitchen{
	border-color:rgb(250,133,0);
}
.supercategory-furniture{
	border-color:rgb(187,0,250);
}
.supercategory-food{
	border-color:rgb(0,250,133);
}
.supercategory-electronic{
	border-color:rgb(250,217,0);
}
.supercategory-appliance{
	border-color:rgb(255,0,128);
}
.supercategory-indoor{
	border-color:rgb(133,0,250);
}

#save{margin: 5px;}

#saved{
	text-align: center;
}
#saved svg{
	width: 30vw;
	height: 20vw;
	margin: 10px;
	border:solid 1px white;
}