.pathwayslxp-quiz-results {
	margin: 1.5rem 0;
	padding: 1.25rem 1.5rem;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	font-family: var(--pathwayslxp-body-font-family, inherit);
	font-weight: var(--pathwayslxp-body-font-weight, inherit);
	font-size: var(--pathwayslxp-body-font-size, inherit);
	line-height: var(--pathwayslxp-body-line-height, inherit);
	letter-spacing: var(--pathwayslxp-body-letter-spacing, inherit);
	text-transform: var(--pathwayslxp-body-text-transform, none);
	text-decoration: var(--pathwayslxp-body-text-decoration, none);
	color: var(--pathwayslxp-body-color, inherit);
}

.pathwayslxp-quiz-results__heading {
	margin: 0 0 0.5rem;
	font-family: var(--pathwayslxp-heading-h2-font-family, inherit);
	font-weight: var(--pathwayslxp-heading-h2-font-weight, inherit);
	font-size: var(--pathwayslxp-heading-h2-font-size, 1.35rem);
	line-height: var(--pathwayslxp-heading-h2-line-height, inherit);
	letter-spacing: var(--pathwayslxp-heading-h2-letter-spacing, inherit);
	text-transform: var(--pathwayslxp-heading-h2-text-transform, none);
	text-decoration: var(--pathwayslxp-heading-h2-text-decoration, none);
	color: var(--pathwayslxp-heading-h2-color, inherit);
}

.pathwayslxp-quiz-results__quiz-title {
	margin: 0 0 0.35rem;
	font-weight: 600;
	color: var(--pathwayslxp-body-color, #50575e);
}

.pathwayslxp-quiz-results__score {
	margin: 0 0 0.35rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--pathwayslxp-body-color, #1d2327);
}

.pathwayslxp-quiz-results__score-pct {
	font-size: 1rem;
	font-weight: 500;
	color: var(--pathwayslxp-body-color, #50575e);
}

.pathwayslxp-quiz-results__status,
.pathwayslxp-quiz-results__badge {
	display: inline-block;
	margin: 0.25rem 0;
	padding: 0.2rem 0.65rem;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: 600;
}

.pathwayslxp-quiz-results__badge.is-passed,
.pathwayslxp-quiz-results__status.is-passed {
	background: #edfaef;
	color: #0a6b2e;
}

.pathwayslxp-quiz-results__badge.is-failed,
.pathwayslxp-quiz-results__status.is-failed {
	background: #fcf0f1;
	color: #8a2424;
}

.pathwayslxp-quiz-results__date,
.pathwayslxp-quiz-results__notice {
	margin: 0.35rem 0 0;
	color: var(--pathwayslxp-body-color, #50575e);
	font-size: 0.95rem;
}

.pathwayslxp-quiz-results__items {
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
}

.pathwayslxp-quiz-results__item {
	display: grid;
	grid-template-columns: 2.25rem 1fr;
	gap: 0.75rem 1rem;
	align-items: start;
	padding: 0.85rem 0;
	border-top: 1px solid #f0f0f1;
}

.pathwayslxp-quiz-results__item:first-child {
	border-top: none;
	padding-top: 0;
}

.pathwayslxp-quiz-results__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1;
}

.pathwayslxp-quiz-results__item.is-correct .pathwayslxp-quiz-results__icon {
	background: #edfaef;
	color: #0a6b2e;
}

.pathwayslxp-quiz-results__item.is-incorrect .pathwayslxp-quiz-results__icon {
	background: #fcf0f1;
	color: #8a2424;
}

.pathwayslxp-quiz-results__item.is-pending .pathwayslxp-quiz-results__icon {
	background: #f6f7f7;
	color: #50575e;
}

.pathwayslxp-quiz-results__prompt {
	margin: 0 0 0.35rem;
	font-weight: 600;
}

.pathwayslxp-quiz-results__response {
	margin: 0;
	color: var(--pathwayslxp-body-color, #1d2327);
}

.pathwayslxp-quiz-results__response-label {
	font-weight: 600;
	color: var(--pathwayslxp-body-color, #50575e);
}

.pathwayslxp-quiz-results__points {
	margin: 0.35rem 0 0;
	font-size: 0.85rem;
	color: var(--pathwayslxp-body-color, #646970);
}

.pathwayslxp-quiz-results__history-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0.75rem;
}

.pathwayslxp-quiz-results__history-table th,
.pathwayslxp-quiz-results__history-table td {
	padding: 0.5rem 0.75rem;
	text-align: left;
	border-bottom: 1px solid #f0f0f1;
}

.pathwayslxp-quiz-results__history-table th {
	font-size: 0.85rem;
	color: var(--pathwayslxp-body-color, #50575e);
}

.pathwayslxp-quiz-results__filter-empty {
	margin: 1rem 0 0;
	color: var(--pathwayslxp-body-color, #646970);
	font-style: italic;
}
