form-text.css

/*
 * 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: 3.375rem;
  padding: 0 1.125rem;
  color: #0d1214;
  border: 1px solid #7e96a7;
  border-radius: 0.1875rem;
  background-color: #fff;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  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 #2494db;
  outline: solid 2px #2494db;
}

@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"]::-ms-clear,
[type="date"]::-ms-clear,
[type="datetime-local"]::-ms-clear,
[type="email"]::-ms-clear,
[type="file"]::-ms-clear,
[type="month"]::-ms-clear,
[type="number"]::-ms-clear,
[type="password"]::-ms-clear,
[type="search"]::-ms-clear,
[type="tel"]::-ms-clear,
[type="text"]::-ms-clear,
[type="time"]::-ms-clear,
[type="url"]::-ms-clear,
[type="week"]::-ms-clear,
textarea::-ms-clear {
  display: none;
}

[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: #7e96a7;
  background-color: #f1f4f7;
}

.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 #e33f1e;
}

.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: #e33f1e;
  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 #e33f1e;
}

.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: 2.8125rem;
}

@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. */

[dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-left: 0;
}

[dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-right: 0;
}

[dir="ltr"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-right: 0;
}

[dir="rtl"] [type="date"]::-webkit-datetime-edit-fields-wrapper {
  padding-left: 0;
}

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

[type="file"] {
  height: auto;
  padding-top: 0.84375rem;
  padding-bottom: 0.84375rem;
}

[type="color"] {
  width: 3.375rem;
  padding: 0;
}