/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

pre code {
  display: block; padding: 0.5em;
  color: #333;
  background: #f8f8ff
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .javadoc {
  color: #998;
  font-style: italic
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .nginx .title,
pre .subst,
pre .request,
pre .status {
  color: #333;
  font-weight: bold
}

pre .number,
pre .hexcolor,
pre .ruby .constant {
  color: #099;
}

pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
  color: #d14
}

pre .title,
pre .id,
pre .coffeescript .params,
pre .scss .preprocessor {
  color: #900;
  font-weight: bold
}

pre .javascript .title,
pre .lisp .title,
pre .clojure .title,
pre .subst {
  font-weight: normal
}

pre .class .title,
pre .haskell .type,
pre .vhdl .literal,
pre .tex .command {
  color: #458;
  font-weight: bold
}

pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
  color: #000080;
  font-weight: normal
}

pre .attribute,
pre .variable,
pre .lisp .body {
  color: #008080
}

pre .regexp {
  color: #009926
}

pre .class {
  color: #458;
  font-weight: bold
}

pre .symbol,
pre .ruby .symbol .string,
pre .lisp .keyword,
pre .tex .special,
pre .prompt {
  color: #990073
}

pre .built_in,
pre .lisp .title,
pre .clojure .built_in {
  color: #0086b3
}

pre .preprocessor,
pre .pragma,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
  color: #999;
  font-weight: bold
}

pre .deletion {
  background: #fdd
}

pre .addition {
  background: #dfd
}

pre .diff .change {
  background: #0086b3
}

pre .chunk {
  color: #aaa
}
/*
/*  ###   ###
/*  ###   ###  Hashify Editor
/*  #########  ==============
/*  #########
/*  ###   ###  Turn any textarea into a Markdown editor,
/*  ###   ###  with one-click previewing via hashify.me.
/*
/*  https://github.com/hashify/hashify-editor
*/

.hashify-editor {
  position: relative;
  padding-top: 36px;
}

.hashify-editor-toolbar {
  position: absolute;
  left: 12px;
  top: 6px;
  margin: 0;
  padding: 0;
}

.hashify-editor-toolbar > li {
  display: block;
  float: left;
}

.hashify-editor-toolbar > li > a {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  text-indent: -9999px;
  text-decoration: none;
  cursor: default;
}

.hashify-editor-toolbar > li > a:focus,
.hashify-editor-toolbar > li > a:hover {
  margin-top: -1px;
  outline: none;
}

.hashify-editor-toolbar > li > a:active {
  margin-top: 0;
}

.hashify-editor-strong {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDMsMiBsIDgsMCBsIDAsMSBsIDEsMCBsIDAsMSBsIDEsMCBsIDAsMiBsIC0xLDAgbCAwLDEgbCAtMSwwIGwgMCwxIGwgMSwwIGwgMCwxIGwgMSwwIGwgMCwzIGwgLTEsMCBsIDAsMSBsIC0xLDAgbCAwLDEgbCAtOCwwIGwgMCwtMSBsIDEsMCBsIDAsLTEwIGwgLTEsMCBsIDAsLTEgbSA0LDEgbCAyLDAgbCAwLDEgbCAxLDAgbCAwLDIgbCAtMSwwIGwgMCwxIGwgLTIsMCBsIDAsLTQgbSAwLDUgbCAyLDAgbCAwLDEgbCAxLDAgbCAwLDMgbCAtMSwwIGwgMCwxIGwgLTIsMCBsIDAsLTUiIC8+PC9zdmc+');
}
.hashify-editor-em {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDgsMiBsIDUsMCBsIDAsMSBsIC0yLDAgbCAwLDIgbCAtMSwwIGwgMCwyIGwgLTEsMCBsIDAsMiBsIC0xLDAgbCAwLDIgbCAtMSwwIGwgMCwyIGwgMSwwIGwgMCwxIGwgLTUsMCBsIDAsLTEgbCAyLDAgbCAwLC0yIGwgMSwwIGwgMCwtMiBsIDEsMCBsIDAsLTIgbCAxLDAgbCAwLC0yIGwgMSwwIGwgMCwtMiBsIC0xLDAgbCAwLC0xIiAvPjwvc3ZnPg==');
}
.hashify-editor-img {
  margin-left: 12px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbC1vcGFjaXR5PSIwLjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAwLDAgbCAxNiwwIGwgMCwxNiBsIC0xNiwwIGwgMCwtMTYiIC8+PHBhdGggZmlsbC1vcGFjaXR5PSIwLjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAxLDEgbCAxNSwwIGwgMCwxNSBsIC0xNSwwIGwgMCwtMTUiIC8+PHBhdGggZmlsbC1vcGFjaXR5PSIwLjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDIgbCAxNCwwIGwgMCwxNCBsIC0xNCwwIGwgMCwtMTQiIC8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDEsMSBsIDE0LDAgbCAwLDE0IGwgLTE0LDAgbCAwLC0xNCIgLz48cGF0aCBmaWxsPSIjMzM2NmNjIiBmaWxsLW9wYWNpdHk9IjAuNzAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDIgbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIiAvPjxwYXRoIGZpbGw9IiMzMzY2Y2MiIGZpbGwtb3BhY2l0eT0iMC42NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDIsMyBsIDEyLDAgbCAwLDEgbCAtMTIsMCBsIDAsLTEiIC8+PHBhdGggZmlsbD0iIzMzNjZjYyIgZmlsbC1vcGFjaXR5PSIwLjYwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gMiw0IGwgMTIsMCBsIDAsMSBsIC0xMiwwIGwgMCwtMSIgLz48cGF0aCBmaWxsPSIjMzM2NmNjIiBmaWxsLW9wYWNpdHk9IjAuNTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDUgbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIiAvPjxwYXRoIGZpbGw9IiMzMzY2Y2MiIGZpbGwtb3BhY2l0eT0iMC41MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDIsNiBsIDEyLDAgbCAwLDEgbCAtMTIsMCBsIDAsLTEiIC8+PHBhdGggZmlsbD0iIzk5Y2M2NiIgZmlsbC1vcGFjaXR5PSIwLjgwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gMiw3IGwgMTIsMCBsIDAsMSBsIC0xMiwwIGwgMCwtMSIgLz48cGF0aCBmaWxsPSIjOTljYzY2IiBmaWxsLW9wYWNpdHk9IjAuODUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDggbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIiAvPjxwYXRoIGZpbGw9IiM5OWNjNjYiIGZpbGwtb3BhY2l0eT0iMC45MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDIsOSBsIDEyLDAgbCAwLDEgbCAtMTIsMCBsIDAsLTEiIC8+PHBhdGggZmlsbD0iIzk5Y2M2NiIgZmlsbC1vcGFjaXR5PSIwLjk1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gMiwxMCBsIDEyLDAgbCAwLDEgbCAtMTIsMCBsIDAsLTEiIC8+PHBhdGggZmlsbD0iIzk5Y2M2NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDIsMTEgbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIiAvPjxwYXRoIGZpbGwtb3BhY2l0eT0iMC4xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gMiwxMyBsIDcsMCBsIDAsMSBsIC03LDAgbCAwLC0xIiAvPjwvc3ZnPg==');
}
.hashify-editor-a {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbD0iIzQ0NzdkZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDYsMSBsIDQsMCBsIDAsMSBsIDIsMCBsIDAsMSBsIDEsMCBsIDAsMSBsIDEsMCBsIDAsMiBsIDEsMCBsIDAsNCBsIC0xLDAgbCAwLDIgbCAtMSwwIGwgMCwxIGwgLTEsMCBsIDAsMSBsIC0yLDAgbCAwLDEgbCAtNCwwIGwgMCwtMSBsIC0yLDAgbCAwLC0xIGwgLTEsMCBsIDAsLTEgbCAtMSwwIGwgMCwtMiBsIC0xLDAgbCAwLC00IGwgMSwwIGwgMCwtMiBsIDEsMCBsIDAsLTEgbCAxLDAgbCAwLC0xIGwgMiwwIGwgMCwtMSIgLz48cGF0aCBmaWxsPSIjOTljYzY2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gNiwxIGwgMiwwIGwgMCwyIGwgLTEsMCBsIDAsLTEgbCAyLDAgbCAwLDIgbCAtMSwwIGwgMCwxIGwgLTIsMCBsIDAsMiBsIDIsMCBsIDAsMyBsIDEsMCBsIDAsNCBsIDEsMCBsIDAsLTIgbCAxLDAgbCAwLC0xIGwgMSwwIGwgMCwtMSBsIDEsMCBsIDAsLTEgbCAtMSwwIGwgMCwtMSBsIC0xLDAgbCAwLC0xIGwgLTIsMCBsIDAsMSBsIC0yLDAgbCAwLC0yIGwgLTIsMCBsIDAsLTEgbCAtMSwwIGwgMCwtMyBsIDIsMCBsIDAsLTEiIC8+PC9zdmc+');
}
.hashify-editor-blockquote {
  margin-left: 12px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDUsMyBsIDIsMCBsIDAsMSBsIC0xLDAgbCAwLDEgbCAtMSwwIGwgMCwxIGwgLTEsMCBsIDAsMiBsIDIsMCBsIDAsMSBsIDEsMCBsIDAsMyBsIC0xLDAgbCAwLDEgbCAtMywwIGwgMCwtMSBsIC0xLDAgbCAwLC01IGwgMSwwIGwgMCwtMiBsIDEsMCBsIDAsLTEgbCAxLDAgbCAwLC0xIG0gNywwIGwgMiwwIGwgMCwxIGwgLTEsMCBsIDAsMSBsIC0xLDAgbCAwLDEgbCAtMSwwIGwgMCwyIGwgMiwwIGwgMCwxIGwgMSwwIGwgMCwzIGwgLTEsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIGwgLTEsMCBsIDAsLTUgbCAxLDAgbCAwLC0yIGwgMSwwIGwgMCwtMSBsIDEsMCBsIDAsLTEiIC8+PC9zdmc+');
}
.hashify-editor-pre-code {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDIsOSBsIDIsMCBsIDAsNSBsIC0yLDAgbCAwLC01IG0gLTEsMSBsIDQsMCBsIDAsMyBsIC00LDAgbCAwLC0zIG0gNiwtOCBsIDIsMCBsIDAsNSBsIC0yLDAgbCAwLC01IG0gLTEsMSBsIDQsMCBsIDAsMyBsIC00LDAgbCAwLC0zIG0gNiw2IGwgMiwwIGwgMCw1IGwgLTIsMCBsIDAsLTUgbSAtMSwxIGwgNCwwIGwgMCwzIGwgLTQsMCBsIDAsLTMgbSAtOCwtOCBsIDEsMCBsIDAsNCBsIDEsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIGwgMSwwIGwgMCwtMiBsIC0xLDAgbCAwLC0xIGwgMSwwIGwgMCwtMSBtIDUsNyBsIDEsMCBsIDAsNCBsIDEsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIGwgMSwwIGwgMCwtMiBsIC0xLDAgbCAwLC0xIGwgMSwwIGwgMCwtMSBtIDUsLTcgbCAxLDAgbCAwLDQgbCAxLDAgbCAwLDEgbCAtMywwIGwgMCwtMSBsIDEsMCBsIDAsLTIgbCAtMSwwIGwgMCwtMSBsIDEsMCBsIDAsLTEiIC8+PC9zdmc+');
}
.hashify-editor-ol {
  margin-left: 12px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbD0iIzM1NjNiOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDEsMSBsIDIsMCBsIDAsMyBsIDEsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIGwgMSwwIGwgMCwtMiBsIC0xLDAgbCAwLC0xIG0gMCw1IGwgMywwIGwgMCwyIGwgLTIsMCBsIDAsMSBsIC0xLDAgbCAwLDEgbCAzLDAgbCAwLC0xIGwgLTEsMCBsIDAsLTIgbCAtMiwwIGwgMCwtMSBtIDAsNSBsIDMsMCBsIDAsNCBsIC0zLDAgbCAwLC0xIGwgMiwwIGwgMCwtMSBsIC0xLDAgbCAwLC0xIGwgLTEsMCBsIDAsLTEiIC8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDYsMyBsIDgsMCBsIDAsMSBsIC04LDAgbCAwLC0xIG0gMCw1IGwgOCwwIGwgMCwxIGwgLTgsMCBsIDAsLTEgbSAwLDUgbCA4LDAgbCAwLDEgbCAtOCwwIGwgMCwtMSIgLz48L3N2Zz4=');
}
.hashify-editor-ul {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbD0iIzM1NjNiOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDEsMiBsIDMsMCBsIDAsMyBsIC0zLDAgbCAwLC0zIG0gMCw1IGwgMywwIGwgMCwzIGwgLTMsMCBsIDAsLTMgbSAwLDUgbCAzLDAgbCAwLDMgbCAtMywwIGwgMCwtMyIgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0gNiwzIGwgOCwwIGwgMCwxIGwgLTgsMCBsIDAsLTEgbSAwLDUgbCA4LDAgbCAwLDEgbCAtOCwwIGwgMCwtMSBtIDAsNSBsIDgsMCBsIDAsMSBsIC04LDAgbCAwLC0xIiAvPjwvc3ZnPg==');
}
.hashify-editor-h1 {
  margin-left: 12px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbD0iIzM1NjNiOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDQsMSBsIDgsMCBsIDAsMiBsIC04LDAgbCAwLC0yIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDUgbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIG0gMCwyIGwgMTAsMCBsIDAsMSBsIC0xMCwwIGwgMCwtMSBtIDAsMiBsIDEyLDAgbCAwLDEgbCAtMTIsMCBsIDAsLTEgbSAwLDIgbCAxMiwwIGwgMCwxIGwgLTEyLDAgbCAwLC0xIG0gMCwyIGwgOSwwIGwgMCwxIGwgLTksMCBsIDAsLTEiIC8+PC9zdmc+');
}
.hashify-editor-hr {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+PHBhdGggZmlsbD0iIzM1NjNiOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtIDAsNyBsIDMsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIG0gNCwwIGwgMywwIGwgMCwxIGwgLTMsMCBsIDAsLTEgbSA0LDAgbCAzLDAgbCAwLDEgbCAtMywwIGwgMCwtMSBtIDQsMCBsIDMsMCBsIDAsMSBsIC0zLDAgbCAwLC0xIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibSAyLDEgbCAxMSwwIGwgMCwxIGwgLTExLDAgbCAwLC0xIG0gMCwyIGwgOSwwIGwgMCwxIGwgLTksMCBsIDAsLTEgbSAwLDggbCAxMSwwIGwgMCwxIGwgLTExLDAgbCAwLC0xIG0gMCwyIGwgMTAsMCBsIDAsMSBsIC0xMCwwIGwgMCwtMSIgLz48L3N2Zz4=');
}

.hashify-editor-toolbar > li > a:before {
  left: -39px;
  top: -23px;
  width: 100px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  text-indent: 0;
  content: attr(data-title);
  font: 12px/1.75 "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #666;
}

.hashify-editor-toolbar > li > a:after {
  left: 9px;
  top: 0;
  border: 3px solid transparent;
  border-top-color: #ccc;
  content: "";
}

.hashify-editor-toolbar > li > a:before,
.hashify-editor-toolbar > li > a:after {
  position: absolute;
  display: none;
  z-index: 1;
}

.hashify-editor-toolbar > li > a:focus:before,
.hashify-editor-toolbar > li > a:focus:after {
  display: block;
}

.hashify-editor-toolbar > li > a:hover:before,
.hashify-editor-toolbar > li > a:hover:after {
  display: block;
  z-index: 2;
}

.hashify-editor-preview {
  position: absolute;
  right: 12px;
  top: 6px;
  line-height: 24px;
}
body {
  margin: 0;
  min-width: 900px;
  min-height: 600px;
  padding: 0;
  font: 24px/32px "Helvetica Neue", Helvetica, sans-serif;
}
body.dragging {
  cursor: ew-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
body.dragging ::-moz-selection {
  background: none;
}

#sidebar {
  position: fixed;
  left: 0;
  width: 480px;
  height: 100%;
  background: #eeeeee;
}

#editor {
  position: absolute;
  left: 31px;
  right: 31px;
  height: 100%;
  padding: 0;
}

#markdown {
  position: absolute;
  margin: 81px 0 0 -7px;
  width: 100%;
  height: 67.5%;
  border: 1px solid #dddddd;
  background: #f7f7f7 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAIAAACOvmNtAAAAD0lEQVQI12N49+7dJ6IBANCxKn9o9CjfAAAAAElFTkSuQmCC') repeat-y 100%;
  font: 12px/1.25 Monaco, monospace;
  padding: 6px;
  resize: none;
}
#markdown:focus {
  margin: 80px 0 0 -8px;
  border: 2px solid #0088ff;
  outline: none;
}

.hashify-editor-toolbar {
  position: relative;
  left: 0;
  top: 45px;
  margin: 0 auto;
  width: 288px;
}

#counter {
  position: absolute;
  right: -8px;
  top: 48px;
  width: 60px;
  text-align: right;
  font-size: 18px;
  line-height: 1;
  color: #bbbbbb;
  text-shadow: 0 1px 0 white;
}
#counter.caution {
  color: #ff6600;
}
#counter.danger {
  color: #cc0000;
}

#wrapper,
#shorten {
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  border-bottom: 1px solid #dddddd;
  background: #e7e7e7;
  padding: 6px 0;
}

#wrapper.loading,
#mask {
  background: #e7e7e7 url('data:image/gif;base64,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') no-repeat 50%;
  z-index: 1;
}

#wrapper.loading > #tweet,
#wrapper.loading > #shorturl {
  display: none;
}

#tweet {
  position: relative;
  left: -103px;
  float: left;
  margin: 0 -97px 0 50%;
  width: 61px;
  height: 20px;
  border: none;
}

#wrapper,
#shorten,
#shorturl {
  display: block;
  font-size: 14px;
  line-height: 1;
}

#wrapper,
#shorten {
  text-align: center;
  color: #999999;
  cursor: default;
}

#shorten {
  height: 14px;
  padding: 9px 0;
}
#shorten:focus, #shorten:hover {
  border-bottom-color: #0088ff;
  background: #0088ff;
  color: white;
}

#shorturl {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px;
  color: #336699;
}
#shorturl:before {
  position: absolute;
  left: -5px;
  top: 5px;
  width: 5px;
  height: 9px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAP0lEQVQY02P4//8/AzI+c/fdf3Sx0FV3MRWhKwQpQlGIpOgfuiKQMDZF/9AVgRViUfQPXRFpJpLkRpJ8TSgcARh2JIwJY6/zAAAAAElFTkSuQmCC');
  content: "";
}
#shorturl:focus:before, #shorturl:hover:before {
  background-position: -5px;
}

#shorturl {
  float: left;
  border: 1px solid #ccddee;
  background: white;
}
#shorturl:focus, #shorturl:hover {
  border-color: #55aadd;
  background-color: #ddeeff;
}

#credits {
  position: absolute;
  left: 0;
  right: 0;
  top: 67.5%;
  margin: 95px 0 0;
  padding: 18px 24px;
  font: italic 12px/1.5 Georgia, serif;
  color: #666666;
}
#credits > h4 {
  display: inline;
  font: inherit;
}
#credits > h4:after {
  content: ":";
}
#credits > ul {
  display: inline;
  list-style: none;
}
#credits > ul > li {
  display: inline;
}
#credits > ul > li:after {
  content: ",";
}
#credits > ul > li:last-child:after {
  content: ".";
}
#credits > p {
  margin: 6px 0;
}
#credits a {
  text-decoration: underline;
}

#dragger {
  position: absolute;
  right: -4px;
  top: 0;
  bottom: 0;
  width: 2px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cccccc;
  background: #dddddd;
  cursor: ew-resize;
}

#markup {
  margin-left: 480px;
  max-width: 36em;
  padding: 1em 2em 2em 2.167em;
}
#sidebar.concealed + #markup {
  margin-left: 0;
}
#markup a {
  color: #0066cc;
}
#markup a:focus, #markup a:hover {
  text-decoration: underline;
}
#markup img {
  max-width: 100%;
}
#markup h1 + p > time:first-child:only-child {
  font-style: italic;
}

#mask,
#kbd-shortcuts {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#kbd-shortcuts {
  display: none;
  background: #cccccc;
  background: rgba(0, 0, 0, 0.25);
}
#kbd-shortcuts.active {
  display: block;
}
#kbd-shortcuts div {
  margin: 80px auto 0;
  width: 528px;
  border: 2px solid #cccccc;
  background: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 0 24px 12px;
}
#kbd-shortcuts h1 {
  margin: 0 -24px 12px;
  border-bottom: 2px solid #cccccc;
  padding: 12px 24px;
  font-size: 32px;
  line-height: 1.5;
}
#kbd-shortcuts h2 {
  margin: 4px 0 12px;
  border-bottom: 2px solid #eeeeee;
  font-size: 18px;
}
#kbd-shortcuts dl {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  overflow: auto;
}
#kbd-shortcuts dt {
  float: left;
}
#kbd-shortcuts kbd {
  display: block;
  float: left;
  margin: 0 4px 0 0;
  width: 22px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #111111;
  background: #333333;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #111111));
  background: -webkit-linear-gradient(#555555, #111111);
  background: -moz-linear-gradient(#555555, #111111);
  background: -o-linear-gradient(#555555, #111111);
  background: linear-gradient(#555555, #111111);
  text-align: center;
  font: inherit;
  line-height: 22px;
  color: white;
}
#kbd-shortcuts dd {
  float: left;
  margin: 0 0 12px 4px;
  width: 232px;
}
#kbd-shortcuts dt[data-keys="2"] + dd {
  width: 204px;
}

h1 {
  margin: 24px 0;
  font-size: 48px;
  line-height: 1;
}

h2, h3, h4, h5, h6 {
  margin: 12px 0;
  font-size: 24px;
  line-height: 36px;
}

h2 {
  margin-top: 24px;
  font-size: 36px;
}

h3 {
  margin-top: 24px;
  font-size: 30px;
}

hr {
  margin: 18px 0 12px;
  border: none;
  border-top: 1px solid #cccccc;
}

p, ol, ul {
  margin: 12px 0;
}

ul {
  padding: 0;
  list-style: disc outside;
}

li ol, li ul {
  margin: 0;
}
li li {
  margin-left: 32px;
}

blockquote {
  margin: 12px 0;
  border-left: 6px solid #dddddd;
  padding: 0 24px 0 18px;
  color: #777777;
}
blockquote em {
  font-style: normal;
}

pre {
  margin: 24px 0;
  border: 1px solid #cccccc;
  padding: 1px;
  white-space: pre-wrap;
}
pre > code {
  background: #f7f7f7;
  padding: 12px 18px;
  font-size: 18px;
  line-height: 24px;
}

code {
  background: #f7f7f7;
  padding: 0 0.25em;
  line-height: 1;
}

a {
  color: inherit;
  text-decoration: none;
}
a:focus, a:hover {
  color: #333333;
  outline: none;
}

@media print {
  #sidebar {
    display: none !important;
  }

  #markup {
    margin: 0;
  }
  #markup a {
    font-weight: bold;
    color: inherit;
  }
  #markup a:after {
    content: " [" attr(href) "]";
    font-weight: normal;
    font-size: 0.8em;
  }
  #markup a[href^="/"]:after {
    content: " [https://hashify.me" attr(href) "]";
  }
  #markup h1, #markup h2, #markup h3, #markup h4, #markup h5, #markup h6 {
    page-break-after: avoid;
  }
  #markup pre {
    page-break-inside: avoid;
  }
}