.product-review-teaser {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: var(--spacing-lg);
}

.product-review-teaser .color-avatar {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background-color: hsl(var(--color-h) var(--color-s) var(--color-l));
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  color: white;
  position: relative;
  overflow: hidden;
  user-select: none;
}

.product-review-teaser .color-avatar::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, var(--color-white-o-25) 0%, var(--color-black-o-25) 100%);
}

.product-review-teaser .color-avatar span {
  position: relative;
  z-index: 10;
  text-shadow: 1px 1px 1px var(--color-black-o-25);
}

.node-product-review-field-name {
  font-weight: bold;
}

.node-product-review-field-pros__label,
.node-product-review-field-cons__label,
.node-product-review-body__label {
  color: var(--color-text-dimmed);
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: var(--spacing-xs);
}

.node-product-review-field-pros__value,
.node-product-review-field-cons__value,
.node-product-review-field-pros__value {
  font: var(--typography-body-small);
}

.product-review-teaser .product-review-teaser-rating {
  margin-bottom: var(--spacing-md);
}

.node-product-review-field-images__items {
  display: grid;
  grid-gap: var(--spacing-sm);
  grid-template-columns: repeat(auto-fill, minmax(0, 162px));
}

.node-product-review-field-images__item {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  overflow: hidden;
}