:host {
  /**
  * @prop --user-card-text-color: Set text content color
  * @prop --user-card-font-size: Set text content font-size
  */
  --user-card-links-color: var(--joy-color-secondary-50);
  --user-card-links-color-hover-focus: var(--joy-color-secondary-90);
  --user-card-text-color: var(--joy-color-neutral-60);
  --user-card-font-size: var(--joy-font-size-primary-400);
  display: inline-flex;
  font-family: var(--joy-font-family-base);
}

::slotted(strong) {
  display: block;
  font-weight: 700;
}

::slotted(p) {
  margin: 0;
  color: var(--user-card-text-color);
  display: block;
  font-size: var(--user-card-font-size);
  font-family: inherit;
}

a.joy-user-card .joy-user-card__title {
  color: var(--user-card-links-color);
}
a.joy-user-card:hover .joy-user-card__title {
  text-decoration: underline;
}

.joy-user-card {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
}
.joy-user-card__picture {
  margin-right: var(--joy-core-spacing-3);
}
.joy-user-card__informations {
  color: var(--user-card-text-color);
  font-size: var(--user-card-font-size);
}
.joy-user-card__informations a {
  display: block;
  margin: 0;
  font-family: inherit;
  color: var(--user-card-links-color);
  word-break: break-word;
}
.joy-user-card__informations a:hover, .joy-user-card__informations a:focus {
  color: var(--user-card-links-color-hover-focus);
  text-decoration: underline;
}
@media screen and (max-width: 479px) {
  .joy-user-card__informations {
    margin-left: var(--joy-core-spacing-1);
  }
}
.joy-user-card__informations p, .joy-user-card__informations a {
  display: block;
  margin: 0;
  word-break: break-word;
}
.joy-user-card__informations joy-rating-stars {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.joy-user-card__title {
  font-size: inherit;
  font-weight: bold;
  line-height: var(--joy-line-height-large);
}
.joy-user-card__subtitle {
  font-size: inherit;
  font-weight: normal;
  line-height: var(--joy-line-height-large);
}
.joy-user-card__other {
  font-size: inherit;
  text-decoration: none;
  color: var(--user-card-text-color);
}