@font-face {
  font-family: 'MonoSpec';
  src: url("webfont/MonoSpecStencil-Medium.otf");
  font-weight: normal;
  font-style: normal; }
body {
  background: black;
  color: #00ff2b;
  caret-color: #00ff2b;
  margin: 0;
  overflow: hidden;
  cursor: url("image/cursor.png"), auto; }
  body #container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    flex-direction: row; }
    body #container form {
      width: auto; }
      body #container form textarea {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 500px;
        min-height: 60px;
        max-height: 554px;
        font-family: 'MonoSpec', 'Courier New', Courier, monospace;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 1.2;
        color: #00ff2b;
        background: transparent;
        border-color: transparent;
        text-align: left;
        overflow: hidden;
        overflow-wrap: break-word;
        resize: none;
        margin-top: 0;
        cursor: url("image/cursor-text.png"), auto; }
        body #container form textarea:focus {
          border-color: transparent;
          outline: none; }
        body #container form textarea::selection {
          color: black;
          background: #00cc22; }
      body #container form #speed,
      body #container form #date,
      body #container form #time {
        display: none;
        font-family: 'MonoSpec', 'Courier New', Courier, monospace;
        font-size: 50px;
        color: red; }
    body #container #printMe {
      display: block;
      opacity: 0;
      position: absolute;
      bottom: 20%;
      font-family: 'MonoSpec', 'Courier New', Courier, monospace;
      font-size: 30px;
      font-weight: bolder;
      background-color: #00ff2b;
      color: black;
      border: solid 3px #00ff2b;
      margin: 0;
      padding: 2px 10px;
      transition: opacity .5s ease-in-out .2s, background-color .3s linear .2s, color .25s ease-in-out .2s;
      cursor: url("image/cursor.png"), auto; }
      body #container #printMe:hover {
        background-color: transparent;
        color: #00ff2b; }
      body #container #printMe.active {
        display: block;
        cursor: url("image/cursor-button.png"), auto;
        opacity: 1;
        transition: opacity .5s linear .2s; }
  body.print-layout {
    background-color: unset;
    margin: 0 !important; }
    body.print-layout #container {
      display: block;
      position: relative;
      width: 766px;
      height: 310px;
      background: transparent url("image/ticket-part-200dpi.png") no-repeat right bottom;
      background-size: auto 100%;
      box-sizing: border-box; }
      body.print-layout #container form {
        position: absolute;
        top: 43px;
        left: 581px;
        width: 184px;
        height: 258px; }
        body.print-layout #container form textarea {
          color: black !important;
          font-size: 14px;
          max-height: 170px;
          max-width: 180px;
          padding: 0;
          margin: 0;
          overflow: hidden; }
        body.print-layout #container form #speed,
        body.print-layout #container form #date,
        body.print-layout #container form #time {
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          font-family: 'MonoSpec', 'Courier New', Courier, monospace;
          font-size: 12px;
          line-height: 1;
          color: black; }
        body.print-layout #container form #speed {
          left: 34px;
          bottom: 47px; }
        body.print-layout #container form #date {
          bottom: 14px; }
      body.print-layout #container #printMe {
        display: none !important; }

@media print {
  body {
    background-color: unset;
    margin: 0 !important; }
    body #container {
      display: block;
      position: relative;
      width: 766px;
      height: 310px;
      background: transparent url("image/ticket-part-200dpi.png") no-repeat right bottom;
      background-size: auto 100%;
      box-sizing: border-box; }
      body #container form {
        position: absolute;
        top: 43px;
        left: 581px;
        width: 184px;
        height: 258px; }
        body #container form textarea {
          color: black !important;
          font-size: 14px;
          max-height: 170px;
          max-width: 180px;
          padding: 0;
          margin: 0;
          overflow: hidden; }
        body #container form #speed,
        body #container form #date,
        body #container form #time {
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          font-family: 'MonoSpec', 'Courier New', Courier, monospace;
          font-size: 12px;
          line-height: 1;
          color: black; }
        body #container form #speed {
          left: 34px;
          bottom: 47px; }
        body #container form #date {
          bottom: 14px; }
      body #container #printMe {
        display: none !important; } }

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