@charset "UTF-8";
.product-rating {
  font-size: 11px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  color: #63717A;
}

.product-rating.nps .react-rater .react-rater-star:before {
  font-size: 30px;
}

.product-rating.nps .store-rating.modal-rating-stars [class^="react-stars-wrapper"] {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.product-rating.nps .store-rating.modal-rating-stars [class^="react-stars-wrapper"] span {
  padding: 10px;
}

@media (width: 1024px) {
  .product-rating:nth-child(2) {
    padding-left: 20px;
  }
}

.product-rating ul {
  margin: 0 auto;
  position: relative;
  top: 6px;
}

.product-rating ul li {
  display: inline;
  color: #D2DCDE;
  font-size: 23px;
}

.product-rating ul li.active {
  color: #63B2DB;
}

.product-rating .react-rater .react-rater-star {
  color: transparent;
  font-family: 'icomoon' !important;
  margin-right: -5px;
}

.product-rating .react-rater .react-rater-star::before {
  content: '\e983';
  color: #D2DCDE;
  font-size: 13px;
}

.product-rating .react-rater .react-rater-star.is-active {
  color: transparent;
  font-family: 'icomoon' !important;
  margin-right: -5px;
}

.product-rating .react-rater .react-rater-star.is-active::before {
  content: '\e983';
  color: #FBC979;
}

.product-rating .react-rater .react-rater-star.will-be-active::before {
  content: '\e983';
  color: #FBC979;
}

.product-rating .react-rater .react-rater-star.is-active-half {
  color: transparent;
  font-family: 'icomoon' !important;
  margin-right: 5px;
  width: 72%;
}

.product-rating .react-rater .react-rater-star.is-active-half::after {
  content: '\e983';
  color: #D2DCDE;
  margin-left: -9px;
}

.product-rating .react-rater .react-rater-star.is-active-half::before {
  content: '\e983';
  color: #FBC979;
  top: 0.5px;
}

.product-rating .txt-headline {
  line-height: 30px;
}

.product-rating.clear {
  padding: 0;
}

.product-rating.clear .icon::before {
  color: #FBC979;
  font-size: 13px;
  margin-top: -5px;
}

.product-rating.modal-scroll .react-rater .react-rater-star {
  margin: 15px 21px;
  top: -13px;
  left: 10px;
  width: 45%;
}

.product-rating.modal-scroll .react-rater .react-rater-star::before {
  font-size: 36px;
}

.product-rating.modal-scroll .react-rater > div .react-rater-star::after {
  content: "Péssima";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

.product-rating.modal-scroll .react-rater > div:nth-child(1) .react-rater-star::after {
  content: "Péssima";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div:nth-child(1) .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

.product-rating.modal-scroll .react-rater > div:nth-child(2) .react-rater-star::after {
  content: "Ruim";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div:nth-child(2) .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

.product-rating.modal-scroll .react-rater > div:nth-child(3) .react-rater-star::after {
  content: "Regular";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div:nth-child(3) .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

.product-rating.modal-scroll .react-rater > div:nth-child(4) .react-rater-star::after {
  content: "Boa";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div:nth-child(4) .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

.product-rating.modal-scroll .react-rater > div:nth-child(5) .react-rater-star::after {
  content: "Excelente";
  font-size: 13px;
  color: #63717A;
  position: absolute;
  left: -6px;
  bottom: -30px;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif;
  width: 120%;
  text-align: center;
}

.product-rating.modal-scroll .react-rater > div:nth-child(5) .react-rater-star.is-active::after {
  color: #63717A;
  font-weight: normal;
  opacity: .5;
}

@media (max-width: 767px) {
  .product-rating button {
    margin: 10px 0;
  }
}

@media (max-width: 767px) {
  .product-rating-tablets {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .product-rating-tablets:first-child {
    margin-bottom: 10px;
  }
  .product-rating-tablets .col-auto.product-rating {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}

@media (width: 768px) {
  .product-rating-tablets {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .product-rating-tablets:first-child {
    margin-bottom: 10px;
  }
  .product-rating-tablets .col-auto.product-rating {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
/*# sourceMappingURL=rating.css.map */