Primary input fields
Subheading
Subheading
Subheading
TinyText/Red: Error text
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper  ">
    <input type="text" placeholder="Tiny text - grey" class="inm-textinput__input" />
  </div>
</div>
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper  inm-textinput--with-icon">
    <input type="text" placeholder="Field with icon" class="inm-textinput__input" />
    <img class="inm-textinput__icon" src="/assets/1661e289143a68e818484bf3b3ea1239.svg" alt="" />
  </div>
</div>
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper inm-textinput--error ">
    <input type="text" placeholder="Field with error" class="inm-textinput__input" />
  </div>
  <div class="inm-textinput__error">
    <img class="inm-textinput__error-icon" src="/assets/d5473c4bde55b33795f58f58a847a7cd.svg" alt="" />TinyText/Red: Error text</div>
</div>
Subheading
Subheading
Subheading
TinyText/Red: Error text
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper inm-textinput--bg-dark ">
    <input type="text" placeholder="Tiny text - grey" class="inm-textinput__input" />
  </div>
</div>
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper inm-textinput--bg-dark inm-textinput--with-icon">
    <input type="text" placeholder="Field with icon" class="inm-textinput__input" />
    <img class="inm-textinput__icon" src="/assets/1661e289143a68e818484bf3b3ea1239.svg" alt="" />
  </div>
</div>
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <div class="inm-textinput__wrapper inm-textinput--error inm-textinput--bg-dark ">
    <input type="text" placeholder="Field with error" class="inm-textinput__input" />
  </div>
  <div class="inm-textinput__error">
    <img class="inm-textinput__error-icon" src="/assets/d5473c4bde55b33795f58f58a847a7cd.svg" alt="" />TinyText/Red: Error text</div>
</div>
Text areas
Subheading

Optional description - small text.

Subheading

Optional description - small text.

TinyText/Red: Error text
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <p>
    <small>Optional description - small text.</small>
  </p>
  <div class="inm-textinput__wrapper  ">
    <textarea type="text" placeholder="Tiny text - grey" class="inm-textinput__input inm-textinput__input--area"></textarea>
  </div>
</div>
<div class="inm-textinput">
  <div class="inm-subheading inm-mid-blue-text">Subheading</div>
  <p>
    <small>Optional description - small text.</small>
  </p>
  <div class="inm-textinput__wrapper inm-textinput--error ">
    <textarea type="text" placeholder="Field with error" class="inm-textinput__input inm-textinput__input--area"></textarea>
  </div>
  <div class="inm-textinput__error">
    <img class="inm-textinput__error-icon" src="/assets/d5473c4bde55b33795f58f58a847a7cd.svg" alt="" />TinyText/Red: Error text</div>
</div>
Style and spacing
Field corners
Dropdown Spacing
Spacing
Dropdown Spacing