.searchbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: auto;
  padding: 1px;
  background-color: #E3D0FF;
  max-width: 230px; }

.searchbar-input {
  display: inline-block;
  position: relative;
  outline: none;
  border: none;
  padding: 5px;
  background-color: #E3D0FF;
  color: #43467F;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.searchbar-icon {
  color: #9C6ADE;
  padding: 5px; }
.quote {
  /*
    &.discord {
        .quote-body {
            border-color: $discord-color;
        }
    }

    &.slack {
        .quote-body {
            border-color: $slack-color;
        }
    }

    &.irc {
        .quote-body {
            border-color: $irc-color;
        }
    }

    &.unrecognized {
        .quote-body {
            border-color: $unrecognized-color;
        }
    }
    */
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .quote {
    margin: 12px;
    width: 100%;
    max-width: 800px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: #E3D0FF;
    -webkit-box-shadow: 8px 8px #F4F5FA;
            box-shadow: 8px 8px #F4F5FA;
    word-break: break-word; }
  .quote .quote-body {
    width: 100%;
    padding: 24px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #E3D0FF; }
  .quote .quote-timestamp {
    display: block;
    font-style: italic;
    text-align: right;
    color: #D2B6FF;
    padding: 5px; }
  .quote .quote-timestamp a {
      text-decoration: none;
      color: #9C6ADE; }
  .quote .quote-text {
    display: block;
    margin-bottom: 12px;
    background-color: #FFFFFF; }
  .quote-segment-speaker {
  display: block;
  font-weight: bold;
  font-style: normal;
  margin-top: 10px; }
  .quote-segment-body {
  display: inline-block; }
  @media (max-width: 600px) {
  .quote-timestamp {
    font-size: 0.8em; } }
.paste-box {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 50%;
  width: 50%;
  min-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .paste-box .paste-box-name {
    width: 100%; }
  .paste-box.discord .paste-box-input {
    border-color: #7289DA; }
  .paste-box.discord .paste-box-name {
    color: #7289DA; }
  .paste-box.slack .paste-box-input {
    border-color: #CE1F5B; }
  .paste-box.slack .paste-box-name {
    color: #CE1F5B; }
  .paste-box.irc .paste-box-input {
    border-color: #78D4B6; }
  .paste-box.irc .paste-box-name {
    color: #78D4B6; }
  .paste-box.unrecognized .paste-box-input {
    border-color: #666666; }
  .paste-box.unrecognized .paste-box-name {
    color: #666666; }
  .paste-box .paste-and-preview {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px; }
  .paste-box .paste-box-input-wrapper, .paste-box .paste-box-preview-wrapper {
    width: 48%;
    background-color: #FFFFFF;
    padding: 20px; }
  .paste-box .paste-box-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .paste-box .paste-box-preview-wrapper {
    overflow-y: scroll; }
  .paste-box .paste-box-preview-wrapper .quote {
      margin: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .paste-box .paste-box-input {
    width: 100%;
    border: 5px solid;
    outline: none;
    padding: 12px;
    overflow: auto;
    max-height: 100%;
    resize: vertical; }
  .paste-box .paste-submit {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    margin-top: 5px;
    height: 40px;
    background-color: #FFFFFF;
    color: #43467F;
    border-style: solid;
    border-color: #E3D0FF;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
  .paste-box .paste-submit:enabled:hover {
    background-color: #9C6ADE;
    color: #FFFFFF;
    border-color: #9C6ADE;
    cursor: pointer; }
.paste-modal-container {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .paste-modal-container .paste-modal-overlay {
    background: rgba(10, 10, 10, 0.9);
    width: 100%;
    height: 100%; }
.nav-wrapper {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  width: 100%;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #E3D0FF;
  top: 0; }

.nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  width: 100%;
  max-width: 1000px;
  padding: 0 12px;
  background-color: #FFFFFF; }

.nav-container .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    height: 100%; }

.nav-container .nav-link-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.nav-container .nav-link-item a {
    font-weight: bold;
    color: #43467F;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80%;
    width: 100px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    outline: none; }

.nav-container .nav-link-item a .fa {
    display: none; }

.nav-container .nav-link-item a:hover {
    color: #FFFFFF;
    background-color: #43467F; }

@media (max-width: 600px) {
  .nav-container .nav-links {
    width: 150px; }
  .nav-container .nav-link-item {
    position: relative;
    width: 50px;
    overflow: hidden; }
  .nav-container .nav-link-item a {
    font-size: 0; }
  .nav-container .nav-link-item a .fa {
    display: inline;
    display: initial;
    font-size: medium;
    font-size: initial; }
  .searchbar-input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }
.qdb-header {
  text-align: center;
  padding-top: 74px; }
  .qdb-header .qdb-header-name {
    color: #43467F;
    font-weight: bold;
    font-size: 2em; }
  .qdb-header .qdb-header-name a {
      text-decoration: none;
      color: inherit; }
  .qdb-header .qdb-header-slogan {
    color: #9C6ADE;
    font-size: 1em; }
.main-container {
  background-color: #FFFFFF;
  background-position: fixed;
  background-size: cover; }
  .main-container .load-more {
    width: 100%;
    max-width: 400px;
    margin: 40px;
    height: 40px;
    background-color: #9C6ADE;
    color: #FFFFFF;
    border-style: none;
    cursor: pointer; }
  .quote-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: middle;
      -ms-flex-align: middle;
          align-items: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  max-width: 800px;
  margin: 0 auto 0 auto; }
.error-page {
  padding: 24px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .error-page .error-code {
    color: #43467F;
    font-size: 48px; }
.permalink-quote-container {
  -webkit-box-align: middle;
      -ms-flex-align: middle;
          align-items: middle; }
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/static/lato-regular-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url("/lato-regular-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0; }
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #FFFFFF;
  background-position: fixed;
  background-size: cover; }
#inferno-host {
  min-height: 100%;
  position: relative; }
.application-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.application-container > :not([class*="container"]) {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
.application-container > [class*="container"] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
html, input, pre {
  font-family: Lato, monospace; }
a {
  outline: none; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicWRiLmJ1bmRsZS5jc3MiLCJzb3VyY2VzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Iiwic291cmNlUm9vdCI6IiJ9*/