.field{
  height:var(--field-h);width:100%;padding:0 16px;
  background:#0a0a0a;color:var(--text);
  border:1px solid var(--border);border-radius:0;
  outline:none;transition:border-color .2s;
}
.field:focus{border-color:var(--accent)}
textarea.field{min-height:var(--field-h);padding:14px 16px;resize:vertical;line-height:1.5}

input[type="checkbox"].check,
input[type="radio"].radio{
  appearance:none;-webkit-appearance:none;
  width:22px;height:22px;
  background:#0a0a0a;border:1px solid var(--border);border-radius:0;
  cursor:pointer;position:relative;
}
input[type="radio"].radio{border-radius:50%}
input[type="checkbox"].check:checked,
input[type="radio"].radio:checked{background:var(--accent);border-color:var(--accent)}
input[type="checkbox"].check:checked::after{
  content:"";position:absolute;left:6px;top:2px;
  width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
input[type="radio"].radio:checked::after{
  content:"";position:absolute;left:6px;top:6px;
  width:8px;height:8px;background:#fff;border-radius:50%;
}