.cocolura-rating-slot[hidden] {
  display: none !important;
}

.cocolura-rating-slot,
.cocolura-rating-summary {
  align-items: center;
  color: rgb(var(--color-foreground, 18 18 18));
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0.45rem;
  line-height: 1.2;
  text-decoration: none;
}

.cocolura-rating-slot--card {
  margin-top: 0.45rem;
  min-height: 0;
}

.cocolura-rating-slot--card,
.cocolura-rating-slot--card .cocolura-rating-summary {
  font-size: 1.2rem;
}

.cocolura-rating-slot--detail {
  font-size: 1.4rem;
  margin: 0.7rem 0 0.2rem;
  width: fit-content;
}

.cocolura-rating-stars {
  --cocolura-rating-fill: 0%;
  color: #d8d8d8;
  display: inline-block;
  font-family: Arial, sans-serif;
  letter-spacing: 0.08em;
  line-height: 1;
  position: relative;
  white-space: nowrap;
}

.cocolura-rating-stars::before {
  color: #d6a22b;
  content: "★★★★★";
  inset: 0 auto 0 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: var(--cocolura-rating-fill);
}

.cocolura-rating-value {
  font-weight: 650;
}

.cocolura-rating-count {
  color: rgba(var(--color-foreground, 18 18 18), 0.66);
}

@media screen and (max-width: 749px) {
  .cocolura-rating-slot--detail {
    font-size: 1.3rem;
    margin-top: 0.55rem;
  }
}