.fwsur-reviews {
	--fwsur-border: #dcdcde;
	--fwsur-muted: #646970;
	--fwsur-star: #dba617;
}

.fwsur-summary,
.fwsur-form-wrap {
	margin-bottom: 2rem;
}

.fwsur-summary-score,
.fwsur-review-header {
	display: flex;
	align-items: center;
	gap: .75rem;
	flex-wrap: wrap;
}

.fwsur-stars {
	display: inline-flex;
	gap: .1em;
	font-size: 1.2rem;
	line-height: 1;
}

.fwsur-stars span {
	color: #c3c4c7;
}

.fwsur-stars span.is-filled {
	color: var(--fwsur-star);
}

.fwsur-review {
	padding: 1.25rem 0;
	border-top: 1px solid var(--fwsur-border);
}

.fwsur-review-header {
	justify-content: space-between;
}

.fwsur-review-header time {
	display: block;
	color: var(--fwsur-muted);
	font-size: .9em;
}

.fwsur-review-content > :last-child {
	margin-bottom: 0;
}

.fwsur-notice,
.fwsur-pending {
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	border-left: 4px solid currentColor;
	background: rgba(0, 0, 0, .04);
}

.fwsur-form label,
.fwsur-form legend {
	font-weight: 600;
}

.fwsur-form textarea {
	display: block;
	width: 100%;
	margin-top: .35rem;
}

.fwsur-rating {
	padding: 0;
	margin: 0 0 1rem;
	border: 0;
}

.fwsur-rating-options {
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.fwsur-rating-options input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.fwsur-rating-options label {
	padding: .1rem;
	color: #c3c4c7;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}

.fwsur-rating-options label:hover,
.fwsur-rating-options label:hover ~ label,
.fwsur-rating-options input:checked ~ label {
	color: var(--fwsur-star);
}

.fwsur-rating-options input:focus-visible + label {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.fwsur-pagination {
	margin: 1rem 0 2rem;
}

.fwsur-pagination .page-numbers {
	display: inline-block;
	padding: .3rem .55rem;
}

.fwsur-received-pending {
	padding: 1rem;
	margin-bottom: 2rem;
	border: 1px solid var(--fwsur-border);
}

.fwsur-received-pending > :first-child {
	margin-top: 0;
}

.fwsur-review-actions {
	display: flex;
	gap: .75rem;
	flex-wrap: wrap;
	align-items: center;
}

.fwsur-review-actions form {
	margin: 0;
}

.fwsur-reported {
	font-weight: 600;
}