.rank-controls[aria-labelledby="bulk-weight-heading"] .rank-fields > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem;
  align-items: center;
}
.rank-controls[aria-labelledby="bulk-weight-heading"] label,
.rank-controls[aria-labelledby="bulk-weight-heading"] .compare-error {
  grid-column: 1 / -1;
}
.rank-controls[aria-labelledby="bulk-weight-heading"] input {
  font: inherit;
  width: 100%;
  max-width: 18rem;
  min-height: 44px;
  padding: .35rem .6rem;
  border: 1px solid #436b6e;
  border-radius: .3rem;
}
.rank-controls[aria-labelledby="bulk-weight-heading"] button {
  font: inherit;
  min-height: 44px;
  padding: .35rem .8rem;
  background: #e5f1ee;
  color: #173336;
  border: 1px solid #436b6e;
  border-radius: .3rem;
  cursor: pointer;
}
@media (max-width: 600px) {
  .rank-controls[aria-labelledby="bulk-weight-heading"] .rank-fields > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .rank-controls[aria-labelledby="bulk-weight-heading"] input {
    max-width: 100%;
  }
}