.dimension-method .dimension-choice {
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 0;
  height: var(--control-height);
  margin-bottom: 10px;
  border: 1px solid #d6dde4;
  background: #fff;
}

.dimension-method .dimension-choice:has(.mode-option input:checked) {
  border-color: #6f94aa;
  background: #d8e7ef;
  color: #12344b;
}

.dimension-method .dimension-choice:has(.mode-option input:checked) .mode-option {
  background: transparent;
  color: #12344b;
  border-right: 0;
}

.dimension-method .dimension-choice .mode-option {
  min-height: 42px;
  border: 0;
  background: transparent;
}

.method-limit {
  display: flex;
  min-width: 0;
  align-self: center;
  height: 34px;
  margin: 4px;
  border: 1px solid #9db4c3;
  background: #fff;
}

.method-limit input {
  min-width: 0;
  height: 32px;
  border: 0;
  background: transparent;
}

.method-limit span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 32px;
  padding: 0 10px;
  border-left: 1px solid #d6dde4;
  background: #f3f5f7;
  color: #45576b;
  font-size: .78rem;
  font-weight: 700;
}

@media(max-width:480px){
  .dimension-method .dimension-choice { grid-template-columns: 1fr; }
  .method-limit { border-top: 1px solid #d6dde4; border-left: 0; }
}