.review-card {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  position: relative;
  padding: 20px;
}
.review-card::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  width: 54px;
  height: 46px;
  line-height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='' d='M176 32H64C28.7 32 0 60.7 0 96v128c0 35.3 28.7 64 64 64h64v24c0 30.9-25.1 56-56 56H56c-22.1 0-40 17.9-40 40v32c0 22.1 17.9 40 40 40h16c92.6 0 168-75.4 168-168V96c0-35.3-28.7-64-64-64zm32 280c0 75.1-60.9 136-136 136H56c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h16c48.6 0 88-39.4 88-88v-56H64c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h112c17.7 0 32 14.3 32 32v216zM448 32H336c-35.3 0-64 28.7-64 64v128c0 35.3 28.7 64 64 64h64v24c0 30.9-25.1 56-56 56h-16c-22.1 0-40 17.9-40 40v32c0 22.1 17.9 40 40 40h16c92.6 0 168-75.4 168-168V96c0-35.3-28.7-64-64-64zm32 280c0 75.1-60.9 136-136 136h-16c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h16c48.6 0 88-39.4 88-88v-56h-96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h112c17.7 0 32 14.3 32 32v216z'%3e%3c/path%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  opacity: 0.1;
}
.review-card__info {
  position: relative;
  display: flex;
  align-items: center;
}
.review-card__avatar {
  width: 70px;
  height: 70px;
  margin-right: 15px;
  position: relative;
}
.review-card__avatar img {
  padding: 2px;
  border: 2px dashed var(--accent);
  border-radius: 50%;
}
.review-card__name {
  font-weight: 700;
  color: var(--accent-dark);
  font-family: var(--secondfont);
}
.review-card__country {
  line-height: 1;
  font-size: 0.875em;
}
.review-card__desc {
  margin-top: 15px;
}
.review-card__answer {
  margin-top: 20px;
  padding: 20px;
  position: relative;
  background-color: #e9ecef;
  margin: 20px -20px -20px;
}
.review-card__answer-title {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 11px;
  font-weight: 700;
  background-color: #fff;
  padding: 5px 6px 3px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--accent-dark);
  border-radius: 3px;
}

.form-review {
  background-color: #fff;
  box-shadow: var(--shadow);
  border-radius: 10px;
  position: relative;
}

.avatar-upload {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 132px;
  height: 132px;
  background: #F8F8F8;
  border-radius: 0.25rem;
  cursor: pointer;
  z-index: 1;
  overflow: hidden;
}
.avatar-upload__input {
  display: none;
}
.avatar-upload__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.avatar-upload--image .avatar-upload__icon {
  display: none;
}
.avatar-upload__upload {
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  color: inherit;
  pointer-events: none;
  font-weight: 500;
  z-index: 1;
}
.avatar-upload--image .avatar-upload__upload {
  display: none;
}
.avatar-upload__delete {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 32px;
  height: 32px;
  background: #f8f9fa;
  text-indent: -9999px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.avatar-upload__delete::after, .avatar-upload__delete::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 14px;
  background-color: #ff231f;
  content: "";
}
.avatar-upload__delete::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.avatar-upload__delete::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.avatar-upload--image .avatar-upload__delete {
  display: block;
}
.avatar-upload--image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: default;
}
.rating {
  display: flex;
}
.rating span,
.rating label {
  margin-right: 2px;
  height: 16px;
  width: 16px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23dee2e6' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.rating label {
  cursor: pointer;
}
.rating input {
  display: none;
}
.rating input:nth-child(1):checked ~ label:nth-of-type(-n + 1),
.rating input:nth-child(2):checked ~ label:nth-of-type(-n + 2),
.rating input:nth-child(3):checked ~ label:nth-of-type(-n + 3),
.rating input:nth-child(4):checked ~ label:nth-of-type(-n + 4),
.rating input:nth-child(5):checked ~ label:nth-of-type(-n + 5), .rating-1 span:nth-of-type(-n + 1), .rating-2 span:nth-of-type(-n + 2), .rating-3 span:nth-of-type(-n + 3), .rating-4 span:nth-of-type(-n + 4), .rating-5 span:nth-of-type(-n + 5) {
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23CFA55B' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
}
.rating-form span,
.rating-form label {
  margin-right: 4px;
  height: 24px;
  width: 24px;
}