/*!
 * Copyright (C) Oleg Karakoz, Agile Apps. 2012-2025.
 * Project: mts
 * Last modified: 18/09/2022, 17:27
 */
.input-box {
  --font-size: 28px !important;
  --type: text;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: var(--font-size) auto;
  font-weight: 700;
  justify-content: center;
}
.input-box .input-place {
  width: calc(var(--font-size) - 4px);
  margin-right: 3px;
  margin-left: 3px;
  border-bottom: 3px solid transparent;
  background-color: #f6f7f8;
  box-shadow: #d3d3d3 0 1px;
}
.input-box .input-place:has(input:focus) {
  border-bottom: 3px solid #2196f3;
  margin-bottom: -2px;
}
.input-box .input-place input {
  caret-color: transparent;
  font-size: var(--font-size);
  width: calc(var(--font-size) - 4px);
  border: none;
  text-align: center;
  color: #2196f3;
  font-weight: 600;
  background-color: #f6f7f8;
  font-family: Assistant, sans-serif;
  padding: 5px 0 0 0;
  margin: 0;
}

/*# sourceMappingURL=input-cubes.css.map */