form {
    
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    
    gap: 0rem;
  }
  
  label {
    
    margin-top: 1rem;
    
    display: flex;
    flex-flow: column nowrap;
  }
  
  form > label,
  form > section > label,
  form > div label,
  form .radioContainer,
  form .checkboxContainer {
    
    gap: 0em;
  }
  
  label:first-of-type {
    margin-top: 0em;
  }
  
  fieldset {
    
    border: none;
    
    padding: 0em;
    margin: 0em;
  }
  
  fieldset label {
    
    flex-flow: row nowrap;
    align-items: baseline;
  }
  
  legend {
    
    margin: 0em;
    padding: 0em;
  }
    
  input,
  select,
  textarea,
  textarea,
  input[type=text],
  input[type=password],
  input[type=date] {
    
    font-family: "LIGHT", sans-serif;
    font-size: 100%;
    
    padding: 0.2rem;
    
    border: 0.05rem solid var(--colour-input-border-color);
    border-radius: 0rem;
    
    background-color: var(--colour-input-bg-color);
  }
  
  input[type=text],
  input[type=password],
  input[type=date],
  select {
    
    width: auto;
    height: auto;
  }
  
  textarea {
    
    width: auto;
    
    overflow: auto;
  }
  
  input[type=checkbox],
  input[type=radio] {
    
    width: auto;
    height: auto;
    
    margin: 0em 0.3em 0em 0em;
  }
  
  option {
    background-color: var(--colour-input-bg-color);
  }
  
  input[type=file] {
    
    border: none;
    
    background: none;
  }
  
  input:focus,
  textarea:focus,
  select:focus {
    
    box-shadow: 0em 0em 0.2em #cac2c2;
  }
    
  .password-field button > span.svg {
    
    display: inline-grid;
  }