/* 07E. No changes to values, required, pattern, limits, disabled or hidden. */
@media screen {
  body :is(input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="tel"], input[type="date"], input[type="time"], input[type="datetime-local"], textarea, select) {
    min-height: 44px;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--common-ink);
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--common-text);
    background: var(--common-paper);
    font: 400 16px/1.5 var(--common-font);
    box-shadow: none;
  }
  body :is(input, select, textarea):focus:focus-visible {
    outline: 3px solid var(--common-ink);
    outline-offset: 2px;
    border-color: var(--common-ink);
    box-shadow: none;
  }
  body :is(input, textarea)::placeholder { color: var(--common-ink); opacity: .8; }
  body :is(input[type="checkbox"], input[type="radio"], input[type="range"]) { accent-color: var(--common-ink); }
  body :is(input, select, textarea):disabled {
    color: var(--common-ink);
    background-color: var(--common-shade);
    border-style: dashed;
    cursor: not-allowed;
  }
  body :is(input, textarea)[readonly] { background-color: var(--common-shade); }
  body :is(input, select, textarea)[aria-invalid="true"],
  body :is(input, select, textarea):user-invalid { border: 3px double var(--common-ink); }
  body :is(.form-group, .media-folder-form, .settings-form) > label {
    color: var(--common-ink); font-family: var(--common-font); font-weight: 600;
  }
}