pragmate-ui/code-verification/code-verification.css

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

.code-inputs {
  display: flex;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: var(--surface);
}
.code-inputs input {
  width: 100%;
  padding: 0;
  margin: 0 5px 1rem;
  background-color: inherit;
  font-weight: 900;
  font-size: 40px;
  border: none;
  border-bottom: 1px solid var(--primary);
  outline: none;
  transition: all 0.2s ease-in-out;
  text-align: center;
  caret-color: var(--primary);
  color: var(--text-color);
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
.code-inputs input:-webkit-autofill, .code-inputs input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}
.code-inputs input:focus {
  border-color: var(--primary);
}
@media screen and (max-width: 320px) {
  .code-inputs input {
    font-size: 35px;
  }
}
.code-inputs input[data-autocompleted] {
  background-color: transparent !important;
}


/*# sourceMappingURL=code-verification.css.map*/