@import url(../vendor/bootstrap/css/bootstrap.css);
@import url(../vendor/bootstrap/themes/slate.css);
.mono {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
  .mono.blob {
    word-break: break-all;
    max-height: 25em;
    overflow: auto; }

textarea.mono {
  font-size: 0.85em; }

.mega {
  word-break: break-all;
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */ }
  @media (min-width: 768px) {
    .mega {
      font-size: 0.85em; } }
  @media (min-width: 992px) {
    .mega {
      font-size: 1.3em; } }
  @media (min-width: 1200px) {
    .mega {
      font-size: 1.6em; } }

.toggle-buttons-group {
  margin-bottom: 7.5px; }
  .toggle-buttons-group .btn-group {
    margin: 0 7.5px 7.5px; }

input.hero {
  height: 2em;
  text-align: center;
  font-size: 2em; }

.drag-or-type {
  position: relative; }
  .drag-or-type .drop-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1C1E22;
    border: 5px dashed #20252B; }
    .drag-or-type .drop-container span {
      font-weight: bold;
      font-size: 1.5em;
      position: absolute;
      top: 50%;
      margin-top: -.75em;
      left: 0;
      right: 0;
      color: #424852; }
  .drag-or-type.dragging .drop-container {
    display: block; }
  .drag-or-type .file {
    border: 1px solid #000000;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.04);
    margin-bottom: 1em;
    padding-bottom: 11px; }
    .drag-or-type .file p > :before {
      color: #fff; }
    .drag-or-type .file .size:before {
      content: "Size: "; }
    .drag-or-type .file .size:after {
      content: " bytes "; }
    .drag-or-type .file .type:before {
      content: "Type: "; }
    .drag-or-type .file .type:after {
      content: " | ";
      color: #626B77; }

#app {
  position: relative; }
  #app nav.navbar {
    z-index: 1; }

.radio {
  margin-top: 0;
  margin-bottom: 0; }

.container.twitter {
  position: absolute;
  bottom: 0;
  top: 72px;
  padding: 0 30px;
  left: 0;
  right: 0; }
  .container.twitter iframe {
    display: block !important;
    margin: 0 auto;
    height: 100% !important; }

html,
body,
#app,
#app > div,
.container.twitter div {
  height: 100%; }

/*# sourceMappingURL=app.css.map */