body {
  background: #141414; }
  body *:focus {
    outline: none; }
  body #chat {
    position: fixed;
    top: 0;
    bottom: 45px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 100vw;
    width: 100%;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    body #chat .message[data-sender=you] {
      text-align: left; }
      body #chat .message[data-sender=you] .messageText {
        float: left;
        background: #ccc;
        color: #141414; }
    body #chat .message {
      padding: 10px;
      float: left;
      width: 100%;
      text-align: right; }
    body #chat .messageTime {
      color: #ccc;
      font-size: 9px;
      padding: 5px; }
      body #chat .messageTime:empty {
        display: none; }
    body #chat .messageText {
      line-height: 18px;
      clear: both;
      max-width: 70vw;
      text-align: left;
      float: right;
      background: #26c2f0;
      color: white;
      padding: 8px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
  body #key {
    border: 0;
    background: #333;
    color: white;
    padding: 15px;
    display: block;
    text-align: center; }
  body .close {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10001; }
    body .close i {
      color: white; }
  body #result {
    display: none;
    background: #141414;
    padding: 10px 10px 25px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999; }
    body #result .block {
      display: table;
      width: 20px;
      margin-right: 20px;
      background: #26c2f0;
      margin-top: auto;
      position: relative; }
      body #result .block .content {
        display: none;
        position: absolute;
        z-index: 1000;
        top: -10px;
        -webkit-transform: translate(0%, -100%);
        -moz-transform: translate(0%, -100%);
        -ms-transform: translate(0%, -100%);
        -o-transform: translate(0%, -100%);
        transform: translate(0%, -100%);
        max-height: 100px;
        max-width: 200px;
        min-width: 150px;
        overflow-y: auto;
        padding: 3px 10px;
        background: white;
        color: #141414;
        border-radius: 10px; }
      body #result .block:hover .content {
        display: block; }
      body #result .block .blockTime {
        position: absolute;
        bottom: 0;
        left: 50%;
        font-size: 12px;
        transform: translate(-50%, 100%);
        color: white; }
    body #result .date {
      color: white;
      position: relative; }
      body #result .date:before {
        content: "";
        height: calc(100% - 30px );
        width: 1px;
        left: 50%;
        bottom: 0;
        background: white;
        position: absolute; }
  body #input {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #282828; }
    body #input #number, body #input #time {
      position: absolute;
      visibility: hidden; }
    body #input #scale {
      display: none;
      position: absolute;
      height: 100px;
      width: 3px;
      left: 0;
      top: -100px;
      background: rgba(255, 255, 255, 0.2); }
      body #input #scale #indicator {
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        max-height: 100%;
        position: absolute;
        bottom: 0; }
    body #input #text {
      width: 80%;
      display: inline-block;
      vertical-align: top;
      resize: none;
      min-height: 45px;
      height: 45px;
      max-height: 125px;
      overflow-y: auto;
      word-wrap: break-word;
      background: transparent;
      color: white;
      border: 0;
      padding: 10px 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body #input #submit {
      width: 20%;
      height: 45px;
      display: inline-block;
      border: 0;
      background: transparent;
      color: white;
      vertical-align: bottom; }

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