// styles.module.scss

.root {
  display: flex;
  padding: 20px;
}

.title {
  text-align: center;
  font-size: 30px;
}

.codeFieldRoot {
  width: 100%;
}

.cell {
  width: 43px;
  height: 43px;
  line-height: 38px;
  font-size: 24px;
  border-width: 2px;
  border-radius: 10px;
  border-color: #a4a8bb;
  text-align: center;
  border-style: solid;
}

.cellError {
  @extend .cell;
  border-color: red;
}

.focusCell {
  border-color: #000;
}