/** @format */

.c-rating-v2 {
  display: flex;
  gap: 0.8rem;
  align-items: flex-end;
}

.c-rating-v2__stars {
  display: flex;
  gap: 0.4rem;
}

.c-rating-v2__star {
  position: relative;

  width: 1.5rem;
  height: 1.5rem;

  .c-rating-v2.--large & {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.c-rating-v2__star-icon {
  position: absolute;
  inset: 0;
  fill: var(--vdb-color-dark-0);

  &.--empty {
    fill: var(--vdb-color-dark-2);
  }

  &.--clipped {
    clip-path: inset(0 var(--clip-percent) 0 0);
  }
}