/* primary */
/* primary hover */
/* dark */
/* light */
/* light hover */
/* accent */
/* accent hover */
.easyreviews {
  margin-top: 30px;
}

.easyreviews__reviews-container {
  display: flex;
  gap: 64px;
}

.easyreviews__reviews {
  flex-grow: 1;
}

.easyreviews__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.easyreviews__summary-container {
  flex-shrink: 0;
}

.easyreviews__summary-rating {
  display: flex;
  align-items: center;
  gap: 16px;
}

.easyreviews__summary-rating-text {
  color: #979797;
}

.easyreviews__detailed-rating {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.easyreviews__detailed-rating-item {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}

.easyreviews__detailed-rating-item:last-child {
  margin: 0;
}

.rating-count {
  width: 12px;
  font-size: 12px;
  line-height: 16.34px;
  color: #848080;
}

.easyreviews-progress {
  width: 180px;
  height: 12px;
  margin: 0 8px;
  background: #f2f2f2;
}

.easyreviews-progress span {
  height: 100%;
  display: block;
  width: 0;
  background-color: #ffde00;
}

.easyreviews__summary-button-container {
  margin-top: 24px;
}
.easyreviews__summary-button-container button {
  font-size: 14px;
  line-height: 14px;
  max-width: 260px;
  padding: 8px 0;
  border-radius: 10px;
  background: var(--primary-color);
}

.easyreviews__widgets > * {
  max-width: 440px;
  margin-top: 24px;
}

.easyreviews__footer-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 40px;
  text-align: center;
}

.easyreviews__spinner-container {
  display: none;
  color: var(--primary-color);
}

.easyreviews_lazy-load .easyreviews__pagination-container {
  display: none;
}
.easyreviews_lazy-load .easyreviews__more-button-container {
  display: none;
}
.easyreviews_lazy-load .easyreviews__spinner-container {
  display: block;
}

.easyreviews_lazy-load-done .easyreviews__pagination-container {
  display: block;
}
.easyreviews_lazy-load-done .easyreviews__more-button-container {
  display: none;
}
.easyreviews_lazy-load-done .easyreviews__spinner-container {
  display: none;
}

.easyreviews-popup {
  padding: 24px;
}
.easyreviews-popup .modal__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  color: var(--primary-color);
  margin-bottom: 24px;
}
.easyreviews-popup .easyreviews-form .form__fields {
  gap: 0;
}
.easyreviews-popup .easyreviews-form .form__fields .form__field {
  margin: 0 0 24px;
}
.easyreviews-popup .easyreviews-form .form__fields .easyreviews-form__field_text.form__field {
  margin: 0 0 16px;
}
.easyreviews-popup .easyreviews-form .form-field__name {
  font-size: 14px;
  line-height: 14px;
  color: #686868;
  margin: 0 0 16px;
}
.easyreviews-popup .easyreviews-form .rating-select__star {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.easyreviews-popup .easyreviews-form .rating-select__star:last-child {
  margin: 0;
}
.easyreviews-popup .easyreviews-form .textarea {
  height: 132px;
  resize: none;
  margin: 8px 0;
}
.easyreviews-popup .easyreviews-form__field_rating {
  display: flex !important;
  align-items: center;
}
.easyreviews-popup .easyreviews-form__field_rating .form-field__name {
  width: auto;
  margin: 0 16px 0 0;
}
.easyreviews-popup .easyreviews-form__field_rating .rating-select__value-container {
  margin: 0 0 0 8px;
}
.easyreviews-popup .easyreviews-form__field_rating .easyreviews-form__error-container {
  margin: 0;
}

.easyreviews-popup__content {
  max-width: 400px;
}

@media (max-width: 1023px) {
  .easyreviews {
    margin-top: 16px;
  }
  .easyreviews__reviews-container {
    flex-direction: column-reverse;
    gap: 32px;
  }
  .easyreviews__summary-rating {
    flex-wrap: wrap;
  }
  .easyreviews__summary-title {
    width: 100%;
  }
  .easyreviews__footer-container {
    margin-top: 25px;
  }
  .easyreviews__more-button-container {
    margin-bottom: 20px;
  }
  .easyreviews__widgets {
    margin-top: 32px;
  }
  .easyreviews__widgets > * {
    max-width: initial;
  }
}
.easyreviews-form .form-field {
  display: block;
}
.easyreviews-form .form-field__name {
  display: block;
  width: 100%;
}

.easyreviews-form__error-container {
  display: block;
  color: #ff3131;
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
}

.easyreviews-form__notice {
  display: none;
}