.answerHeader,
  .cell {
  
    display: flex;
    flex-flow: row nowrap;
    
    gap: 1em;
  }
  
  .answerHeader {
    justify-content: space-between;
    align-items: start;
  }
  
  .answerHeader > label {
    
    display : grid;
    grid-template-columns: auto 1fr;
    
    grid-column-gap: 1em;
    
    padding: 0em;
  }
  
  .answerHeader > label .feedback {
    grid-column: -1/1;
  }
  
  .answerHeader input {
    
    width: 3.5em;
  }
  
  .answerHeader > label > * {
    
    align-self: center;
    
    margin: 0em;
  }
  
  .selectedBg {
  
    border-bottom: 0.15em solid #652C7A;
  }
  
  .singleAnswer {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .singleAnswer > button {
    
    display: flex;
    flex-flow: row nowrap;
    justify-content: end;
    align-items: center;
    
    width: 6em;
    
    align-self: flex-end;
    
    padding: 0.5em 0em;
    
    background: transparent;
  }
  
  
  .singleAnswer select,
  .singleAnswer textarea {
    border: 0.1em solid #D6D6D6;
    
  }
  
  .cell select,
  .cell textarea {
  
    height: 2.5em;
  }
  
  .cell input[type="number"],
  .cell input[type="text"] {
    width: 100%;
  }
  
  .cell > span {
    align-self: center;
  }


@media screen and (min-width: 580px) {
  
}