* {margin:0;padding:0;border:none;font-style: normal;list-style: none;}
a { text-decoration: none; color:#fff; }
	a:hover { color:#F2CB05;  }
body, input { font: 14px/1.4 'Nunito', sans-serif; background: #090B0D;  }
	body.withWelcome { text-align: center; display:flex; justify-content: center; align-items: center; position: absolute; top:0; right:0; left:0; bottom: 0;}

#welcome { background: rgba(255,255,255,0.1); padding: 20px; border-radius: 5px; }
	#welcome input { padding: 5px; font-size: 30px; border-radius: 2px; color:#fff; }
	#welcome input:focus { outline:none; border-bottom:3px solid #F2CB05; padding-bottom: 2px}
	input#welcome_room { width:100px;  }
	input#welcome_name { width:300px;  }
	input#welcome_btn { margin-left:20px; border-radius: 100px; padding: 5px 20px; color:#fff; background:#D94F30; }
	input#welcome_btn:hover { background:#C93F20;cursor:pointer }
	input#toolbar_upload { margin-top:10px;border-radius: 100px; padding: 5px 20px; color:#fff; background:#D94F30; }
	input#toolbar_upload:hover { background:#C93F20; cursor:pointer }

#usr { height:30px; line-height: 20px; box-sizing: border-box; padding: 5px 10px; text-align: right; background: rgba(255,255,255,0.1); }
	#usr_room { background: #fff; color:#333; border-radius: 5px; padding:0 6px; font-size:12px; margin-right: 8px; }

#img { position: absolute; top:40px; right: 10px; bottom: 40px; left:10px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
	body.withToolbar #img { left:200px; }
	#img_wp {position: relative; display: inline-block;}
	#img img { max-width: 100%; max-height: 100%; }
	#img_tags li { position: absolute; background: #F2CB05; color:#333; box-shadow: 0 0 3px rgba(0,0,0,0.9); border-radius: 10px;  font-size:12px; height:15px; width:15px; transition: all 0.3s; }
		li#img_tags_mine { /* background: #77DDEE*/  }
		#img_tags li span { display: none; }
		#img_tags li:hover { padding:0 9px; width: auto; }
		#img_tags li#img_tags_mine:hover { padding: 0; width:15px; }
		#img_tags li:hover span { display: block }
		li.asRight { text-align: right; }
	.withWarning #img_wp { opacity: 0.3; filter:blur(25px); transition:all 0.5s; }
	#img_warning { display: none; position: absolute; top:40%; right: 0; left: 0; text-align: center;  }
		#img_warning em { display: inline-block; padding:5px 10px; background: #ccc; color:#000; border-radius: 15px; }
		.withWarning #img_warning { display: block; }

#toolbar { position: absolute; bottom:0; left:0; top: 30px; width:150px; line-height: 20px; text-align: center; color:#fff; font-size:16px; display: flex; justify-content: space-between;  padding: 20px; background:rgba(255,255,255,0.2); flex-direction: column }
	#toolbar_dots { }