@import '../../style/default.less';
.codebox-container {
    display: block;
    text-align: center;
  }
  
  .codebox-container .codebox-field-wrap {
    display: inline-block;
    margin: 0 10px;
    width: 42px;
    height: 42px;
    &.codebox-first{
      margin-left: 0;
    }
    &.codebox-last{
      margin-right: 0;
    }
  }
  
  .codebox-container .codebox-field-wrap input {
    width: inherit;
    height: inherit;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    vertical-align: baseline;
    border: none;
    outline: none;
    color: #000;
    border: 1px solid rgba(0, 0, 34, 0.12);
    border-radius: 4px;
    &:focus{
      border: 1px solid #006BD6;
    }
  }
  .codebox-container .codebox-field-wrap-danger input{
    border: 1px solid #E54545;
    &:focus{
      border: 1px solid #E54545;
    }
  }