.user-compact {
  container: user-compact/inline-size;
}
.user-compact__wrapper {
  margin-top: 24px;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-block-space-2xl);
}
@container user-compact (max-width: 1024px) {
  .user-compact__wrapper {
    margin-top: 16px;
    gap: var(--size-block-space-1xl);
  }
}
@container user-compact (max-width: 767px) {
  .user-compact__wrapper {
    gap: 24px;
  }
}
.user-compact__item {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--size-content-space-lg);
}
.user-compact__image {
  width: var(--size-button-height-2xl);
  height: var(--size-button-height-2xl);
  border-radius: var(--radius-avatar-full, 50%);
  overflow: hidden;
}
.user-compact__info {
  display: grid;
  grid-auto-rows: max-content;
  align-self: center;
}
.user-compact__name {
  color: var(--color-content-neutral-primary);
  /* BodyLgSemiBold */
  font-variant-numeric: var(--font-variant-numeric-BodyLgSemiBold);
  font-family: var(--font-family-BodyLgSemiBold);
  font-size: var(--font-size-BodyLgSemiBold);
  font-style: var(--font-style-BodyLgSemiBold);
  font-weight: var(--font-weight-BodyLgSemiBold);
  line-height: var(--font-line-height-BodyLgSemiBold);
  letter-spacing: var(--font-letter-spacing-BodyLgSemiBold);
}
.user-compact__position {
  color: var(--color-content-neutral-secondary);
  /* BodySmRegular */
  font-family: var(--font-family-BodySmRegular);
  font-size: var(--font-size-BodySmRegular);
  font-style: var(--font-style-BodySmRegular);
  font-weight: var(--font-weight-BodySmRegular);
  line-height: var(--font-line-height-BodySmRegular);
  letter-spacing: var(--font-letter-spacing-BodySmRegular);
}/*# sourceMappingURL=user.css.map */