.cs-avis {
  --cs-avis-star-size: 2rem;
  --cs-avis-color: #f5a623;
  --cs-avis-muted: #d7d7d7;
  max-width: 360px;
  font-family: inherit;
}

.cs-avis__label {
  margin-bottom: .35rem;
  font-weight: 600;
}

.cs-avis__stars {
  display: inline-flex;
  gap: .15rem;
}

.cs-avis__star {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--cs-avis-muted);
  cursor: pointer;
  font-size: var(--cs-avis-star-size);
  line-height: 1;
  padding: 0 .05rem;
  transition: color .15s ease, transform .15s ease;
}

.cs-avis__star:hover,
.cs-avis__star:focus,
.cs-avis__star.is-active {
  color: var(--cs-avis-color);
}

.cs-avis__star:hover,
.cs-avis__star:focus {
  transform: translateY(-1px);
  outline: none;
}

.cs-avis__star:disabled {
  cursor: default;
  opacity: .85;
}

.cs-avis__summary {
  margin-top: .35rem;
  font-size: .95rem;
}

.cs-avis__bar {
  height: 6px;
  margin-top: .4rem;
  overflow: hidden;
  border-radius: 999px;
  background: #ececec;
}

.cs-avis__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--cs-avis-color);
  transition: width .25s ease;
}

.cs-avis__message {
  min-height: 1.3em;
  margin-top: .35rem;
  font-size: .9rem;
}

.cs-avis.is-loading {
  opacity: .8;
}