.fakeScreen {
    background-color: #151515;
    box-sizing: border-box;
    width: 50%;
    margin: 0 auto;
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 200px;
    overflow-y: auto;
  }

  .terminal-line {
    color: #9cd9f0;
    font-size: 1em;
    font-family: monospace;
    white-space: pre;
    margin: 0;
  }

  .timestamp {
    color: #e09690;
  }
  /* width */
  ::-webkit-scrollbar {
    width: 6px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  button:disabled {
        background-color: rgb(229 231 235) !important;
        cursor: not-allowed;
    }

    .robot-wrapper {
        position: relative;
        display: inline-block;
      }

      .robot {
        position: relative;
        width: 150px;
        height: 70px;
        margin: 0 auto;
        transition: transform 0.3s;
        z-index: 2;
      }

      .body {
        width: 150px;
        height: 70px;
        background-color: #333;
        border-radius: 10px;
        position: relative;
        z-index: 1;
      }

      .line-container {
        position: absolute;
        bottom: -70px;
        right: 70px;
        width: 10px; /* Adjust width as needed */
        height: 250px;
        z-index: 4;
        /* Ensure the line container does not rotate with the robot */
        transform: rotate(0deg);
        z-index: 1;
      }

      .line-path {
        width: 100%;
        height: 100%;
        background-color: #bdbdbd;
        border-radius: 10px;
      }

      .wheel {
        width: 30px;
        height: 30px;
        background-color: #666;
        border-radius: 10%;
        position: absolute;
        bottom: -15px;
        background: linear-gradient(
              90deg,
              rgb(0, 0, 0) 25%,
              transparent 10px,
              transparent 20px
            ) -50px 0,
          linear-gradient(
              -90deg,
              rgb(0, 0, 0) 25%,
              transparent 10px,
              transparent 20px
            ) -50px 0,
          linear-gradient(
            45deg,
            rgb(0, 0, 0) 25%,
            transparent 10px,
            transparent 20px
          ),
          linear-gradient(
            -45deg,
            rgb(0, 0, 0) 25%,
            rgb(77, 77, 77) 10px,
            rgb(15, 15, 15) 20px
          );
        background-size: 20px 20px;
        background-repeat: repeat-x;
        transition: transform 0.5s linear;
        z-index: 2;
      }

      .wheel-left-top {
        left: 10px;
      }

      .wheel-right-top {
        right: 10px;
      }

      .wheel-left-bottom {
        left: 10px;
        top: -5px;
      }

      .wheel-right-bottom {
        right: 10px;
        top: -5px;
      }

      @keyframes patternMove {
        0% {
          background-position: 0 0;
        }
        100% {
          background-position: 20px 0;
        }
      }

      @keyframes rotateToAngle {
        0% {
          transform: rotate(90deg);
        }
        25% {
          transform: rotate(98deg);
        }
        50% {
          transform: rotate(90deg);
        }
        75% {
          transform: rotate(82deg);
        }
        100% {
          transform: rotate(90deg);
        }
      }

      .robot.animating {
        animation: rotateToAngle 3.5s ease-in-out infinite;
      }

      .wheel-moving {
        animation: patternMove 0.5s linear infinite;
      }

      .controls {
        margin-top: 20px;
      }

      button {
        padding: 10px 20px;
        margin: 5px;
        cursor: pointer;
        border: none;
        border-radius: 5px;
        background-color: #007bff;
        color: #fff;
        font-size: 16px;
      }

      button:disabled {
        background-color: #ccc;
        cursor: not-allowed;
      }

      input {
        padding: 10px;
        font-size: 16px;
        width: 80px;
        margin: 5px;
      }