/*
 * SUPERSEAL'S LOOPER REELS
 * Interactive Crates ratings
 */

.crate-personal-rating.crate-rating-stars {
  display: flex;
  align-items: center;

  gap: 2px;

  margin-top: 3px;
}


.crate-rating-star {
  appearance: none;
  -webkit-appearance: none;

  border: 0;
  padding: 0;
  margin: 0;

  background: transparent;

  color:
    rgba(75, 255, 105, .26);

  font: inherit;
  font-size: 13px;

  line-height: 1;

  cursor: pointer;

  transition:
    color .08s ease,
    text-shadow .08s ease,
    transform .08s ease;
}


.crate-rating-star.is-rated {
  color: #54ff6c;

  text-shadow:
    0 0 5px
    rgba(60, 255, 90, .85);
}


.crate-rating-star:hover {
  color: #9affaa;

  transform:
    scale(1.18);
}


.crate-rating-star:focus-visible {
  outline:
    1px solid
    #54ff6c;

  outline-offset:
    2px;
}