/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Text input elements.
 */
input[type=file] {
  position: relative;
  width: 100%;
  min-height: unset;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 32px;
  border: 1px solid var(--bs-gray-400);
  color: var(--text-color);
  margin: 0;
  background-color: var(--color--white);
  transition: all 0.5s ease-in-out;
}

@media (max-width: 62rem) {
  input[type=file] {
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

[dir="rtl"] input[type=file]::file-selector-button, [dir="rtl"] input[type=file]::-webkit-file-upload-button {
  margin-left: 32px;
}

.iti,
.iti input {
  width: 100%;
}

.iti .iti__selected-flag {
  padding: 0 16px 0 16px;
}

[dir="ltr"] .iti .form-tel {
  padding-left: 60px;
}

[dir="rtl"] .iti .form-tel {
  padding-right: 60px;
}

[type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  width: 100%;
  min-height: unset;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 16px;
  border: 1px solid var(--bs-gray-400);
  color: var(--text-color);
  margin: 0;
  background-color: var(--color--white);
  transition: all 0.5s ease-in-out;
}

[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=file]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
textarea::placeholder {
  color: var(--grey-color);
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=file]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  border: 1px solid var(--bs-gray-400) !important;
  outline: none !important;
  box-shadow: unset;
}

.select2.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--color--light-bg);
  border: 1px solid var(--bs-gray-300);
}

.form-item [disabled]:is([type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea) {
  color: var(--text-color-75);
  background-color: var(--color--light-bg);
  border: 1px solid var(--bs-gray-300);
}

.error:is([type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea) {
  border: solid 1px #e30613 !important;
}

.error:is([type=color],
[type=date],
[type=datetime-local],
[type=email],
[type=file],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea) + .ck-editor > .ck-editor__main {
  border: solid 2px #e30613 !important;
}

/* Ensure that date field isn't larger than other fields. */
[type=date]::-webkit-datetime-edit-fields-wrapper {
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

[type=file] {
  height: auto;
  padding-block: var(--sp0-75);
}

[type=color] {
  width: var(--sp3);
  padding: 0;
}

.dark-mode [type=color],
.dark-mode [type=date],
.dark-mode [type=datetime-local],
.dark-mode [type=email],
.dark-mode [type=file],
.dark-mode [type=month],
.dark-mode [type=number],
.dark-mode [type=password],
.dark-mode [type=search],
.dark-mode [type=tel],
.dark-mode [type=text],
.dark-mode [type=time],
.dark-mode [type=url],
.dark-mode [type=week],
.dark-mode textarea {
  background-color: var(--dark-grey-bg);
  border-color: var(--grey-color-50);
  color-scheme: dark;
}

/*# sourceMappingURL=form-text.css.map*/