/* Text typed where it is shown (kit/inlinefield.js): the font of the place, a field only under the pointer and in typing.
   The chain of negations matches the common field layer (sheet of rules «specificity»). */
:is(input, textarea).inline-field:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not(.wp-num):not(.pin-input) {
  display: block;
  width: calc(100% + var(--sp-100) * 2);
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0 calc(var(--sp-100) * -1);
  padding: var(--sp-025) var(--sp-100);
  border: none;
  border-radius: var(--r-s);
  background: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  transition: background-color var(--dur-pop) var(--ease-out);
}
textarea.inline-field:not(.fixed) { resize: none; field-sizing: content; min-height: 0; }
:is(input, textarea).inline-field:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not(.wp-num):not(.pin-input):is(:hover, :focus) {
  background: var(--a-200);
  box-shadow: none;
}
:is(input, textarea).inline-field::placeholder { color: var(--ink3); opacity: 1; }
html[data-motion="calm"] .inline-field { transition: none; }