.currency_field_container {
  .currency_field {
    height: 40px;
    border: 1px solid var(--_gray-300);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 130px;
    .currency_symbol {
      font-size: 16px;
      font-weight: 600;
      padding-inline: 8px;
      padding-inline: 8px;
      color: var(--_gray-500);
      input {
        color: var(--_gray-900);
        font-size: 16px;
        font-weight: 600;
        &::placeholder {
          color: var(--_gray-500);
        }
      }
    }

    &:focus-within {
      border: 1px solid var(--_primary-300);
      outline: 2px solid var(--_primary-50);
    }
  }
}