.input[data-v-332fe17d] {
  --input-color: var(--light-text-color, var(--text-color, #212529));
  --input-background-color: #fcfcfb;
  --input-border-color: #dfe1e2;
  appearance: none;
  background-color: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  color: var(--input-color);
  display: block;
  font-size: .9rem;
  line-height: 1.5;
  padding: .3rem .75rem;
}
.theseed-dark-mode .input[data-v-332fe17d] {
  --input-color: var(--dark-text-color, var(--text-color, #e0e0e0));
  --input-background-color: #2d2e2f;
  --input-border-color: #5c5c5c;
}
.input[data-v-332fe17d] {
  --light-focus-outline-color: var(--brand-bright-color-2, #e3e3e3);
  --dark-focus-outline-color: #454545;
  --focus-outline-color: var(--light-focus-outline-color);
  --focus-box-shadow-style: var(--focus-outline-color) 0 0 0 0.2rem;
}
.input[data-v-332fe17d]:focus-visible {
  box-shadow: var(--focus-box-shadow-style);
  transition: box-shadow .1s linear;
}
.theseed-dark-mode .input[data-v-332fe17d]:focus-visible {
  --focus-outline-color: var(--dark-focus-outline-color);
}
.input[type=number][data-v-332fe17d] {
  appearance: textfield;
}
.input[data-v-332fe17d]::-webkit-inner-spin-button,.input[data-v-332fe17d]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.multiline[data-v-332fe17d] {
  scrollbar-width: thin;
}
.error[data-v-332fe17d] {
  --focus-outline-color: #fdb8ae !important;
  --input-border-color: #d83933;
}
.theseed-dark-mode .error[data-v-332fe17d] {
  --focus-outline-color: #a23737!important;
  --input-border-color: #8b0a03;
}
.disabled[data-v-332fe17d] {
  --focus-outline-color: none !important;
  --input-background-color: #f0f0f0;
}
.theseed-dark-mode .disabled[data-v-332fe17d] {
  --focus-outline-color: none !important;
  --input-background-color: #2e2e2e;
}
.disabled[data-v-332fe17d]:hover {
  cursor: not-allowed;
}
.disabled[data-v-332fe17d]:not(.readonly) {
  --input-color: #adadad;
  --input-border-color: #e6e6e6;
}
.theseed-dark-mode .disabled[data-v-332fe17d]:not(.readonly) {
  --input-color: #5c5c5c;
  --input-border-color: #454545;
}
.center[data-v-332fe17d] {
  text-align: center;
}