/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Text input elements.
 */

[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%;
  max-width: 100%;
  min-height: var(--sp3);
  padding: 0 var(--sp);
  color: var(--color-text-neutral-loud);
  border: 1px solid var(--color--gray-60);
  border-radius: var(--border-radius);
  background-color: var(--color--white);
  font-family: inherit;
  font-size: inherit;
  appearance: none;
}

[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: solid 2px var(--color--primary-50);
  outline: solid 2px var(--color--primary-50);
}

@supports (outline-style: double) {
  [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-width: 1px;
    outline-width: 6px;
    outline-style: double;
    outline-offset: -1px;
  }
}

[type="color"][disabled],
[type="date"][disabled],
[type="datetime-local"][disabled],
[type="email"][disabled],
[type="file"][disabled],
[type="month"][disabled],
[type="number"][disabled],
[type="password"][disabled],
[type="search"][disabled],
[type="tel"][disabled],
[type="text"][disabled],
[type="time"][disabled],
[type="url"][disabled],
[type="week"][disabled],
textarea[disabled] {
  color: var(--color--gray-60);
  background-color: var(--color--gray-100);
}

.error[type="color"],
.error[type="date"],
.error[type="datetime-local"],
.error[type="email"],
.error[type="file"],
.error[type="month"],
.error[type="number"],
.error[type="password"],
.error[type="search"],
.error[type="tel"],
.error[type="text"],
.error[type="time"],
.error[type="url"],
.error[type="week"],
textarea.error {
  border: solid 2px var(--color--red);
}

.error[type="color"]:focus,
.error[type="date"]:focus,
.error[type="datetime-local"]:focus,
.error[type="email"]:focus,
.error[type="file"]:focus,
.error[type="month"]:focus,
.error[type="number"]:focus,
.error[type="password"]:focus,
.error[type="search"]:focus,
.error[type="tel"]:focus,
.error[type="text"]:focus,
.error[type="time"]:focus,
.error[type="url"]:focus,
.error[type="week"]:focus,
textarea.error:focus {
  outline-color: var(--color--red);
  outline-offset: -2px;
}

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

.form-element--small[type="color"],
.form-element--small[type="date"],
.form-element--small[type="datetime-local"],
.form-element--small[type="email"],
.form-element--small[type="file"],
.form-element--small[type="month"],
.form-element--small[type="number"],
.form-element--small[type="password"],
.form-element--small[type="search"],
.form-element--small[type="tel"],
.form-element--small[type="text"],
.form-element--small[type="time"],
.form-element--small[type="url"],
.form-element--small[type="week"],
textarea.form-element--small {
  min-height: var(--sp2-5);
}

@media (min-width: 31.25rem) {
  [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: auto;
  }
}

/* Ensure that date field isn't larger than other fields. */

[type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

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