/* Oracle */
div#main.oracle { background: #93bd7a; border-left-color: #000; overflow-x: hidden; padding: 0; perspective: 800px; perspective-origin: center 300px }
div#main.oracle div#oracleChat { background: #93bd7a; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); margin-top: 700px; padding: 0 0 200px 0; position: relative }
div#main.oracle div#oracleChat div.bottom { padding: 30px 0; text-align: center }
div#main.oracle div.icon { border-radius: 22px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); font-family: 'Noto Sans Meroitic'; font-size: 22px; height: 44px; left: 22px; line-height: 44px; position: absolute; text-align: center; top: -22px; width: 44px }
div#main.oracle div.question { background: white; margin-top: 30px; position: relative; z-index: 2 }
div#main.oracle div.question div.icon { background: #444; color: white; z-index: 4 }
div#main.oracle div.question pre { margin: 0; overflow-x: auto; padding: 30px 60px 30px 40px; white-space: pre-wrap }
div#main.oracle div.question textarea { background: none; border: none; box-sizing: border-box; font-family: 'Source Code Pro'; font-size: 18px; margin: 0; max-width: 100%; min-height: 200px; min-width: 100%; padding: 30px 40px 0 40px; vertical-align: top; width: 100% }
div#main.oracle div.question div.files {padding: 10px 40px 10px 40px; background:#eee}
div#main.oracle div.question div.files div.file {position:relative; height:40px; line-height:34px; white-space:nowrap}
div#main.oracle div.question div.files div.file img {vertical-align:bottom; margin-right:8px; cursor:pointer}
div#main.oracle div.question div.files div.file span.name {cursor:pointer}
div#main.oracle div.question div.files div.file span.size {margin-left:8px; font-size:14px}
div#main.oracle div.question div.files div.file div.remove {color:#999; text-align:center; width:24px; height:24px; vertical-align:middle; margin-left:10px; display:none; line-height:24px; cursor:pointer}
div#main.oracle div.question.editing div.files div.file div.remove {display:inline-block}
div#main.oracle div.question div.files div.file div.progress {position:absolute; bottom:2px; left:48px; right:0; background:#ddd; height:4px}
div#main.oracle div.question div.files div.file div.progress div {background:#06c; height:4px}
div#main.oracle div.question div.files div.file.error div.progress div {background:#c00; height:4px}
div#main.oracle div.question div.buttons { padding:10px 40px 20px 40px }
div#main.oracle div.question.removing { opacity: 0.5 }
div#main.oracle div.reply { background: #eddfbb; position: relative; z-index: 2 }
div#main.oracle div.reply div.icon { background: #d1c197; color: #553300; z-index: 4 }
div#main.oracle div.reply pre { margin: 0; overflow-x: auto; padding: 30px 60px 30px 40px; white-space: pre-wrap }
div#main.oracle div.reply.removing { opacity: 0.5 }

@font-face {
	font-family: 'Noto Sans Meroitic';
	font-style: normal;
	font-weight: normal;
	src: url(NotoSansMeroitic-Regular.woff2) format('woff2')
	}