.modal--simple-input-with-state {
  width: 420px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 164px;
  max-height: 340px;

  & .input-area {
    margin: 20px;
    margin-left: 1rem;
    box-sizing: border-box;

    & input {
      width: 100%;
    }
  }

  & .opeartion-area {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
  }

  & .hint-area {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 1rem;
    flex: 1;
    overflow-y: auto;

    & li {
      line-height: 2rem;
      white-space: normal;
      word-wrap: break-word;
      word-break: break-all;
    }
  }
}
