.form-group:has(> input[type="hidden"]) {
  display: none;
}
.otp-single {
  display: block; 
  margin: 0 auto;
  letter-spacing: 0.7rem;
  font-size: 2rem;
  width: 15rem !important;  
  text-align: center;
  padding: 0.5rem;
  border: 2px solid #ccc;
  border-radius: 8px;
  background: #f9f9f9;
  caret-color: #007bff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.otp-single:focus {
  border-color: #28a745;
  outline: none;
  box-shadow: 0 0 0 3px rgba(40,167,69,0.25);
}
.form-floating>.otp-single::placeholder {
    color: #000000e8;
}
.form-floating>.otp-single:focus {
    padding-top: unset;
    padding-bottom: unset;
}
.form-floating>.otp-single:not(:placeholder-shown) {
    padding-top: unset;
    padding-bottom: unset;
}
.form-group:has(.form-group-otp-instruct) {
    margin-bottom: unset !important;
}
  .otp-instruct {
    font-weight: bold;
  }
.form-root .c-form {
  margin-bottom: 0px !important;
}