body { overflow:hidden; }
#survey { position:fixed; top:220px; right:0;
	width:90%; max-width:700px; box-sizing:border-box;
	padding:20px; z-index:100; min-height:140px;
	box-shadow:-3px 3px 5px rgba(0,0,0,0.5); }
html.js #survey { transform:translate3d(100%,0,0);
	box-shadow:none; transition:all 0.3s; }
html.js #survey.open { transform:translate3d(0,0,0);
	box-shadow:-3px 3px 5px rgba(0,0,0,0.5); }
#survey .trigger { position:absolute; top:0; left:0;
	height:30px; transform-origin:top left;
	transform:rotate(-90deg) translate3d(-100%,-30px,0);
	line-height:30px; background-color:#0068b4; color:white;
	padding:0 20px; cursor:pointer; text-transform:uppercase;
	font-weight:700;
	box-shadow:-3px -3px 3px rgba(0,0,0,0.5);
	-ms-user-select:none; -moz-user-select:none;
	-webkit-user-select:none; -webkit-touch-callout:none;
	-khtml-user-select:none; user-select:none; }
#survey .button { margin-top:10px; }