body {
	margin: 0;
	overflow: hidden;
}
body {
	font-family: sans-serif;
}

* {
	box-sizing: border-box;
}
.InfoPanel---logoWrap---oZoCk {
	padding: 1.5em;
}


.InfoPanel---contentWrap---28jx3,
.InfoPanel---contentWrapNoTop---37Ckl,
.InfoPanel---contentWrapNoBottom---1dhDR,
.InfoPanel---contentWrapNoTopBottom---1G7XC {
	padding: 1.5em;
	margin-top: 20px;
}

.InfoPanel---contentWrapNoTop---37Ckl {
	margin-top: 0;
	padding-top: 0;
}

.InfoPanel---contentWrapNoBottom---1dhDR {
	margin-bottom: 0;
	padding-bottom: 0;
}

.InfoPanel---contentWrapNoTopBottom---1G7XC {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}

h1.InfoPanel---logo---gIF_C {
	margin: 0;
	background-size: contain;
	text-indent: -9999999px;
	background-repeat: no-repeat;
	height: 91px;
}

.InfoPanel---infoPanel---1pNVQ { 
	background: #F3EDE4	; 
	width: 410px;
	float: left;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-y: scroll;
	margin-bottom: 50px;
}

.InfoPanel---infoPanel---1pNVQ p, 
.InfoPanel---infoPanel---1pNVQ code,
.InfoPanel---infoPanel---1pNVQ pre,
.InfoPanel---infoPanel---1pNVQ li {
	font-size: 18px;
	white-space: pre-wrap;
	line-height: 150%;
}

.InfoPanel---infoPanel---1pNVQ pre span,
.InfoPanel---infoPanel---1pNVQ code span,
.InfoPanel---infoPanel---1pNVQ pre, 
.InfoPanel---infoPanel---1pNVQ code {
	font-family: "PT Mono", monospace;
}

.InfoPanel---infoPanel---1pNVQ p,
.InfoPanel---infoPanel---1pNVQ li {
	color: #4c371a;
}

.InfoPanel---infoPanel---1pNVQ p code {
	padding: 2px;
	display: inline-block;
}

.InfoPanel---infoPanel---1pNVQ h1, 
.InfoPanel---infoPanel---1pNVQ h2, 
.InfoPanel---infoPanel---1pNVQ h3, 
.InfoPanel---infoPanel---1pNVQ h4, 
.InfoPanel---infoPanel---1pNVQ h5, 
.InfoPanel---infoPanel---1pNVQ h6 { 
	margin-top: 0;
}

.InfoPanel---infoPanel---1pNVQ h3 {
	font-size: 22px;
}

.InfoPanel---infoPanel---1pNVQ code,
.InfoPanel---infoPanel---1pNVQ pre {
	background: #fff;
    padding: 14px;
    display: block;
    border-radius: 5px;
	font-family: "PT Mono", monospace;
}

.InfoPanel---contentFooter---1G14w {
	background: #484747;
    position: fixed;
    bottom: 0;
    width: 410px;
    z-index: 99999;
    padding: 1em;
}

/* restart btn */
.InfoPanel---contentFooter---1G14w a {
	color: #fff;
	border: 1px solid rgba(255,255,255,.5);
	padding: 7px;
	font-size: 14px;
	text-decoration: none;
    border-radius: 5px;
}

.InfoPanel---contentFooter---1G14w a:hover {
	background: rgba(0,0,0,0.2);
}


.InfoPanel---button---22VS7 {
    color: #fff !important;
    line-height: normal !important;
    display: inline-block;
    padding: 14px;
	font-size: 15px !important;
	text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.InfoPanel---button---22VS7:hover {
	opacity: 0.6;
}

.InfoPanel---servicesText---1E4c2,
.InfoPanel---servicesText---1E4c2 * {
	color: #359200 !important;
    font-weight: bold;
}

.InfoPanel---ipText---3v8oI,
.InfoPanel---ipText---3v8oI * {
	color: #2a44da !important;
	font-weight: bold;
}.NetworkVisualisation---visualisation---3TrLV {
	margin: auto auto 1em auto;
	display: block;
}.MapVisualisation---mapElement---3JtN7,
.MapVisualisation---mapElement---3JtN7 {
	width: 100%;
	height: 225px;
}

.MapVisualisation---geography---3IRf5 {
	fill: #3c6a7f;
}
.FeedbackPanelVisualisation---visualisation---1Zh8C {
	margin: 1.5em;
	display: block;
	background: #fff;
	padding: 1em;
	border-radius: 5px;
}

.FeedbackPanelVisualisation---title---20_n0 {
	font-size: 18px !important;
	line-height: 24px;
	margin-bottom: 0;
}

.FeedbackPanelVisualisation---recommendTitle---2BicV {
	font-size: 14px;
	margin: 20px 0 10px 0 !important;
}

.FeedbackPanelVisualisation---recommendLabel---1i2Yq {
	margin-right: 10px;
}

.FeedbackPanelVisualisation---recommendLabel---1i2Yq input {
	margin-right: 5px;
}

.FeedbackPanelVisualisation---emojiTitle---2cAlM {
	font-size: 18px !important;
	line-height: 24px;
	margin-bottom: 0;
}

.FeedbackPanelVisualisation---questionInput---3G10i {
	width: 100%;
	resize: none;
	height: 100px;
	font-size: 18px;
	padding: 10px;
}

.FeedbackPanelVisualisation---submit---1Lw_t {
	background: grey;
	font-size: 14px;
	border-radius: 3px;
	padding: 13px;
	color: #fff;
	border: none;
	margin-top: 10px;
}

.FeedbackPanelVisualisation---attribution---1gep-, .FeedbackPanelVisualisation---attribution---1gep- a {
	font-size: 10px;
	margin-top: 30px;
	color: gray;
}

.FeedbackPanelVisualisation---emojiLove---Zga9T {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzMuOTMxIDQ3My45MzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3My45MzEgNDczLjkzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQzEwRTsiIGN4PSIyMzYuOTY2IiBjeT0iMjM2Ljk2NiIgcj0iMjM2Ljk2NiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiNFRDM1MzM7IiBkPSJNMTgyLjEzLDEwOS45N2MtMTQuMTMzLDAtMjcuMjYyLDYuODkyLTM1LjE1NCwxOC40MzJsLTEuNjI4LDIuMDY5bC0xLjA4OS0xLjM4OGMtNy44MDItMTEuOTYyLTIwLjk1NC0xOS4xMDktMzUuMjMyLTE5LjEwOWMtMjQuMzYzLDAtNDIuMDQyLDE3LjY4NC00Mi4wNDIsNDIuMDM5YzAsMzUuOTYyLDY1LjEwNyw4OC45NjgsNjkuODU1LDkyLjc4NGMyLjI0MSwyLjE0NCw1LjE3NSwzLjMyMyw4LjI4OCwzLjMyM3M2LjA0Ny0xLjE3NSw4LjI4OC0zLjMyNmM0Ljc2My0zLjg0Nyw3MC43NTMtNTcuNjgzLDcwLjc1My05Mi43ODFDMjI0LjE2OSwxMjcuNjU0LDIwNi40ODksMTA5Ljk3LDE4Mi4xMywxMDkuOTd6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I0VEMzUzMzsiIGQ9Ik0zNjYuNjk2LDEwOS45N2MtMTQuMTMzLDAtMjcuMjYyLDYuODkyLTM1LjE1NCwxOC40MzJsLTEuNjI4LDIuMDY5bC0xLjA4OS0xLjM4OGMtNy44MDItMTEuOTYyLTIwLjk1NC0xOS4xMDktMzUuMjMyLTE5LjEwOWMtMjQuMzYzLDAtNDIuMDQyLDE3LjY4NC00Mi4wNDIsNDIuMDM5YzAsMzUuOTYyLDY1LjEwNyw4OC45NjgsNjkuODU1LDkyLjc4NGMyLjI0MSwyLjE0NCw1LjE3NSwzLjMyMyw4LjI4OCwzLjMyM2MzLjEwOSwwLDYuMDQzLTEuMTc1LDguMjg4LTMuMzI2YzQuNzYtMy44NDMsNzAuNzQ5LTU3LjY4Myw3MC43NDktOTIuNzgxQzQwOC43MzUsMTI3LjY1NCwzOTEuMDU1LDEwOS45NywzNjYuNjk2LDEwOS45N3oiLz48L2c+PHBhdGggc3R5bGU9ImZpbGw6IzMzMzMzMzsiIGQ9Ik0zNDMuMjU0LDMxNi44NmMtNTkuMjgxLDYwLjMyNS0xNTQuNjYyLDU5Ljg1My0yMTMuNDQ5LTAuODk4Yy04LjQtOC42ODEtMjEuNjE2LDQuNTYxLTEzLjIyNywxMy4yMjdjNjUuNzY5LDY3Ljk2OSwxNzMuNjQ0LDY4LjMzMiwyMzkuOTAzLDAuODk4QzM2NC45NDEsMzIxLjQ4MSwzNTEuNzE4LDMwOC4yNDYsMzQzLjI1NCwzMTYuODZMMzQzLjI1NCwzMTYuODZ6Ii8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
}

.FeedbackPanelVisualisation---emojiJoy---pLugk {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzMuOTMxIDQ3My45MzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3My45MzEgNDczLjkzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQzEwRTsiIGN4PSIyMzYuOTY2IiBjeT0iMjM2Ljk2NiIgcj0iMjM2Ljk2NiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiMzMzMzMzM7IiBkPSJNMzgzLjE2NCwyMzcuMTIzYy0xLjMzMiw4MC42OTktNjUuNTE0LDE0NC44NzMtMTQ2LjIxMywxNDYuMjA2Yy04MC43MDIsMS4zMzItMTQ0LjkwNy02Ny41Mi0xNDYuMjA2LTE0Ni4yMDZjLTAuMTk4LTEyLjA1Mi0xOC45MDctMTIuMDcxLTE4LjcwOSwwYzEuNSw5MC45MjEsNzMuOTkzLDE2My40MTQsMTY0LjkxNCwxNjQuOTE0YzkwLjkyOSwxLjUsMTYzLjQ1NS03Ni4yNSwxNjQuOTIyLTE2NC45MTRDNDAyLjA3MSwyMjUuMDUyLDM4My4zNjIsMjI1LjA3MSwzODMuMTY0LDIzNy4xMjNMMzgzLjE2NCwyMzcuMTIzeiIvPjxjaXJjbGUgc3R5bGU9ImZpbGw6IzMzMzMzMzsiIGN4PSIxNjQuOTM3IiBjeT0iMTU1LjIyNyIgcj0iMzcuMjE2Ii8+PGNpcmNsZSBzdHlsZT0iZmlsbDojMzMzMzMzOyIgY3g9IjMwNS42NjQiIGN5PSIxNTUuMjI3IiByPSIzNy4yMTYiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
}

.FeedbackPanelVisualisation---emojiNeutral---3WyOZ {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzMuOTMxIDQ3My45MzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3My45MzEgNDczLjkzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQzEwRTsiIGN4PSIyMzYuOTY2IiBjeT0iMjM2Ljk2NiIgcj0iMjM2Ljk2NiIvPjxnPjxjaXJjbGUgc3R5bGU9ImZpbGw6IzMzMzMzMzsiIGN4PSIxNjQuOTM3IiBjeT0iMTU1LjIzMSIgcj0iMzcuMjE2Ii8+PGNpcmNsZSBzdHlsZT0iZmlsbDojMzMzMzMzOyIgY3g9IjMwNS42NjQiIGN5PSIxNTUuMjMxIiByPSIzNy4yMTYiLz48cGF0aCBzdHlsZT0iZmlsbDojMzMzMzMzOyIgZD0iTTEwNS4yNzgsMzI2LjU4MWM4Ni4zODYsMCwxNzIuNzc2LDAsMjU5LjE2MiwwYzEyLjA2NywwLDEyLjA2Ny0xOC43MDksMC0xOC43MDljLTg2LjM4NiwwLTE3Mi43NzYsMC0yNTkuMTYyLDBDOTMuMjExLDMwNy44NzIsOTMuMjExLDMyNi41ODEsMTA1LjI3OCwzMjYuNTgxTDEwNS4yNzgsMzI2LjU4MXoiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
}

.FeedbackPanelVisualisation---emojiSad---135wA {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzMuOTM1IDQ3My45MzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3My45MzUgNDczLjkzNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQzEwRTsiIGN4PSIyMzYuOTY3IiBjeT0iMjM2Ljk2NyIgcj0iMjM2Ljk2NyIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiMzMzMzMzM7IiBkPSJNMzU2LjY3MSwzNTQuMWMtNjYuMjI2LTY3LjYxOC0xNzQuMjU1LTY3LjMzNy0yNDAuMDk2LDAuNzAzYy04LjM4OSw4LjY2Niw0LjgyNywyMS45MTIsMTMuMjI3LDEzLjIyN2M1OC44Ny02MC44MywxNTQuMzg2LTYxLjIwNCwyMTMuNjQxLTAuNzAzQzM1MS44OTYsMzc1Ljk2LDM2NS4xMTYsMzYyLjcyMSwzNTYuNjcxLDM1NC4xTDM1Ni42NzEsMzU0LjF6Ii8+PGNpcmNsZSBzdHlsZT0iZmlsbDojMzMzMzMzOyIgY3g9IjE2NC45MzgiIGN5PSIxNTUuMjMyIiByPSIzNy4yMTYiLz48Y2lyY2xlIHN0eWxlPSJmaWxsOiMzMzMzMzM7IiBjeD0iMzA1LjY2NyIgY3k9IjE1NS4yMzIiIHI9IjM3LjIxNiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
}

.FeedbackPanelVisualisation---emojiAngry---QD3Vu	 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzMuOTMxIDQ3My45MzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3My45MzEgNDczLjkzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQzEwRTsiIGN4PSIyMzYuOTY2IiBjeT0iMjM2Ljk2NiIgcj0iMjM2Ljk2NiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiMzMzMzMzM7IiBkPSJNMTA2Ljg4Myw4NS45ODljMjUuMTQxLDE4LjgxNyw1MC4yODIsMzcuNjM4LDc1LjQyMyw1Ni40NTZjOS42NjksNy4yMzcsMTguOTc4LTkuMDE4LDkuNDQtMTYuMTUzYy0yNS4xNDEtMTguODE3LTUwLjI4Mi0zNy42MzgtNzUuNDIzLTU2LjQ1NkMxMDYuNjU5LDYyLjU5Niw5Ny4zNDYsNzguODUsMTA2Ljg4Myw4NS45ODlMMTA2Ljg4Myw4NS45ODl6Ii8+PHBhdGggc3R5bGU9ImZpbGw6IzMzMzMzMzsiIGQ9Ik0zNTYuMjk4LDY5LjgzMmMtMjUuMTQxLDE4LjgxNy01MC4yODIsMzcuNjM4LTc1LjQyMyw1Ni40NTZjLTkuNTM4LDcuMTM5LTAuMjI4LDIzLjM5LDkuNDQsMTYuMTUzYzI1LjE0MS0xOC44MTcsNTAuMjgyLTM3LjYzOCw3NS40MjMtNTYuNDU2QzM3NS4yNzYsNzguODUsMzY1Ljk2Nyw2Mi41OTYsMzU2LjI5OCw2OS44MzJMMzU2LjI5OCw2OS44MzJ6Ii8+PGNpcmNsZSBzdHlsZT0iZmlsbDojMzMzMzMzOyIgY3g9IjE2NC45MzciIGN5PSIxNTUuMjMxIiByPSIzNy4yMTYiLz48Y2lyY2xlIHN0eWxlPSJmaWxsOiMzMzMzMzM7IiBjeD0iMzA1LjY2NCIgY3k9IjE1NS4yMzEiIHI9IjM3LjIxNiIvPjwvZz48cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM5Mi41MTQsMzc3LjcxOWMwLTg1LjkxMS02OS42NDUtMTU1LjU2LTE1NS41Ni0xNTUuNTZzLTE1NS41Niw2OS42NDktMTU1LjU2LDE1NS41NkgzOTIuNTE0eiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiNDQ0NCQ0I7IiBkPSJNMzA2LjE3NywzNzcuNzE5YzAtNDYuNDM1LDAtOTIuODcsMC0xMzkuMzA2Yy02LjAyLTMuMDAxLTEyLjI2OS01LjYwOS0xOC43MDktNy44MmMwLDQ5LjA0MywwLDk4LjA4NywwLDE0Ny4xMjZMMzA2LjE3NywzNzcuNzE5TDMwNi4xNzcsMzc3LjcxOXoiLz48cGF0aCBzdHlsZT0iZmlsbDojQ0NDQkNCOyIgZD0iTTE5MC41OSwzNzcuNzE5YzAtNDkuNTA3LDAtOTkuMDE4LDAtMTQ4LjUyOWMtNi40MzIsMi4wMDYtMTIuNjY2LDQuNDUzLTE4LjcwOSw3LjI0NGMwLDQ3LjA5OCwwLDk0LjE5MSwwLDE0MS4yODloMTguNzA5VjM3Ny43MTl6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.FeedbackPanelVisualisation---emojiLove---Zga9T:checked, 
.FeedbackPanelVisualisation---emojiJoy---pLugk:checked, 
.FeedbackPanelVisualisation---emojiNeutral---3WyOZ:checked, 
.FeedbackPanelVisualisation---emojiSad---135wA:checked,
.FeedbackPanelVisualisation---emojiAngry---QD3Vu:checked {
	opacity: 1;
	outline: none;
}
.FeedbackPanelVisualisation---emojiLove---Zga9T, 
.FeedbackPanelVisualisation---emojiJoy---pLugk, 
.FeedbackPanelVisualisation---emojiNeutral---3WyOZ, 
.FeedbackPanelVisualisation---emojiSad---135wA,
.FeedbackPanelVisualisation---emojiAngry---QD3Vu {
	-webkit-appearance: none;
	-moz-appearance: none;
	opacity: 0.5;
	width: 50px;
	height: 50px;
	outline: none;
}.Radar---radar---1LIrH {
	width: 180px;
	margin: auto;
	padding: 10px;
	position: absolute;
    top: 0;
    right: 0;
}.TerminalWindow---terminalWindow---3RoHk {
	background: #000;
	float: right;
	width: calc( 100% - 410px);
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	height: 100%;
	/*margin: 8px 16px;*/
}
.ChatWindow---chatWindow---1JTZU {
	position: absolute;
    right: 20px;
    width: 300px;
    background: #fff;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.ChatWindow---chatWindow---1JTZU h1 {
	background: #FF4B20;
    font-size: 16px;
    margin: 0;
    padding: 12px;
    color: #fff;
}

.ChatWindow---chatWindow---1JTZU .ChatWindow---chatContent---1vbQ- {
	margin: 10px 10px 60px 10px;
}

.ChatWindow---chatWindow---1JTZU .ChatWindow---chatContent---1vbQ- strong {
	color: #FF4B20;
}.IntroOutroPopup---overlay---1uKfv {
	background: rgba( 0, 0, 0, 0.5 );
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999999999;
}

.IntroOutroPopup---popup---3VmqW {
	background: #F3EDE4;
	box-shadow: 1px 1px 34px rgba(0, 0, 0, 0.31);
	padding: 1em;
	position: absolute;
	z-index: 99999999999;
	overflow-y: auto;
	width: 100%;
	bottom: 0;
}

.IntroOutroPopup---popup---3VmqW h1,
.IntroOutroPopup---popup---3VmqW h2,
.IntroOutroPopup---popup---3VmqW h3,
.IntroOutroPopup---popup---3VmqW h4,
.IntroOutroPopup---popup---3VmqW h5,
.IntroOutroPopup---popup---3VmqW h6 {
	margin-top: 0;
	width: 100%;
}

.IntroOutroPopup---popup---3VmqW h2 {
	color: #4c371a;
	border-bottom: 1px solid #4c371a;
	font-weight: normal;
	font-size: 19px;
	display: inline-block;
	padding-bottom: 10px;
	line-height: 150%;
}

.IntroOutroPopup---popup---3VmqW h2 strong {
	margin-right: 10px;
}

.IntroOutroPopup---popup---3VmqW p,
.IntroOutroPopup---popup---3VmqW a {
	font-size: 1.2em;
	line-height: 150%;
	color: #4c371a;
}

.IntroOutroPopup---popup---3VmqW ul {
	list-style-type: none;
	padding: 0;
}

.IntroOutroPopup---popup---3VmqW a:hover {
	opacity: .5;
}

.IntroOutroPopup---scrollPane---Xm2bG {
	height: calc(100% - 50px);
	max-width: 800px;
}

.IntroOutroPopup---buttonBar---2ZOyj {
	padding-top: 10px;
}

.IntroOutroPopup---startLessonButton---2c17U, .IntroOutroPopup---startLessonButtonDisabled---1VKqZ {
    color: #fff !important;
    display: inline-block;
    padding: 14px;
	font-size: 15px !important;
	line-height: normal !important;
	text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.IntroOutroPopup---startLessonButtonDisabled---1VKqZ {
	opacity: 0.5;
	cursor: default;
}

.IntroOutroPopup---startLessonButton---2c17U:hover {
	opacity: 0.6;
}

.IntroOutroPopup---schoolForm---161-A label {
	color: #4c371a;
	margin-right: 10px;
}

.IntroOutroPopup---schoolForm---161-A input {
	text-transform: uppercase;
}
.QuizAnswer---correct---3H63A, 
.QuizAnswer---incorrect---3hehO,
.QuizAnswer---neutral---1-5-D {
	color: green;
	top: 50%;
    margin-top: -8px;
    margin-left: 10px;
    position: absolute;
}

.QuizAnswer---incorrect---3hehO {
	color: red;
}

.QuizAnswer---neutral---1-5-D {
	color: #4c371a;
}

.QuizAnswer---faded---3m8nf {
	opacity: .5;
}.QuizQuestionPage---quizWrapper---1GIos {
	max-width: 600px;
}

.QuizQuestionPage---quizButtonWrapper---2aaex {
	height: 40px;
}

.QuizQuestionPage---answerList---1c9hd {
	list-style-type: none;
}

.QuizQuestionPage---answerList---1c9hd, .QuizQuestionPage---answerList---1c9hd li {
	margin: 0;
	padding: 0;
}

.QuizQuestionPage---answerList---1c9hd li {
	margin-bottom: 10px;
	max-width: 100%;
	position: relative;
}

.QuizQuestionPage---answerList---1c9hd li a,
.QuizQuestionPage---answerList---1c9hd li span {
	border: 1px solid #caae86;
	text-decoration: none;
	font-weight: bold;
	color: #4c371a;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	padding-left: 32px;
	line-height: normal !important;
	font-size: 16px !important;
}

.QuizQuestionPage---answerList---1c9hd a:hover {
	background: #fff;
}

.QuizQuestionPage---button---Qx2PI {
    color: #fff !important;
    line-height: normal !important;
    display: inline-block;
    padding: 14px;
	font-size: 15px !important;
	text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.QuizQuestionPage---restart---Y0FGC{
	background: #4c371a;
}

.QuizQuestionPage---button---Qx2PI:hover {
	opacity: 0.6;
}.App---infoPanel---3XG0H {
	background: red;
}body {
	font-family: sans-serif;
}

* {
	box-sizing: border-box;
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm---xterm---ETVL5 {
    cursor: text;
    font-family: "Courier New", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    -webkit-font-feature-settings: "liga" 0;
            font-feature-settings: "liga" 0;
    position: relative;
    -moz-user-select: none;
         user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

#xterm---term---1Z5mZ .xterm---xterm---ETVL5,
#xterm---term---1Z5mZ .xterm---xterm---ETVL5 .xterm---xterm-screen---_PDFX,
#xterm---term---1Z5mZ .xterm---xterm---ETVL5 .xterm---xterm-rows---20l1-,
#xterm---term---1Z5mZ .xterm---xterm---ETVL5 .xterm---xterm-rows---20l1- div,
#xterm---term---1Z5mZ .xterm---xterm---ETVL5 .xterm---xterm-helper-textarea---1s1C6,
#xterm---term---1Z5mZ .xterm---xterm---ETVL5 .xterm---xterm-char-measure-element---13pnO {
    font-family: "Courier New", Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

.xterm---xterm---ETVL5.xterm---focus---nuO3e,
.xterm---xterm---ETVL5:focus {
    outline: none;
}

.xterm---xterm---ETVL5 .xterm---xterm-helpers---166OU {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm---xterm---ETVL5 .xterm---xterm-helper-textarea---1s1C6 {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm---xterm---ETVL5 .xterm---composition-view---38B0G {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm---xterm---ETVL5 .xterm---composition-view---38B0G.xterm---active---C-v3g {
    display: block;
}

.xterm---xterm---ETVL5 .xterm---xterm-viewport---1N-aN {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm---xterm---ETVL5 .xterm---xterm-screen---_PDFX {
    position: relative;
}

.xterm---xterm---ETVL5 .xterm---xterm-screen---_PDFX canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm---xterm-char-measure-element---13pnO {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm---xterm---ETVL5.xterm---enable-mouse-events---uF3MS {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm---xterm---ETVL5.xterm---xterm-cursor-pointer---3NjXK,
.xterm---xterm---ETVL5 .xterm---xterm-cursor-pointer---3NjXK {
    cursor: pointer;
}

.xterm---xterm---ETVL5.xterm---column-select---1gsBy.xterm---focus---nuO3e {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm---xterm---ETVL5 .xterm---xterm-accessibility---1aTWk:not(.xterm---debug---z2IRi),
.xterm---xterm---ETVL5 .xterm---xterm-message---17Fk- {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm---xterm---ETVL5 .xterm---xterm-accessibility-tree---1UBkg:not(.xterm---debug---z2IRi) *::-moz-selection {
  color: transparent;
}

.xterm---xterm---ETVL5 .xterm---xterm-accessibility-tree---1UBkg:not(.xterm---debug---z2IRi) *::selection {
  color: transparent;
}

.xterm---xterm---ETVL5 .xterm---xterm-accessibility-tree---1UBkg {
  font-family: monospace;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  white-space: pre;
}

.xterm---xterm---ETVL5 .xterm---xterm-accessibility-tree---1UBkg > div {
  -webkit-transform-origin: left;
          transform-origin: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.xterm---xterm---ETVL5 .xterm---live-region---1XEAG {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm---xterm-dim---29Vrl {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm---xterm-underline-1---2td8s { text-decoration: underline; }
.xterm---xterm-underline-2---3Y-mj { text-decoration: double underline; }
.xterm---xterm-underline-3---1wm5N { text-decoration: wavy underline; }
.xterm---xterm-underline-4---30Gbd { text-decoration: dotted underline; }
.xterm---xterm-underline-5---zhxZg { text-decoration: dashed underline; }

.xterm---xterm-overline---16UIx {
    text-decoration: overline;
}

.xterm---xterm-overline---16UIx.xterm---xterm-underline-1---2td8s { text-decoration: overline underline; }
.xterm---xterm-overline---16UIx.xterm---xterm-underline-2---3Y-mj { text-decoration: overline double underline; }
.xterm---xterm-overline---16UIx.xterm---xterm-underline-3---1wm5N { text-decoration: overline wavy underline; }
.xterm---xterm-overline---16UIx.xterm---xterm-underline-4---30Gbd { text-decoration: overline dotted underline; }
.xterm---xterm-overline---16UIx.xterm---xterm-underline-5---zhxZg { text-decoration: overline dashed underline; }

.xterm---xterm-strikethrough---PXbDX {
    text-decoration: line-through;
}

.xterm---xterm-screen---_PDFX .xterm---xterm-decoration-container---2TLZA .xterm---xterm-decoration---Jya3K {
	z-index: 6;
	position: absolute;
}

.xterm---xterm-screen---_PDFX .xterm---xterm-decoration-container---2TLZA .xterm---xterm-decoration---Jya3K.xterm---xterm-decoration-top-layer---3xjdl {
	z-index: 7;
}

.xterm---xterm-decoration-overview-ruler---L72oz {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm---xterm-decoration-top---3H1e9 {
    z-index: 2;
    position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---scrollbar---1A4tm {
    cursor: default;
}

/* Arrows */
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---scrollbar---1A4tm > .xterm---scra---3XwO- {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---visible---DvXk5 {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---invisible---1-uJf {
	opacity: 0;
	pointer-events: none;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---invisible---1-uJf.xterm---fade---2_gpS {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---shadow---HKMR1 {
	position: absolute;
	display: none;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---shadow---HKMR1.xterm---top---zOJFa {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---shadow---HKMR1.xterm---left---Ja59g {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---shadow---HKMR1.xterm---top-left-corner---1vuTC {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.xterm---xterm---ETVL5 .xterm---xterm-scrollable-element---2sen2 > .xterm---shadow---HKMR1.xterm---top---zOJFa.xterm---left---Ja59g {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}