:root{
	--review-card-bg:#ffffff;
	--review-card-border:#f0d1ca;
	--review-card-text:#2d1816;
	--review-card-muted:#7b5651;
	--review-star:#ffb300;
	--review-card-radius:22px;
	--review-card-width:clamp(270px,31vw,390px);
	--review-dots-gap:14px;
	--review-dot-size:8px;
}

.appseo-review-list,
.review-list{
	position:relative;
	margin:var(--layout-section-gap) 0;
	padding:16px 16px var(--review-dots-gap);
	border:1px solid var(--review-card-border);
	border-radius:24px;
	background:#fff8f5;
	box-shadow:0 12px 32px rgba(100,20,14,.07);
}




.section-box > .appseo-review-list,
.section-box > .review-list{
	margin:0;
	padding:0 0 var(--review-dots-gap);
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

.appseo-review-list__viewport{
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x mandatory;
	cursor:grab;
	padding:2px 2px 6px;
}

.appseo-review-list__viewport.is-dragging{
	cursor:grabbing;
	scroll-snap-type:none;
}

.appseo-review-list__track,
.review-list__track{
	display:flex;
	gap:14px;
}

.appseo-review-card,
.review-card{
	flex:0 0 var(--review-card-width);
	scroll-snap-align:start;
	padding:18px;
	border:1px solid var(--review-card-border);
	border-radius:var(--review-card-radius);
	background:var(--review-card-bg);
	color:var(--review-card-text);
	box-shadow:0 12px 28px rgba(100,20,14,.06);
}

.appseo-review-card__head{
	display:flex;
	align-items:center;
	gap:12px;
}

.appseo-review-card__avatar{
	width:46px;
	height:46px;
	border-radius:999px;
	object-fit:cover;
	background:#fff1ed;
	display:grid;
	place-items:center;
	color:#b70018;
	font-weight:950;
}

.appseo-review-card__rating{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

.appseo-review-card svg,
.review-card svg{
	width:16px;
	height:16px;
	color:var(--review-star);
	fill:currentColor;
}

.appseo-review-card__stars{
	position:relative;
	display:inline-flex;
}

.appseo-review-card__stars-base{
	display:inline-flex;
	color:#ead7c8;
}

.appseo-review-card__stars-fill{
	position:absolute;
	inset:0 auto 0 0;
	overflow:hidden;
	display:inline-flex;
	color:var(--review-star);
}

.appseo-review-card p,
.review-card p{
	color:var(--review-card-muted);
}

.appseo-review-list__nav{
	display:none;
}

.appseo-review-list > .appseo-review-list__dots-wrap,
.review-list > .appseo-review-list__dots-wrap{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:var(--review-dot-size);
	min-height:0;
	margin:var(--review-dots-gap) 0 0;
	padding:0;
	line-height:0;
}

.appseo-review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots,
.review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:auto;
	height:var(--review-dot-size);
	min-height:0;
	line-height:0;
	list-style:none;
	margin:0;
	padding:0;
}

.appseo-review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots > li,
.review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots > li{
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0;
}

.appseo-review-list > .appseo-review-list__dots-wrap .appseo-review-list__dot,
.review-list > .appseo-review-list__dots-wrap .appseo-review-list__dot{
	width:var(--review-dot-size);
	height:var(--review-dot-size);
	border:0;
	border-radius:999px;
	background:#efc5bd;
	cursor:pointer;
	padding:0;
}

.appseo-review-list > .appseo-review-list__dots-wrap .appseo-review-list__dot.is-active,
.review-list > .appseo-review-list__dots-wrap .appseo-review-list__dot.is-active{
	width:22px;
	background:#b70018;
}

.entry-content .appseo-review-list > .appseo-review-list__dots-wrap,
.entry-content .review-list > .appseo-review-list__dots-wrap{
	box-sizing:border-box;
}

.entry-content .appseo-review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots,
.entry-content .review-list > .appseo-review-list__dots-wrap > .appseo-review-list__dots{
	box-sizing:border-box;
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

@media (max-width:640px){
	:root{
		--review-card-width:82vw;
	}

	.appseo-review-list{
		padding:12px 12px 10px;
		border-radius:20px;
	}

	.appseo-review-list > .appseo-review-list__dots-wrap,
	.review-list > .appseo-review-list__dots-wrap{
		margin-top:12px;
	}
}