.reviews {
  --star: url("star.svg") no-repeat center center;
  --star-outline: url("star-outline.svg") no-repeat center center;
  margin: auto;
  max-width: 86.5rem;
  opacity: 0.8;
  background: #f3f6f4;
  border-radius: 0.5rem;
}

.reviews * {
	font-family:SFpro, sans-serif !important;
}

/* .reviews .review__reply ,
.reviews .review__reply .review:not(:first-child) {
	margin-top:1rem;
}
 */
.reviews__header {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 2.75rem 4.38rem 0;
}
.reviews__title {
  margin-bottom: 0.44rem;
  color: var(--greyscaletext-90, #1d1d1d);
  /* WEB/H5/Heavy */
  font-family: "SF Pro Display";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 2.1rem */
}
.reviews__rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: fit-content;
}

.review__images {
	flex: 1;
    flex-basis: 100%;
    padding-left: 4.37rem;
    padding-top: 0.38rem;
	display:flex;
}

.review__images img {
	width:auto;
	height: 5.5rem;
	object-fit:contain;
	margin-right:0.5rem;
} 

.review__content {
	display:flex;
}

.reviews__score {
  margin-right: 0.5rem;
  color: var(--greyscaletext-80-primary, #262626);
  font-family: "SF Pro Display";
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 3.1875rem */
}
.reviews__stars {
  display: flex;
  flex: 1;
}
.reviews__star {
  margin-right: 0.19rem;
}
.reviews__star--full {
  width: 1rem;
  height: 1rem;
  background: var(--star);
  background-size: cover;
}
.reviews__star--outline {
  width: 1rem;
  height: 1rem;
  background: var(--star-outline);
  background-size: cover;
}
.reviews__count {
  margin-left: 0.5rem;
  color: var(--unnamed, #828282);
  /* WEB/SUB2/SEMI BOLD */
  font-family: "SF Pro Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 1.05rem */
}
.reviews__distribution {
  width: 100%;
}
.reviews__bar {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.reviews__bar-label {
  width: 5.13rem;
  margin-right: 0.5rem;
}
.reviews__bar-line {
  align-self: flex-start;
  width: 14.9375rem;
  height: 0.625rem;
  margin-bottom: 0.5rem;
  margin-right: 0.44rem;
}
.reviews__bar-line svg {
  width: 100%;
  height: 100%;
}
.reviews__bar-count {
  color: var(--unnamed, #828282);
  /* WEB/SUB3/MEDIUM */
  font-family: "SF Pro Display";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 0.9rem */
}
.reviews__comments {
  margin-top: 1.56rem;
  padding: 0 4.38rem;
}
.reviews .review {
  display: flex;
  flex-wrap: wrap;
	margin-top:1rem;
}
.reviews__comments > .review{
	margin-bottom: 1rem;
}
.reviews .review__user {
  padding: 0.5rem 1.38rem;
  background: #fff;
  border-radius: 0.625rem;
}
.reviews .review__username {
  color: var(--greyscaletext-80-primary, #262626);
  /* WEB/SUB1/BOLD */
  font-family: "SF Pro Display";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 1.2rem */
}
.reviews .review__text {
  flex: 1;
  color: var(--greyscaletext-40-tag, #6a6a6a);
  /* WEB/BODY1/REGULAR */
  font-family: "SF Pro Display";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
}
.reviews .review__date {
  flex: 1;
  flex-basis: 100%;
  padding-left: 5.37rem;
  padding-top: 0.38rem;
  color: var(--greyscaletext-30, #828282);
  /* WEB/SUB2/REGULAR */
  font-family: "SF Pro Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.05rem */
}
.reviews .review__date button {
  color: var(--greyscaletext-30, #828282);
  text-align: right;
  margin-left: 1rem;
  /* WEB/SUB2/REGULAR */
  font-family: "SF Pro Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.05rem */
  outline: none;
  border: none;
  cursor: pointer;
}
.reviews .review__image {
	border-radius: 50%;
  width: 2.875rem;
  height: 2.875rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.62rem;
}
.reviews .review__reply {
  flex: 1;
  flex-basis: 100%;
  display: flex;
  padding-left: 3.37rem;
  flex-direction: column;
}
.reviews .review__reply-user {
  margin-top: 1.38rem;
  display: flex;
}
.reviews .review__reply-link {
  color: #1e88e5;
  text-decoration: none;
}
.reviews__pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.reviews__pagination-item {
  margin: 0 5px;
  padding: 5px 10px;
  cursor: pointer;
}
.reviews__pagination-item--active {
  font-weight: bold;
  border-bottom: 2px solid #1e88e5;
}
.reviews__input {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ddd;
  background: rgba(208, 227, 216, 0.7);
  padding: 1.06rem 1.94rem;
  position: relative;
	margin-top:1rem;
}
.reviews__input-avatar {
  align-self: self-start;
  width: 3.25rem;
  height: 3.25rem;
  margin-right: 0.5rem;
}
.reviews__input-field {
  flex-grow: 1;
  padding: 1.69rem 4.25rem;
  border: none;
  border-radius: 5px;
  margin-right: 10px;
  max-width: 77.4375rem;
}
.reviews__input-star {
  display: flex;
  position: absolute;
  bottom: 1.4rem;
  left: 7rem;
}
.reviews__input-star button {
  cursor: pointer;
  outline: none;
  border: none;
  width: 1.25rem;
  height: 1.25rem;
/*   filter: brightness(0) saturate(100%) invert(48%) sepia(29%) saturate(2%) hue-rotate(314deg) brightness(101%) contrast(87%); */
}
.reviews__image {
  cursor: pointer;
  position: absolute;
  left: 7rem;
  top: 2.4rem;
}
.reviews__image img {
width: 1.5rem;
height: 1.5rem;
}

.reviews__image input {
  display: none;
}
.reviews__preview-image {
  padding: 0rem 1.94rem;
  background: rgba(208, 227, 216, 0.7);
  display: flex;
  flex-wrap: wrap;
}
.reviews__preview-image img {
  margin-right: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  width: auto;
  max-width: 100%;
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.reviews__input-submit {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  bottom: 2rem;
  right: 3.35rem;
}
.reviews__input-submit svg {
  width: 100%;
  height: 100%;
}
.reviews .reviews__distribution .reviews__star {
  width: 0.875rem;
  height: 0.875rem;
}
.remove {
  position: relative;
}

.reviews__preview-image .remove-btn {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}
.reviews__box {
  position: relative;
}

/* HTML: <div class="loader"></div> */
.loading .loader {
  position: absolute;
  inset: 0;
  background: rgba(208, 227, 216, 0.7);
	z-index:1;
}

.loading .loader::after {
	content:"";
	--size : 4px;
	position:absolute;
	top:calc(50% - var(--size));
	left:calc(50% - var(--size));
	z-index:2;
	  --d: 22px;
	  width: var(--size);
	  height: var(--size);
	  border-radius: 50%;
	  color: var(--green-600);
	  box-shadow:
		calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
		calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
		calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
		calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
		calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
		calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
		calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
	  animation: l27 1s infinite steps(8);
}
@keyframes l27 {
  100% {
    transform: rotate(1turn);
  }
}

@media (max-width:767.98px){
	.pagination-container {
		padding-bottom: 0;
	}
	.reviews {
		max-width:100%;
		width:100%;
	}
	.items-container, .comment-container {
		padding:0;
		margin:0;
	}
	
	.reviews__header,.reviews__comments {
		    padding: 0 0.5rem;
	}
	.reviews__input {
		padding: 1.06rem 0.5rem;
	}
	.reviews__input-field {
		padding: 1.5rem 1rem;
	}
	.reviews__header {
		padding: 1rem;
		padding-top:2rem;
	}
	.reviews__image{
		        left: 1.4rem;
        top: 5.2rem;
	}
	.reviews__input-star {
		left: 4.6rem;
	}
	.reviews__input-star button {
		    width: 1rem;
    height: 1rem;
	}
	.reviews__comments {
		margin-top: 1rem;
	}
	.reviews__input-submit {
		bottom: 1.25rem;
    right: 1.25rem;
	}
	.reviews .review__reply {
		padding-left:1rem;
	}
	.reviews__preview-image {
		padding: 1.06rem 1.25rem;
	}
	.reviews .review__date {
		padding-left: 2.37rem;
	}
	.reviews .review__user {
		flex-basis:75%;
	}
	.reviews__bar-line{
		width:12rem;
	}
}

/*# sourceMappingURL=styles.css.map */