pc-employee-instruction-card,
pc-employee-webinar-card,
pc-employee-qmh-card {
	display: block;
	container-type: inline-size;
}

.rd-ep-education-card {
	display: grid;
	grid-template-columns: minmax(220px, 288px) minmax(320px, 1fr) minmax(230px, 280px);
	grid-template-areas:
		"media content aside"
		"details details details";
	overflow: hidden;
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-big);
	background: var(--rd-card-fg);
	box-shadow: var(--rd-shadow-level-2);
	color: var(--rd-font-dark);
}

.rd-ep-education-media {
	grid-area: media;
	position: relative;
	align-self: start;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--rd-base-fg-bg);
}

.rd-ep-education-media > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rd-ep-education-card-qmh .rd-ep-education-media > img {
	box-sizing: border-box;
	padding: var(--rd-spacing-md);
	object-fit: contain;
	background: var(--rd-list-default-light);
}

.rd-ep-media-placeholder-course,
.rd-ep-media-placeholder-webinar,
.rd-ep-media-placeholder-qmh {
	display: grid;
	place-items: center;
}

.rd-ep-media-placeholder-course {
	background: var(--rd-secondary-inactive);
}

.rd-ep-media-placeholder-webinar {
	background: var(--rd-primary-inactive);
}

.rd-ep-media-placeholder-qmh {
	background: var(--rd-success-inactive);
}

.rd-ep-education-media > span:not(.rd-ep-education-type)::before {
	width: var(--rd-spacing-x-lg);
	height: var(--rd-spacing-x-lg);
	background-color: var(--rd-gray-500);
}

.rd-ep-education-type {
	position: absolute;
	left: var(--rd-spacing-x-sm);
	bottom: var(--rd-spacing-x-sm);
	display: inline-flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-base-fg-bg-overlay);
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-ep-education-type::before {
	width: var(--rd-spacing-md);
	height: var(--rd-spacing-md);
	background-color: var(--rd-font-light);
}

.rd-ep-education-content {
	grid-area: content;
	min-width: 0;
	padding: var(--rd-spacing-md) var(--rd-spacing-big);
}

.rd-ep-education-heading,
.rd-ep-education-heading h3 {
	min-width: 0;
}

.rd-ep-education-heading h3 {
	margin: 0;
	font-size: var(--rd-fontsize-6);
	line-height: var(--rd-lineheights-3);
	text-align: left;
	overflow-wrap: anywhere;
}

.rd-ep-education-heading h3 a {
	color: inherit;
}

.rd-ep-education-kicker {
	margin: 0 0 var(--rd-spacing-xx-sm);
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-ep-education-tags,
.rd-ep-education-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--rd-spacing-x-sm);
}

.rd-ep-education-tags {
	margin-top: var(--rd-spacing-x-sm);
}

.rd-ep-education-tags .instr-typ {
	display: inline-flex;
	align-items: center;
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: var(--rd-lineheights-0);
}

.rd-ep-education-tags .instr-typ::before {
	width: var(--rd-spacing-md);
	height: var(--rd-spacing-md);
	background-color: var(--rd-secondary-active);
}

.rd-ep-education-tags .public_status {
	margin: 0;
}

.rd-ep-education-mandatory {
	display: inline-flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	font-size: var(--rd-fontsize-3);
}

.rd-ep-education-meta {
	margin-top: var(--rd-spacing-sm);
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-ep-education-meta > span {
	display: inline-flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	min-width: 0;
}

.rd-ep-education-meta > span::before {
	width: var(--rd-spacing-md);
	height: var(--rd-spacing-md);
	background-color: var(--rd-gray-500);
}

.rd-ep-education-progress {
	max-width: 520px;
	margin-top: var(--rd-spacing-big);
}

.rd-ep-education-progress-label {
	display: flex;
	justify-content: space-between;
	gap: var(--rd-spacing-md);
	margin-bottom: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-4);
}

.rd-ep-education-progress .rd-progressbar {
	width: 100%;
}

.rd-ep-education-unlock {
	margin: var(--rd-spacing-x-sm) 0 0;
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-ep-education-aside {
	grid-area: aside;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--rd-spacing-md);
	padding: var(--rd-spacing-md);
	border-left: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-ep-education-status-panel {
	display: grid;
	gap: var(--rd-spacing-x-sm);
}

.rd-ep-education-status {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-4);
}

.rd-ep-status-dot,
.rd-ep-module-status-dot {
	display: inline-block;
	width: var(--rd-spacing-sm);
	height: var(--rd-spacing-sm);
	border-radius: 50%;
	background: var(--rd-gray-400);
}

.rd-ep-education-status-in-progress .rd-ep-status-dot {
	background: var(--rd-secondary-active);
}

.rd-ep-education-status-completed .rd-ep-status-dot {
	background: var(--rd-success-default);
}

.rd-ep-education-status-expired .rd-ep-status-dot {
	background: var(--rd-primary-active);
}

.rd-ep-education-status-locked .rd-ep-status-dot {
	background: var(--rd-gray-500);
}

.rd-ep-education-module-summary {
	padding-left: calc(var(--rd-spacing-sm) + var(--rd-spacing-x-sm));
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
}

.rd-ep-education-actions {
	display: grid;
	gap: var(--rd-spacing-x-sm);
}

.rd-ep-education-actions > a,
.rd-ep-education-actions > button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: var(--rd-spacing-x-sm);
	white-space: normal;
	text-align: center;
}

.rd-ep-education-actions [class*="rd-icon-"]::before {
	flex: none;
	background-color: currentColor;
}

.rd-ep-details-chevron::before {
	margin: 0;
	transition: transform 180ms ease;
}

.rd-ep-details-chevron.is-open::before {
	transform: rotate(180deg);
}

.rd-ep-education-details {
	grid-area: details;
	min-width: 0;
	padding: var(--rd-spacing-big);
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	background: var(--rd-list-default-dark);
	animation: rd-ep-details-reveal 180ms ease-out;
}

.rd-ep-education-details-head {
	margin-bottom: var(--rd-spacing-md);
	padding: var(--rd-spacing-md);
}

.rd-ep-education-details-head h4,
.rd-ep-education-details-head p {
	margin: 0;
}

.rd-ep-education-details-head h4 {
	font-size: var(--rd-fontsize-5);
}

.rd-ep-education-details-head p {
	margin-top: var(--rd-spacing-xx-sm);
	color: var(--rd-gray-500);
}

.rd-ep-education-details .rd-skeleton-block {
	min-height: var(--rd-spacing-xx-lg);
}

.rd-ep-module-lessons {
	display: grid;
	gap: var(--rd-spacing-md);
}

.rd-ep-module-lesson h5 {
	margin: 0 0 var(--rd-spacing-x-sm);
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.rd-ep-modules {
	overflow: hidden;
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-card-fg);
}

.rd-ep-module-header,
.rd-ep-module-row {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(160px, 0.38fr) minmax(190px, 0.42fr) 44px;
	column-gap: var(--rd-spacing-md);
	align-items: center;
}

.rd-ep-module-header {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-ep-module-row {
	min-width: 0;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-ep-module-row-completed {
	background: var(--rd-success-inactive);
}

.rd-ep-module-name,
.rd-ep-module-status {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
}

.rd-ep-module-name strong {
	min-width: 0;
	overflow-wrap: anywhere;
}

.rd-ep-module-name > [class*="rd-icon-"]::before {
	width: var(--rd-spacing-big);
	height: var(--rd-spacing-big);
	margin: 0;
	background-color: var(--rd-secondary-active);
}

.rd-ep-module-status > [class*="rd-icon-"]::before {
	width: var(--rd-spacing-md);
	height: var(--rd-spacing-md);
	margin: 0;
	background-color: var(--rd-success-default);
}

.rd-ep-module-row-in-progress .rd-ep-module-status {
	color: var(--rd-secondary-active);
}

.rd-ep-module-row-in-progress .rd-ep-module-status-dot {
	background: var(--rd-secondary-active);
}

.rd-ep-module-date {
	min-width: 0;
	overflow-wrap: anywhere;
}

.rd-ep-module-changed-by {
	display: block;
	margin-top: var(--rd-spacing-xx-sm);
	color: var(--rd-gray-500);
}

.rd-ep-module-date-label {
	display: none;
}

.rd-ep-module-no-date {
	color: var(--rd-gray-500);
}

.rd-ep-module-admin-tools {
	grid-column: 4;
	justify-self: end;
}

.rd-ep-module-admin-tools [class*="-actions"],
.rd-ep-module-admin-tools [class*="-actions-"] {
	display: contents;
}

.rd-ep-module-admin-tools .iconbutton {
	margin: 0;
}

.rd-ep-module-technical-details {
	grid-column: 1 / -1;
	min-width: 0;
}

@keyframes rd-ep-details-reveal {
	from {
		opacity: 0;
		transform: translateY(calc(-1 * var(--rd-spacing-x-sm)));
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@container (max-width: 960px) {
	.rd-ep-education-card {
		grid-template-columns: minmax(220px, 288px) minmax(0, 1fr);
		grid-template-areas:
			"media content"
			"media aside"
			"details details";
	}

	.rd-ep-education-aside {
		padding-top: 0;
		border-left: 0;
	}

	.rd-ep-education-status-panel {
		padding: var(--rd-spacing-sm);
		border-radius: var(--rd-borderradius-border-md);
		background: var(--rd-secondary-inactive);
	}

	.rd-ep-education-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-ep-module-header {
		display: none;
	}

	.rd-ep-modules {
		display: grid;
		gap: var(--rd-spacing-x-sm);
		border: 0;
		background: transparent;
	}

	.rd-ep-module-row {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--rd-spacing-x-sm);
		border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
		border-radius: var(--rd-borderradius-border-md);
		background: var(--rd-card-fg);
	}

	.rd-ep-module-row-completed {
		background: var(--rd-success-inactive);
	}

	.rd-ep-module-status,
	.rd-ep-module-date {
		padding-left: calc(var(--rd-spacing-big) + var(--rd-spacing-x-sm));
	}

	.rd-ep-module-admin-tools {
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
	}

	.rd-ep-module-date-label {
		display: inline;
	}

	.rd-ep-module-row:not(.rd-ep-module-row-completed) .rd-ep-module-date {
		display: none;
	}
}

@container (max-width: 620px) {
	.rd-ep-education-card {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"media"
			"content"
			"aside"
			"details";
	}

	.rd-ep-education-content,
	.rd-ep-education-aside,
	.rd-ep-education-details {
		padding: var(--rd-spacing-md);
	}

	.rd-ep-education-aside {
		border-top: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	}

	.rd-ep-education-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.rd-ep-education-meta > span {
		flex: 1 1 180px;
	}

	.rd-ep-education-progress {
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rd-ep-education-details {
		animation: none;
	}

	.rd-ep-details-chevron::before {
		transition: none;
	}
}
pc-employee-profile .rd-main-head-subactions {
	margin-top:16px;
}