.unit-type .metric-fields {
    display: none;
  }

  .unit-type .us-fields {
    display: none;
  }

  .unit-type input[value="1"]:checked~.metric-fields {
    display: block;
  }

  .unit-type input[value="2"]:checked~.us-fields {
    display: block;
  }

  .result {
    padding: 5px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
  }