.currency-control {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.currency-control__label,
.currency-control__note {
  margin: 0;
  color: #55554f;
  font-size: var(--type-detail-size);
  line-height: var(--type-detail-line);
}

.currency-control__select {
  min-width: 7.5rem;
  border: 0;
  border-radius: 2px;
  padding: .68rem 2.25rem .68rem .8rem;
  background: rgba(17, 17, 17, .07);
  color: inherit;
  font: inherit;
  font-size: var(--type-detail-size);
}

.currency-control__select:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.engagements-currency {
  max-width: 26ch;
  justify-self: end;
}

.monthly-budget-currency {
  max-width: 42rem;
  margin: 1.6rem 0 2rem;
}

.monthly-budget-currency .currency-control__label,
.monthly-budget-currency .currency-control__note {
  color: #64645f;
}

.monthly-budget-currency .currency-control__select {
  background: rgba(255, 255, 255, .08);
  color: inherit;
}

@media (max-width: 1080px) {
  .engagements-currency {
    justify-self: start;
  }
}