@use "design";
@use "m";

.clock {
  color: design.$peach-50;
}

.lock {
  color: design.$green-50;
}

.scissor {
  color: design.$red-50;
}

.loanOption {
  display: grid;
  grid-template-columns: (120px 1fr);
  align-items: center;

  > :first-child {
    white-space: nowrap;
    padding-right: 15px;
  }
}

// TODO, should this just be `section` inside of `legalProse`?
.box {
  border: 1px solid design.$color-on-surface;
  padding: 0.5em;
}