select {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  color: #E8ECF2;
  padding: 8px 32px 8px 12px;
  font: inherit;
  width: 100%;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
select:focus {
  border-color: rgba(255,255,255,0.3);
}

.input-row {
  display: flex;
  gap: 8px;
}
.input-row .btn {
  flex-shrink: 0;
  padding: 8px 14px;
}

.num-input {
  flex: 1;
  min-width: 0;
  appearance: textfield;
  -moz-appearance: textfield;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  color: #E8ECF2;
  padding: 8px 12px;
  font: inherit;
  outline: none;
}
.num-input::-webkit-inner-spin-button,
.num-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.num-input:focus {
  border-color: rgba(255,255,255,0.3);
}
.num-input::placeholder {
  color: rgba(255,255,255,0.25);
}