.pin-code-input-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 15px 15px 5px;
  border: 1px solid #BABABA;
  border-radius: 10px;
  position: relative;
}
.pin-code-input-container label.error {
  display: none !important;
}
.pin-code-input-container label.error:last-child {
  display: inline !important;
  position: absolute;
  left: 0;
  bottom: -20px;
}
.pin-code-input-container .pin-code-input {
  width: 100%;
  flex-grow: 1;
  height: 30px;
  line-height: 50px;
  color: #00A693;
  text-align: center;
  border: unset;
  border-bottom: 2px solid #BABABA;
  font-size: 32px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .pin-code-input-container .pin-code-input {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .pin-code-input-container .pin-code-input {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  .pin-code-input-container .pin-code-input {
    font-size: 20px;
  }
}
.pin-code-input-container .pin-code-input.pincode-input--focused {
  border-color: #646464;
}
.pin-code-input-container.no-color .pincode-input {
  color: #646464;
}

/*# sourceMappingURL=pin-component.css.map */