@charset "UTF-8";
/* Star Rating */
.rate {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

#star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#star-rating > input {
  display: none;
}
#star-rating > input:checked ~ label:before {
  opacity: 1;
}
#star-rating > label {
  position: relative;
  width: 1em;
  font-size: 30px;
  font-weight: 300;
  color: var(--first-color);
  cursor: pointer;
}
#star-rating > label::before {
  content: "★";
  position: absolute;
  opacity: 0;
}
#star-rating > label:hover:before, #star-rating > label:hover ~ label:before {
  opacity: 1 !important;
}
#star-rating:hover > input:checked ~ label:before {
  opacity: 0.4;
}