@use "../../../../styles/int.scss";

.container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: int.$spacing-1;
}

.name {
  display: flex;
  align-items: center;
  gap: int.$spacing-1;

  @include int.sans(
    $size: "300",
    $role: "component",
    $weight: "bold",
  );
}

.type {
  color: int.$warmgray-60;
  padding-left: int.$spacing-1;

  @include int.overline($size: "100") {
    font-weight: 400
  };
}