@layer rise-reset {
	* {
		box-sizing: border-box
	}

	a,
	abbr,
	acronym,
	address,
	applet,
	article,
	aside,
	audio,
	big,
	blockquote,
	body,
	canvas,
	caption,
	center,
	cite,
	code,
	dd,
	del,
	details,
	dfn,
	div,
	dl,
	dt,
	em,
	embed,
	fieldset,
	figcaption,
	figure,
	footer,
	form,
	h4,
	h5,
	h6,
	header,
	hgroup,
	html,
	iframe,
	img,
	ins,
	kbd,
	label,
	legend,
	mark,
	menu,
	nav,
	object,
	ol,
	output,
	pre,
	q,
	ruby,
	s,
	samp,
	section,
	small,
	span,
	strike,
	sub,
	summary,
	sup,
	table,
	tbody,
	td,
	tfoot,
	th,
	thead,
	time,
	tr,
	tt,
	u,
	var,
	video {
		border: 0;
		font-size: 100%;
		font: inherit;
		margin-block: 0;
		margin-inline: 0;
		padding-block: 0;
		padding-inline: 0;
		vertical-align: initial
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block
	}

	body {
		line-height: 1
	}

	ol,
	ul {
		list-style: none
	}

	blockquote,
	q {
		quotes: none
	}

	blockquote:after,
	blockquote:before,
	q:after,
	q:before {
		content: ""
	}

	table {
		border-collapse: collapse;
		border-spacing: 0
	}

	input::-ms-clear {
		display: none
	}

	::placeholder {
		opacity: 1
	}
}

[hidden] {
	display: none
}

.bigHeadMode .avatar__image,
.bigHeadMode .course-collaborators-author__avatar,
.bigHeadMode .item-lock__avatar,
.bigHeadMode .lesson-header__author img,
.bigHeadMode .overview__author-image,
.bigHeadMode .select-author__image,
.bigHeadMode .user-info__profile {
	transform: rotate(0) scale(2);
	transform-origin: center;
	transition: transform .3s ease-in-out
}

.bigHeadMode .avatar__image:hover,
.bigHeadMode .course-collaborators-author__avatar:hover,
.bigHeadMode .item-lock__avatar:hover,
.bigHeadMode .lesson-header__author img:hover,
.bigHeadMode .overview__author-image:hover,
.bigHeadMode .select-author__image:hover,
.bigHeadMode .user-info__profile:hover {
	transform: rotate(1turn) scale(1)
}

@layer rise-reset {
	button {
		-webkit-appearance: none;
		appearance: none;
		background: none;
		border: none;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin-block: 0;
		margin-inline: 0;
		padding-block: 0;
		padding-inline: 0
	}
}

@media(forced-colors:active) {
	svg:not([data-ignore=contrast]) {
		fill: CanvasText !important
	}

	a svg {
		fill: LinkText !important
	}

	button svg {
		fill: ButtonText !important
	}

	[role=checkbox] svg,
	[role=radio] svg {
		fill: FieldText !important
	}
}

.osano-cm-widget,
div.osano-cm-info__info-views.osano-cm-info-views.osano-cm-info-views--position_0>div>ul>li:nth-child(5) {
	display: none
}

.osano-cm-disclosure__toggle,
.osano-cm-disclosure__toggle:hover {
	color: #282828;
	text-decoration: underline
}

.osano-cm-description p {
	font-family: Graphik, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 24px;
	-moz-osx-font-smoothing: initial;
	-webkit-font-smoothing: initial
}

.osano-cm-drawer-toggle .osano-cm-label {
	font-size: 16px;
	margin-block: 0;
	margin-inline: 0 auto
}

.i-alert {
	fill: #de1d1d
}

.i-allCourses,
.i-alt {
	fill: #000
}

.i-blockTemplateCheckMark .outer {
	fill: #fff
}

.i-blockTemplateCheckMark .inner {
	fill: #e0e0e0
}

.i-blockTemplateCheckMark .check {
	fill: #fff
}

.i-captions {
	height: 1.6rem;
	width: 2.1rem
}

.i-checkedbox {
	fill: #28cea9
}

.i-checkMarkFilled {
	fill: #000
}

.i-chevronLeft {
	fill: #444b4e
}

.i-dashMark {
	fill: #666
}

.i-destinationArrow {
	fill: #adaeaf
}

.i-dotsVertical {
	fill: #313537
}

.i-download,
.i-downloadCircle {
	fill: #87898b
}

.i-ellipsis--vert {
	fill: #e8e8e8
}

.i-emptyFolder {
	fill: #adaeaf
}

.i-errorAlert>circle {
	fill: #d0021b
}

.i-errorAlert>path {
	fill: #fff
}

.i-errorAlert__path,
.i-errorAlert__rect {
	fill: #d0021b
}

.i-errorAlert__circle {
	stroke: #d0021b
}

.i-exMark {
	fill: #444b4e
}

.i-filledChevronRight {
	height: 1rem;
	width: 1rem
}

.i-folder {
	fill: #000
}

.i-folder--empty {
	fill: #adaeaf
}

.i-globe {
	fill: #4a4a4a
}

.i-heartFilled {
	fill: #666
}

.i-heartOutline {
	stroke: #666
}

.i-labelSet,
.i-move {
	fill: #4a4a4a
}

.i-newFolder {
	fill: #000
}

.i-pickOne {
	fill: #c9c9ca
}

.i-remove {
	fill: #444
}

.i-sharedCourses {
	fill: #000
}

.i-sortable {
	fill: #eaeaeb
}

.i-square-outline .overlay {
	stroke: #000
}

.i-stack .overlay,
.i-trashFolder {
	fill: #000
}

.i-uploadXml {
	fill: #4a4a4a
}

.i-viewInReview {
	fill: #444
}

.i-xMarkFilled {
	fill: #000
}

body,
html {
	background: #f5f5f5
}

html {
	font-size: 62.5%;
	max-width: 100vw;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body,
html {
	height: 100%;
	overflow: hidden
}

body {
	color: #000;
	font-family: var(--font-family-ui);
	font-size: 1.6em;
	line-height: 1.5;
	margin-block: 0;
	margin-inline: 0
}

@keyframes slide-in {
	to {
		transform: translateX(0)
	}
}

@keyframes fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		visibility: hidden
	}
}

#app,
#innerApp,
.transition-group {
	height: 100%;
	overflow: hidden
}

a[data-external] {
	cursor: pointer;
	text-decoration: underline
}

:-webkit-full-screen-ancestor:not(iframe) {
	animation-name: none !important
}

.target-container {
	background: #0000;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 9999
}

body.target-mode .target-container {
	display: block
}

.target-container .target-highlight {
	border: 2px dashed #0098eb;
	display: none;
	pointer-events: none;
	position: fixed
}

.target-container .target-highlight.active {
	display: block
}

.target-container .target-highlight.selected {
	border: 2px solid #0098eb
}

@keyframes shine {
	to {
		background-position-x: -200%
	}
}

.animation-loading {
	animation-duration: .7s;
	animation-iteration-count: infinite;
	animation-name: spin;
	animation-timing-function: cubic-bezier(.5, .35, .5, .65)
}

.certificateDownload,
.certificateDownload__btn,
.certificateDownload__downloading,
.certificateDownload__error {
	align-items: center;
	display: flex
}

.certificateDownload {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: .02rem;
	line-height: 1.2rem
}

.certificateDownload.certificateDownloadContained {
	border: .1rem solid #adaeaf;
	border-radius: 8rem;
	color: #000;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .1rem;
	line-height: 1.4;
	padding-block: 1rem;
	padding-inline: 2.5rem 3rem;
	position: relative;
	text-transform: uppercase;
	width: 100%
}

.certificateDownload__btn {
	cursor: pointer;
	text-transform: inherit
}

.certificateDownloadContained .certificateDownload__btn:after {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.certificateDownload__btn:focus,
.certificateDownload__btn:hover {
	opacity: .5
}

.certificateDownloadContained .certificateDownload__btn:focus,
.certificateDownloadContained .certificateDownload__btn:hover {
	opacity: 1
}

.certificateDownload__downloadingImg,
.certificateDownload__error,
.certificateDownload__errorImg {
	margin-inline-end: .5rem
}

.certificateDownload__okImg {
	margin-inline-end: .7rem
}

.user-avatar {
	background-color: #fff;
	border-radius: 50%;
	flex-shrink: 0;
	height: 40px;
	width: 40px
}

.cover__completed-info-avatar {
	display: inline-block;
	position: relative
}

.cover__completed-info-trophy {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 .3rem 1.3rem 0 #0003;
	height: 2.4rem;
	inset-block-end: 70%;
	inset-inline-start: 65%;
	position: absolute;
	width: 2.4rem
}

.classic .lesson-progress {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute
}

.classic .lesson-progress--compact {
	height: 2.6rem;
	inset-block-start: .7rem;
	inset-inline-end: .7rem;
	width: 2.6rem
}

.classic .lesson-progress--cover {
	height: 2.8rem;
	inset-block-start: 1.3rem;
	inset-inline-end: 2.5rem;
	width: 2.8rem
}

.classic .lesson-progress--sidebar {
	height: 3rem;
	inset-block-start: 1.1rem;
	inset-inline-end: 1.3rem;
	width: 3rem
}

.classic .lesson-progress--overlay {
	height: 3rem;
	inset-block-start: 0;
	inset-inline-end: -.5rem;
	width: 3rem
}

.classic .lesson-progress--inactive {
	pointer-events: none
}

.classic .lesson-progress__graphic {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	padding-block: .5rem;
	padding-inline: .5rem;
	width: 100%
}

.classic .lesson-progress__action {
	cursor: pointer
}

.classic .lesson-progress__tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	max-width: none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	white-space: nowrap;
	width: max-content
}

.classic .lesson-progress__tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .lesson-progress__tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .lesson-progress__tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .lesson-progress__tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .lesson-progress__tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic .progress-circle {
	height: 100%;
	overflow: visible;
	width: 100%
}

.classic .progress-circle__track {
	stroke: var(--color-progress-circle-track, #00000026)
}

.classic .progress-circle__track--circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.classic .progress-circle__track--incomplete-complete {
	--color-progress-circle-track: #919191
}

@media(forced-colors:active) {
	.classic .progress-circle__track {
		stroke-width: 3;
		stroke: CanvasText
	}
}

.classic .progress-circle__runner {
	stroke: var(--color-progress-circle-runner, var(--color-theme));
	transition: stroke-dashoffset .4s ease-out, fill .3s ease .3s, stroke .3s ease .3s
}

.classic .progress-circle__runner--circular-fill {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.classic .progress-circle__runner--done,
.classic .progress-circle__runner--unstarted {
	transition: none
}

.classic .progress-circle__runner--done {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.classic .progress-circle__runner--done.progress-circle__runner--failed {
	stroke: var(--color-progress-circle-runner-stroke-fail, #000);
	fill: var(--color-progress-circle-runner-bg-fail, #000);
	stroke-width: var(--stroke-width-progress-circle-runner-fail, .2rem)
}

@media(forced-colors:active) {
	.classic .progress-circle__runner--done {
		fill: Canvas
	}

	.classic .progress-circle__runner {
		stroke: MarkText
	}
}

.classic .progress-circle__fail,
.classic .progress-circle__pass {
	opacity: 0;
	transition: opacity .3s .3s;
	visibility: hidden
}

.classic .progress-circle__fail--done,
.classic .progress-circle__pass--done {
	transition: none
}

.classic .progress-circle__fail--visible,
.classic .progress-circle__pass--visible {
	opacity: 1;
	visibility: visible
}

@media(forced-colors:active) {

	.classic .progress-circle__fail,
	.classic .progress-circle__pass {
		fill: CanvasText
	}
}

.classic .progress-circle__fail {
	fill: var(--color-progress-circle-fail, #fff)
}

.classic .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #fff)
}

@media(forced-colors:active) {
	.classic .progress-circle__pass {
		fill: CanvasText !important
	}

	.classic .lesson-progress__action .progress-circle__track {
		stroke: ButtonText
	}

	.classic .lesson-progress__action .progress-circle__fail,
	.classic .lesson-progress__action .progress-circle__pass {
		fill: ButtonText
	}
}

.classic .nav-compact {
	--color-nav-compact-header-bg: inherit;
	--color-nav-compact-contrast: #000;
	--color-nav-compact-header-control-hover-bg: inherit;
	--color-nav-compact-progress-runner: var(--color-theme);
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-progress-circle-track: #00000026;
	inset-block-end: 2rem;
	inset-inline-start: 4rem;
	position: fixed;
	transition-duration: .3s;
	transition-property: visibility, opacity, inset-block-end;
	transition-timing-function: ease;
	z-index: 300
}

.classic .nav-compact--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.classic .nav-compact--light {
	--color-nav-compact-bg: #fff;
	--color-nav-compact-contrast: #000;
	--color-nav-compact-header-control-hover-bg: #00000026;
	--color-nav-compact-outline-item-border: #e4e4e4;
	--color-nav-compact-outline-item-link-hover-bg: #eee;
	--color-nav-compact-outline-item-link-hover: #000;
	--color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
	--color-nav-compact-outline-scrollbar-thumb-border: #fff;
	--color-nav-compact-outline-section-text: #000;
	--color-nav-compact-outline-section-toggle-icon: #000;
	--color-nav-compact-progress-track: #0000000d;
	--color-progress-circle-fail: #fff;
	--color-progress-circle-runner-fail: #000
}

.classic .nav-compact--dark,
.classic .nav-compact--image-dark-overlay {
	--color-nav-compact-contrast: #fff;
	--color-nav-compact-header-control-hover-bg: #ffffff40
}

.classic .nav-compact--dark.nav-compact--progress-circular-fill,
.classic .nav-compact--dark.nav-compact--progress-incomplete-complete,
.classic .nav-compact--image-dark-overlay.nav-compact--progress-circular-fill,
.classic .nav-compact--image-dark-overlay.nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-compact--dark {
	--color-nav-compact-bg: #202121;
	--color-nav-compact-outline-item-border: #373737;
	--color-nav-compact-outline-item-link-hover-bg: #353535;
	--color-nav-compact-outline-item-link-hover: #fff;
	--color-nav-compact-outline-scrollbar-thumb-bg: #757575;
	--color-nav-compact-outline-scrollbar-thumb-border: #202121;
	--color-nav-compact-outline-section-text: #fff;
	--color-nav-compact-outline-section-toggle-icon: #fff;
	--color-nav-compact-progress-track: #fff3;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-fail: #fff;
	--color-progress-circle-track: #ffffff26
}

.classic .nav-compact--image-dark-overlay {
	--color-nav-compact-header-bg: #fff;
	--color-nav-compact-progress-runner: #fff;
	--color-nav-compact-progress-track: #ffffff4d
}

.classic .nav-compact--image-light-overlay {
	--color-nav-compact-header-bg: #fff;
	--color-nav-compact-contrast: #000;
	--color-nav-compact-progress-runner: #202121;
	--color-nav-compact-progress-track: #00000040
}

.classic .nav-compact--accent {
	--color-nav-compact-contrast: var(--color-theme-contrast);
	--color-nav-compact-header-bg: var(--color-theme);
	--color-nav-compact-header-control-hover-bg: rgb(var(--color-theme-contrast-rgb), 0.25);
	--color-nav-compact-progress-runner: var(--color-nav-compact-contrast);
	--color-nav-compact-progress-track: rgb(var(--color-theme-contrast-rgb), 0.2)
}

.classic .nav-compact--navNextIsVisible {
	inset-block-end: 8.4rem
}

.classic .nav-compact__wrap {
	background-color: var(--color-nav-compact-bg);
	border-radius: 7px;
	box-shadow: 0 4px 40px #00000026;
	outline: 1px solid #0000;
	transition: transform .3s ease;
	width: 24rem
}

.classic .nav-compact--dark .nav-compact__wrap--collapsed {
	border-radius: .8rem
}

.classic .nav-compact--dark .nav-compact__wrap {
	border-top-left-radius: .8rem;
	border-top-right-radius: .8rem
}

.classic .nav-compact__header,
.classic .nav-compact__header-image {
	background-color: var(--color-nav-compact-header-bg);
	border-radius: 7px 7px 0 0;
	transition: border-radius .4s
}

.classic .nav-compact__header--collapsed,
.classic .nav-compact__header-image--collapsed {
	border-radius: 7px
}

.classic .nav-compact__header,
.classic .nav-compact__header-inner {
	position: relative
}

.classic .nav-compact__header,
.classic .nav-compact__header--collapsed {
	padding-block: 1.5rem;
	padding-inline: 1.5rem
}

.classic .nav-compact__header-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .nav-compact__header-strip {
	margin-block-end: 1rem
}

.classic .nav-compact__header-controls {
	align-items: center;
	color: var(--color-nav-compact-contrast, #000);
	display: flex;
	inset-block-start: -.4rem;
	inset-inline-end: 0;
	position: absolute
}

.classic .nav-compact__header-control {
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	height: 2.4rem;
	justify-content: center;
	margin-inline-start: 1rem;
	width: 2.4rem
}

.classic .nav-compact__header-control:hover {
	background-color: var(--color-nav-compact-header-control-hover-bg)
}

.classic .nav-compact__header-search-icon {
	height: 1.2rem;
	width: 1.2rem
}

.classic .nav-compact__header-toggle-icon {
	height: .6rem;
	width: 1rem
}

.classic .nav-compact__header-counter {
	color: var(--color-nav-compact-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1.1rem;
	font-style: italic;
	line-height: 1.4rem;
	margin-block-end: .5rem
}

.classic .nav-compact__header-title {
	display: flex
}

.classic .nav-compact__header-title-link {
	color: var(--color-nav-compact-contrast, #000);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.6rem;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap
}

.classic .nav-compact__header-title-link:focus {
	outline-offset: 2px;
	outline-width: 2px
}

.classic .nav-compact__header-progress {
	font-family: var(--font-family-ui);
	margin-block-start: 1rem
}

.classic .nav-compact__header-progress-text {
	color: var(--color-nav-compact-contrast, #000);
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .06rem;
	line-height: 1.1rem;
	margin-block-end: .6rem
}

.classic .nav-compact__header-progress-text--collapsed {
	height: 0;
	margin-block-end: 0;
	transition: height .3s, margin-bottom .3s;
	visibility: hidden
}

.classic .nav-compact__header-progress-runner,
.classic .nav-compact__header-progress-track {
	border-radius: .2rem;
	height: .4rem
}

.classic .nav-compact__header-progress-track {
	background-color: var(--color-nav-compact-progress-track)
}

@media(forced-colors:active) {
	.classic .nav-compact__header-progress-track {
		background-color: Canvas;
		border: .1rem solid #0000
	}
}

.classic .nav-compact__header-progress-runner {
	background-color: var(--color-nav-compact-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.classic .nav-compact__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}
}

@media(forced-colors:active)and (prefers-color-scheme:light) {
	.classic .nav-compact__header-image+.nav-compact__header-inner .nav-compact__header-progress-track {
		border: .1rem solid Canvas
	}
}

.classic .nav-compact__outline {
	border-radius: 0 0 7px 7px;
	max-height: 35rem;
	overflow: hidden auto;
	transition: max-height .3s
}

.classic .nav-compact__outline-section-list .nav-compact__outline-list-item:last-of-type,
.classic .nav-compact__outline-section:last-of-type .nav-compact__outline-section-empty,
.classic .nav-compact__outline-section:last-of-type .nav-compact__outline-section-toggle--collapsed {
	margin-block-end: .8rem
}

.classic .nav-compact__outline--collapsed {
	max-height: 0;
	overflow: hidden;
	visibility: hidden
}

.classic .nav-compact__outline:hover {
	border-radius: 0 0 .7rem .7rem
}

.classic .nav-compact__outline::-webkit-scrollbar {
	-webkit-appearance: none;
	appearance: none
}

.classic .nav-compact__outline::-webkit-scrollbar:vertical {
	width: .8rem
}

.classic .nav-compact__outline::-webkit-scrollbar-thumb {
	background-color: var(--color-nav-compact-outline-scrollbar-thumb-bg);
	border: .2rem solid var(--color-nav-compact-outline-scrollbar-thumb-border);
	border-radius: .8rem
}

.classic .nav-compact__outline-list {
	border-radius: 0 0 7px 7px
}

.classic .nav-compact__outline-list-item {
	position: relative
}

.classic .nav-compact__outline-item--active,
.classic .nav-compact__outline-section-item--active {
	font-weight: 700
}

.classic .nav-compact__outline-item--active:after,
.classic .nav-compact__outline-section-item--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .5rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.classic .nav-compact__outline-item--restricted,
.classic .nav-compact__outline-section-item--restricted {
	cursor: not-allowed
}

.classic .nav-compact__outline-item-tooltip,
.classic .nav-compact__outline-section-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.classic .nav-compact__outline-item-tooltip--visible,
.classic .nav-compact__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .nav-compact__outline-item-tooltip__inner,
.classic .nav-compact__outline-section-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .nav-compact__outline-item-tooltip__inner:after,
.classic .nav-compact__outline-section-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .nav-compact__outline-item-tooltip__inner--dark,
.classic .nav-compact__outline-section-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .nav-compact__outline-item-tooltip__inner--dark:after,
.classic .nav-compact__outline-section-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic .nav-compact__outline-item__link,
.classic .nav-compact__outline-section-item__link {
	color: var(--color-nav-compact-outline-section-text);
	display: block;
	font-size: 1.3rem;
	height: 100%;
	line-height: 1.6rem;
	padding-block: 1.2rem;
	padding-inline: 1.5rem 3.1rem;
	text-decoration: none;
	width: 100%
}

.classic .nav-compact__outline-item__link:focus,
.classic .nav-compact__outline-section-item__link:focus {
	outline-offset: -2px;
	outline-width: 2px
}

.classic .nav-compact__outline-item__link.nav-compact__outline-item__link--active,
.classic .nav-compact__outline-item__link.nav-compact__outline-section-item__link--active,
.classic .nav-compact__outline-item__link:not(.nav-compact__outline-item__link--restricted):focus,
.classic .nav-compact__outline-item__link:not(.nav-compact__outline-item__link--restricted):hover,
.classic .nav-compact__outline-item__link:not(.nav-compact__outline-section-item__link--restricted):focus,
.classic .nav-compact__outline-item__link:not(.nav-compact__outline-section-item__link--restricted):hover,
.classic .nav-compact__outline-section-item__link.nav-compact__outline-item__link--active,
.classic .nav-compact__outline-section-item__link.nav-compact__outline-section-item__link--active,
.classic .nav-compact__outline-section-item__link:not(.nav-compact__outline-item__link--restricted):focus,
.classic .nav-compact__outline-section-item__link:not(.nav-compact__outline-item__link--restricted):hover,
.classic .nav-compact__outline-section-item__link:not(.nav-compact__outline-section-item__link--restricted):focus,
.classic .nav-compact__outline-section-item__link:not(.nav-compact__outline-section-item__link--restricted):hover {
	background-color: var(--color-nav-compact-outline-item-link-hover-bg);
	color: var(--color-nav-compact-outline-item-link-hover)
}

.classic .nav-compact__outline-item__link-icon,
.classic .nav-compact__outline-section-item__link-icon {
	forced-color-adjust: auto
}

.classic .nav-compact__outline-section-empty,
.classic .nav-compact__outline-section-toggle {
	align-items: center;
	color: var(--color-nav-compact-outline-section-toggle-icon);
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .06rem;
	line-height: 1.2rem;
	text-align: start;
	text-transform: uppercase;
	width: 100%
}

.classic .nav-compact__outline-section-toggle {
	cursor: pointer;
	padding-block: 1.2rem;
	padding-inline: 1.5rem
}

.classic .nav-compact__outline-section-toggle:focus {
	outline-offset: -2px;
	outline-width: 2px
}

.classic .nav-compact__outline-section-empty {
	padding-block: 1.2rem;
	padding-inline: 3rem 1.5rem
}

.classic .nav-compact__outline-section-toggle-icon {
	color: var(--color-nav-compact-outline-section-toggle-icon);
	flex-shrink: 0;
	margin-inline-end: .6rem;
	order: -1;
	transition: transform .3s;
	width: .9rem
}

.classic .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .classic .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

@media(forced-colors:active) {
	.classic .nav-compact__outline-section-toggle-icon {
		color: ButtonText
	}
}

.classic .nav-compact__outline-section-list {
	transition: max-height .3s, opacity .5s
}

.classic .nav-compact__outline-section-list--collapsed {
	max-height: 0 !important;
	opacity: 0;
	overflow: hidden
}

.classic .nav-compact .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.classic .nav-compact .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #000)
}

.classic .nav-compact .progress-circle__runner--failed {
	fill: var(--color-progress-circle-runner-fail);
	stroke: var(--color-progress-circle-runner-fail)
}

@keyframes classic-nav-compact-enter {
	0% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes classic-nav-compact-exit {
	0% {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.classic .lesson--entering .nav-compact__wrap {
	animation: classic-nav-compact-enter .4s
}

.classic .lesson--exiting .nav-compact__wrap {
	animation: classic-nav-compact-exit .4s;
	opacity: 0
}

.classic .nav-overlay {
	--color-nav-overlay-bg: var(--color-theme);
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-header-control-btn-hover: #00000040;
	--color-nav-overlay-outline-item-bg-active-before: #c4c4c466;
	--color-nav-overlay-outline-item-bg-hover: #c4c4c433;
	--color-nav-overlay-outline-section-divider: #e6e6e7;
	--color-nav-overlay-progress-runner: var(--color-theme);
	--color-nav-overlay-progress-track: #31353733;
	--color-nav-overlay-search-container-border-block-end: #20212180;
	--color-nav-overlay-search-input-placeholder: #20212180;
	--color-progress-circle-background: var(--color-theme);
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-progress-circle-runner-bg-fail: #000;
	--color-progress-circle-runner-stroke-fail: #000;
	--stroke-width-progress-circle-runner-fail: 0.1rem;
	background-color: var(--color-nav-overlay-bg)
}

.classic .nav-overlay--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.classic .nav-overlay--dark,
.classic .nav-overlay--image-dark-overlay {
	--color-nav-overlay-contrast: #fff;
	--color-nav-overlay-progress-track: #fff3;
	--color-nav-overlay-search-container-border-block-end: #ffffff80
}

.classic .nav-overlay--accent {
	--color-nav-overlay-contrast: var(--color-theme-contrast);
	--color-nav-overlay-outline-item-bg-active-before: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-nav-overlay-outline-item-bg-hover: rgb(var(--color-theme-contrast-rgb), 0.2);
	--color-nav-overlay-outline-section-divider: rgb(var(--color-theme-contrast-rgb), 0.4);
	--color-nav-overlay-progress-track: rgb(var(--color-theme-contrast-rgb), 0.2);
	--color-progress-circle-pass: var(--color-theme);
	--color-progress-circle-runner-stroke-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-runner: var(--color-nav-overlay-contrast);
	--color-progress-circle-track: rgb(var(--color-theme-contrast-rgb), 0.2);
	--color-nav-overlay-progress-runner: var(--color-nav-overlay-contrast);
	--color-nav-overlay-header-control-btn-hover: rgb(var(--color-theme-contrast-rgb), 0.25);
	--color-nav-overlay-search-container-border-block-end: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-nav-overlay-search-input-placeholder: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-progress-circle-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-runner-bg-fail: var(--color-theme-contrast-complementary)
}

.classic .nav-overlay--accent.nav-overlay--progress-circular-fill,
.classic .nav-overlay--accent.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme-contrast)
}

.classic .nav-overlay--accent-tint {
	--color-nav-overlay-bg: var(--color-theme-tint);
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-outline-section-divider: #31353766
}

.classic .nav-overlay--dark {
	--color-nav-overlay-bg: #202121;
	--color-nav-overlay-contrast: #fff;
	--color-nav-overlay-header-control-btn-hover: #ffffff40;
	--color-nav-overlay-search-input-placeholder: #ffffff80;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-bg-fail: #fff;
	--color-progress-circle-runner-stroke-fail: #fff;
	--color-progress-circle-track: #ffffff26
}

.classic .nav-overlay--dark.nav-overlay--progress-circular-fill,
.classic .nav-overlay--dark.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-overlay--gray {
	--color-nav-overlay-bg: #fafafa
}

.classic .nav-overlay--image-dark-overlay {
	--color-nav-overlay-bg: #fff;
	--color-nav-overlay-contrast: #fff;
	--color-nav-overlay-header-control-btn-hover: #ffffff40;
	--color-nav-overlay-progress-runner: #fff;
	--color-nav-overlay-search-input-placeholder: #ffffff80;
	--color-progress-circle-background: #fff;
	--color-progress-circle-runner-stroke-fail: #fff;
	--color-progress-circle-track: #ffffff80;
	--color-progress-circle-runner: #fff;
	--color-progress-circle-pass: #000;
	--stroke-width-progress-circle-runner-fail: 0.1rem
}

.classic .nav-overlay--image-dark-overlay.nav-overlay--progress-circular-fill,
.classic .nav-overlay--image-dark-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #fff
}

.classic .nav-overlay--image-light-overlay {
	--color-nav-overlay-bg: #fff;
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-outline-item-bg-hover: #0003;
	--color-nav-overlay-outline-section-divider: #31353766;
	--color-nav-overlay-progress-runner: #000;
	--color-nav-overlay-progress-track: #31353733;
	--color-nav-overlay-search-container-border-block-end: #20212180;
	--color-progress-circle-background: #000;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-bg-fail: #fff;
	--color-progress-circle-runner: #000;
	--color-progress-circle-pass: #fff
}

.classic .nav-overlay--image-light-overlay.nav-overlay--progress-circular-fill,
.classic .nav-overlay--image-light-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #000
}

.classic .nav-overlay--light {
	--color-nav-overlay-bg: #fff
}

.classic .nav-overlay__body {
	height: 100%;
	margin-block: 0;
	margin-inline: auto;
	overflow-y: auto;
	width: 100%
}

.classic .nav-overlay__content {
	display: flex;
	flex-direction: column
}

.classic .nav-overlay__content--has-sticky-header {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .nav-overlay__content--graphic {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.classic .nav-overlay__header-container {
	flex: 1 0;
	padding-block-end: 3.2rem;
	width: 100%
}

@media(max-width:29.9375em) {
	.classic .nav-overlay__header-container {
		padding-block-end: 4.8rem
	}
}

.classic .nav-overlay__header-controls {
	color: var(--color-nav-overlay-contrast, #000)
}

@media(max-width:29.9375em) {
	.classic .nav-overlay__header-controls {
		padding-block: 1.6rem 1.2rem;
		padding-inline: 1.6rem
	}
}

.classic .nav-overlay__header-control-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.classic .nav-overlay__header-control-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.classic .nav-overlay__header-close-icon,
.classic .nav-overlay__header-search-icon {
	height: 2.1rem;
	width: 2.1rem
}

@media(max-width:61.9375em) {

	.classic .nav-overlay__header-close-icon,
	.classic .nav-overlay__header-search-icon {
		height: 1.7rem;
		width: 1.7rem
	}
}

.classic .nav-overlay__header-title-progress-container {
	margin-block: 0;
	margin-inline: auto;
	max-width: 64rem;
	padding-block: 0;
	padding-inline: 3.2rem;
	width: 100%
}

@media(min-width:48em) {
	.classic .nav-overlay__header-title-progress-container {
		padding-block: 0;
		padding-inline: 0;
		width: auto
	}
}

@media(min-width:62em) {
	.classic .nav-overlay__header-title-progress-container {
		max-width: 83.8rem
	}
}

.classic .nav-overlay__header-title {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 6rem;
	max-width: 70rem;
	padding-block-end: 2.4rem
}

@media(max-width:47.9375em) {
	.classic .nav-overlay__header-title {
		font-size: 3.6rem;
		line-height: 4.8rem
	}
}

@media(max-width:29.9375em) {
	.classic .nav-overlay__header-title {
		font-size: 2.4rem;
		line-height: 3.2rem;
		padding-block-end: 1.6rem
	}
}

.classic .nav-overlay__header-title-link {
	color: var(--color-nav-overlay-contrast, #000);
	cursor: pointer;
	text-decoration: none
}

.classic .nav-overlay__header-progress-text {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .1rem;
	line-height: 1.4rem;
	margin-block-start: 1.2rem
}

.classic .nav-overlay__header-progress-runner,
.classic .nav-overlay__header-progress-track {
	border-radius: 10rem;
	height: .5rem;
	transition: background-color .3s
}

.classic .nav-overlay__header-progress-track {
	background-color: var(--color-nav-overlay-progress-track)
}

@media(forced-colors:active) {
	.classic .nav-overlay__header-progress-track {
		background-color: Canvas;
		border: .1rem solid #0000
	}
}

.classic .nav-overlay__header-progress-runner {
	background-color: var(--color-nav-overlay-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.classic .nav-overlay__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}

	.classic .nav-overlay--image-dark-overlay .nav-overlay__header-progress-track {
		border: .1rem solid Canvas
	}
}

.classic .nav-overlay__outline {
	margin-block: 4rem 0;
	margin-inline: auto;
	max-width: 64rem;
	padding-block: 0;
	padding-inline: 3.2rem;
	width: 100%
}

@media(min-width:48em) {
	.classic .nav-overlay__outline {
		padding-block: 0;
		padding-inline: 0;
		width: auto
	}
}

@media(min-width:62em) {
	.classic .nav-overlay__outline {
		max-width: 83.8rem
	}
}

.classic .nav-overlay__outline-list-item {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin-block-end: 3.2rem;
	position: relative
}

.classic .nav-overlay__outline-section-list {
	margin-block-start: 3.2rem;
	padding-block-end: 4.8rem
}

@media(max-width:29.9375em) {
	.classic .nav-overlay__outline-section-list {
		padding-block-end: 3.6rem
	}
}

.classic .nav-overlay__outline-section-list .nav-overlay__outline-list-item:last-of-type {
	margin-block-end: 0
}

.classic .nav-overlay__outline-section-text {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .65px;
	line-height: 1.68rem;
	text-transform: uppercase
}

.classic .nav-overlay__outline-section-divider {
	border-block-end: .1rem solid var(--color-nav-overlay-outline-section-divider);
	margin-block-start: .9rem
}

.classic .nav-overlay__outline-item {
	width: 100%
}

.classic .nav-overlay__outline-item--section__link,
.classic .nav-overlay__outline-item__link {
	align-items: baseline;
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	font-size: 2rem;
	font-weight: 700;
	line-height: 3.2rem;
	position: relative;
	text-decoration: none
}

@media(max-width:29.9375em) {

	.classic .nav-overlay__outline-item--section__link,
	.classic .nav-overlay__outline-item__link {
		font-size: 1.6rem;
		line-height: 2.4rem
	}
}

.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active,
.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover {
	color: var(--color-nav-overlay-contrast, #000)
}

.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active:before,
.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover:before,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active:before,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover:before {
	background-color: var(--color-nav-overlay-outline-item-bg-hover);
	border-radius: .8rem;
	content: "";
	inset-block: -.8rem;
	inset-inline: -1.2rem;
	position: absolute
}

.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active .nav-overlay__outline-item-link-icon,
.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover .nav-overlay__outline-item-link-icon,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active .nav-overlay__outline-item-link-icon,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):hover .nav-overlay__outline-item-link-icon {
	color: var(--color-nav-overlay-contrast, #000)
}

.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active:before,
.classic .nav-overlay__outline-item__link:not(.classic .nav-overlay__outline-item__link--restricted, .classic .nav-overlay__outline-item--section__link--restricted):active:before {
	background-color: var(--color-nav-overlay-outline-item-bg-active-before)
}

.classic .nav-overlay__outline-item--section__link--restricted,
.classic .nav-overlay__outline-item__link--restricted {
	cursor: not-allowed
}

.classic .nav-overlay__outline-item--section-link-icon,
.classic .nav-overlay__outline-item-link-icon {
	color: currentColor;
	forced-color-adjust: auto;
	min-width: 1.8rem;
	pointer-events: none;
	z-index: 1
}

.classic .nav-overlay__outline-item--section-link-icon--quiz,
.classic .nav-overlay__outline-item-link-icon--quiz {
	align-self: center;
	height: 1.8rem;
	margin-block-start: .3rem
}

.classic .nav-overlay__outline-lesson-title {
	margin-block: 0;
	margin-inline: 1.9rem 5rem;
	z-index: 1
}

.classic .nav-overlay__outline-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.classic .nav-overlay__outline-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .nav-overlay__outline-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .nav-overlay__outline-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .nav-overlay__outline-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .nav-overlay__outline-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic .nav-overlay__search {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%
}

.classic .nav-overlay__search-header {
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	justify-content: flex-end
}

.classic .nav-overlay__search-close-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.classic .nav-overlay__search-close-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.classic .nav-overlay__search-close-icon {
	height: 1.7rem;
	width: 1.7rem
}

.classic .nav-overlay__search-container {
	align-items: center;
	border-block-end: .2rem solid var(--color-nav-overlay-search-container-border-bottom);
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	padding-block-end: 1.9rem;
	position: relative;
	width: 100%
}

.classic .nav-overlay__search-body {
	margin-block: 0;
	margin-inline: 1.6rem;
	width: 85rem
}

@media(min-width:30em) {
	.classic .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 4rem
	}
}

@media(min-width:62em) {
	.classic .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 5.6rem
	}
}

.classic .nav-overlay__search-header {
	inset-block-start: 0;
	inset-inline-start: 0;
	padding-block: 2rem;
	padding-inline: 1.6rem;
	position: absolute;
	width: 100%
}

@media(min-width:48em) {
	.classic .nav-overlay__search-header {
		padding-block: 3.2rem;
		padding-inline: 2.8rem
	}
}

.classic .nav-overlay__search-icon {
	flex-shrink: 0;
	height: 2.8rem;
	width: 2.8rem
}

.classic .nav-overlay__search-input {
	background: #0000;
	border: none;
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 3.2rem;
	line-height: 4rem;
	margin-block: 0;
	margin-inline: 1.6rem;
	outline: none;
	position: relative;
	width: 100%
}

.classic .nav-overlay__search-input::placeholder {
	color: var(--color-nav-overlay-search-input-placeholder);
	text-transform: capitalize
}

@media(min-width:48em) {
	.classic .nav-overlay__search-input {
		margin-block: 0;
		margin-inline: 2.5rem
	}
}

.classic .nav-overlay__search-input-wrap {
	position: relative;
	width: 100%
}

.classic .nav-overlay__search-clear-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.classic .nav-overlay__search-clear-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.classic .nav-overlay__search-clear-icon {
	height: 2.4rem;
	width: 2.4rem
}

.classic .nav-overlay__search-actions {
	display: flex;
	justify-content: center
}

.classic .nav-overlay__search-submit-btn {
	background: #fff;
	border: .2rem solid #000;
	border-radius: 10rem;
	color: #4a4a4a;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .1rem;
	margin-block: 3.5rem;
	margin-inline: 0;
	min-width: 9.8rem;
	padding-block: 1.1rem;
	padding-inline: 2.8rem;
	text-transform: uppercase;
	width: 100%
}

@media(min-width:30em) {
	.classic .nav-overlay__search-submit-btn {
		width: auto
	}
}

@media(min-width:48em) {
	.classic .nav-overlay__search-submit-btn {
		visibility: hidden
	}
}

.classic .lesson-progress {
	min-width: 2rem
}

.classic .nav-sidebar {
	--color-nav-sidebar-contrast: var(--color-theme-contrast, #000);
	--color-nav-sidebar-search-btn-hover: #00000040;
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-progress-circle-track: #00000026
}

.classic .nav-sidebar--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.classic .nav-sidebar--light {
	--border-nav-sidebar-outline-section-toggle: 1px solid #e6e6e7;
	--color-nav-sidebar-bg: #fafafa;
	--color-nav-sidebar-outline-item-link-hover-bg: #f3f3f3;
	--color-nav-sidebar-outline-item-link-hover: #000;
	--color-nav-sidebar-outline-item-link-icon: #717376;
	--color-nav-sidebar-outline-item-link: #000;
	--color-nav-sidebar-outline-section-text: #000;
	--color-nav-sidebar-outline-section-toggle-icon: #000;
	--color-nav-sidebar-search-result-hover-bg: #f3f3f3;
	--color-nav-sidebar-search-results-text: #000;
	--color-progress-circle-fail: #fff;
	--color-progress-circle-runner-fail: #000;
	--color-progress-circle-runner: var(--color-theme)
}

.classic .nav-sidebar--dark {
	--border-nav-sidebar-outline-section-toggle: none;
	--color-nav-sidebar-bg: #202121;
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-outline-item-link-hover-bg: #ffffff1a;
	--color-nav-sidebar-outline-item-link-hover: #fff;
	--color-nav-sidebar-outline-item-link-icon: #bcbcbc;
	--color-nav-sidebar-outline-item-link: #bcbcbc;
	--color-nav-sidebar-outline-section-text: #fff;
	--color-nav-sidebar-outline-section-toggle-icon: #fff;
	--color-nav-sidebar-search-result-hover-bg: #ffffff1a;
	--color-nav-sidebar-search-results-text: #fff;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-fail: #fff;
	--color-progress-circle-runner: var(--color-theme);
	--color-progress-circle-track: #ffffff26
}

.classic .nav-sidebar--dark.nav-sidebar--progress-circular-fill,
.classic .nav-sidebar--dark.nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.classic .nav-sidebar--image-dark-overlay {
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-progress-track: #ffffff80;
	--color-nav-sidebar-search-btn-hover: #ffffff40
}

.classic .nav-sidebar--image-light-overlay {
	--color-nav-sidebar-contrast: #000;
	--color-nav-sidebar-progress-track: #0000004d
}

.classic .nav-sidebar--accent {
	--color-nav-sidebar-contrast: var(--color-theme-contrast);
	--color-nav-sidebar-progress-track: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-nav-sidebar-search-btn-hover: rgb(var(--color-theme-contrast-rgb), 0.25)
}

.classic .nav-sidebar--legacy-pre-themes {
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-progress-track: #ffffff80;
	--color-progress-circle-pass: #fff
}

.classic .nav-sidebar__content {
	background-color: var(--color-nav-sidebar-bg);
	width: 28rem
}

.classic .nav-sidebar__outline {
	font-family: var(--font-family-ui);
	padding-block: 2.8rem;
	padding-inline: 0
}

.classic .nav-sidebar__outline--hidden {
	padding-block: 0;
	padding-inline: 0
}

.classic .nav-sidebar__outline-list-item {
	position: relative
}

.classic .nav-sidebar__outline-item--active:after,
.classic .nav-sidebar__outline-section-item--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .5rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.classic .nav-sidebar__outline-item-tooltip,
.classic .nav-sidebar__outline-section-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.classic .nav-sidebar__outline-item-tooltip--visible,
.classic .nav-sidebar__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .nav-sidebar__outline-item-tooltip__inner,
.classic .nav-sidebar__outline-section-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .nav-sidebar__outline-item-tooltip__inner:after,
.classic .nav-sidebar__outline-section-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .nav-sidebar__outline-item-tooltip__inner--dark,
.classic .nav-sidebar__outline-section-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .nav-sidebar__outline-item-tooltip__inner--dark:after,
.classic .nav-sidebar__outline-section-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic .nav-sidebar__outline-item__link,
.classic .nav-sidebar__outline-section-item__link {
	color: var(--color-nav-sidebar-outline-item-link);
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	height: 100%;
	line-height: 1.6rem;
	padding-block: 1.8rem;
	padding-inline: 4.3rem 4.1rem;
	position: relative;
	text-decoration: none;
	width: 100%
}

.classic .nav-sidebar__outline-item__link:focus,
.classic .nav-sidebar__outline-section-item__link:focus {
	outline-offset: -2px;
	outline-width: 2px
}

.classic .nav-sidebar__outline-item__link--restricted,
.classic .nav-sidebar__outline-section-item__link--restricted {
	cursor: not-allowed
}

.classic .nav-sidebar__outline-item__link.nav-sidebar__outline-item__link--active,
.classic .nav-sidebar__outline-item__link.nav-sidebar__outline-section-item__link--active,
.classic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-item__link--restricted):focus,
.classic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-item__link--restricted):hover,
.classic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-section-item__link--restricted):focus,
.classic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-section-item__link--restricted):hover,
.classic .nav-sidebar__outline-section-item__link.nav-sidebar__outline-item__link--active,
.classic .nav-sidebar__outline-section-item__link.nav-sidebar__outline-section-item__link--active,
.classic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-item__link--restricted):focus,
.classic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-item__link--restricted):hover,
.classic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-section-item__link--restricted):focus,
.classic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-section-item__link--restricted):hover {
	background-color: var(--color-nav-sidebar-outline-item-link-hover-bg);
	color: var(--color-nav-sidebar-outline-item-link-hover)
}

.classic .nav-sidebar__outline-item-link-icon,
.classic .nav-sidebar__outline-section-item-link-icon {
	color: var(--color-nav-sidebar-outline-item-link-icon);
	forced-color-adjust: auto;
	height: 1.6rem;
	inset-block-start: 2.7rem;
	inset-inline-start: 2rem;
	margin-inline-end: .7rem;
	position: absolute;
	transform: translateY(-50%) scaleX(var(--dir-x));
	width: 1.6rem
}

.classic .nav-sidebar__outline-section:not(:first-of-type) {
	margin-block-start: .8rem
}

.classic .nav-sidebar__outline-section-text,
.classic .nav-sidebar__outline-section-toggle {
	align-items: flex-start;
	color: var(--color-nav-sidebar-outline-section-text);
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .06rem;
	line-height: 1.2rem;
	text-align: start;
	text-transform: uppercase;
	width: 100%
}

.classic .nav-sidebar__outline-section-toggle {
	cursor: pointer;
	margin-block: 0 .9rem;
	margin-inline: 0;
	padding-block: 1.2rem;
	padding-inline: 2rem 2.8rem;
	position: relative
}

.classic .nav-sidebar__outline-section-toggle:focus {
	outline-offset: -2px;
	outline-width: 2px
}

.classic .nav-sidebar__outline-section-toggle:after {
	border-block-end: var(--border-nav-sidebar-outline-section-toggle);
	content: "";
	inset-block-end: 0;
	inset-inline: 2rem 2.8rem;
	position: absolute
}

.classic .nav-sidebar__outline-section-text {
	padding-block: 1.2rem;
	padding-inline: 3.5rem 2.8rem
}

.classic .nav-sidebar__outline-section-toggle-icon {
	color: var(--color-nav-sidebar-outline-section-text);
	flex-shrink: 0;
	margin-block-start: .4rem;
	margin-inline-end: .6rem;
	order: -1;
	transition: transform .3s;
	width: .9rem
}

.classic .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .classic .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

@media(forced-colors:active) {
	.classic .nav-sidebar__outline-section-toggle-icon {
		color: ButtonText
	}
}

.classic .nav-sidebar__outline-section-list {
	transition: max-height .3s, opacity .5s
}

.classic .nav-sidebar__outline-section-list--collapsed {
	max-height: 0 !important;
	opacity: 0;
	overflow: hidden
}

@media(forced-colors:active) {
	.classic .nav-sidebar--image-dark-overlay .nav-sidebar-header__progress-track {
		border: .1rem solid Canvas
	}
}

.classic .nav-sidebar .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.classic .nav-sidebar .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #000)
}

.classic .nav-sidebar .progress-circle--sidebar .progress-circle__runner--done.progress-circle__runner--done.progress-circle__runner--failed {
	stroke: var(--color-progress-circle-runner-fail);
	fill: var(--color-progress-circle-runner-fail)
}

.classic .nav-sidebar-header--searching {
	height: 7.5rem !important
}

.classic .nav-sidebar-header__inner {
	padding-block: 2rem;
	padding-inline: 2rem
}

.classic .nav-sidebar-header__inner--compact {
	padding-block: 1rem;
	padding-inline: 2rem
}

.classic .nav-sidebar-header__progress {
	font-family: var(--font-family-ui)
}

.classic .nav-sidebar-header__search-btn {
	color: var(--color-nav-sidebar-contrast, #000);
	height: 2.6rem;
	inset-block-start: 1.3rem;
	inset-inline-end: 1.5rem;
	width: 2.6rem
}

.classic .nav-sidebar-header__search-btn:hover {
	background-color: var(--color-nav-sidebar-search-btn-hover);
	border-radius: .3rem
}

.classic .nav-sidebar-header__search-btn--hidden {
	transform: translateY(-1.5rem)
}

.classic .nav-sidebar-header__search-icon {
	height: 1.6rem;
	width: 1.6rem
}

@media(forced-colors:active) {
	.classic .nav-sidebar-header__search-icon {
		color: ButtonText
	}
}

.classic .nav-sidebar-header__search-area {
	inset-block-start: 1.9rem;
	inset-inline: 1.9rem
}

.classic .nav-sidebar-header__search-area--hidden {
	transform: translateY(calc(-100% - 2rem))
}

.classic .nav-sidebar-header__graphic {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .nav-sidebar-header__graphic--image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.classic .nav-sidebar-header__content {
	margin-block: 3rem .5rem;
	margin-inline: 0
}

.classic .nav-sidebar-header__content--hidden {
	inset-inline: 2rem
}

.classic .nav-sidebar-header__content--compact {
	margin-block: .7rem 1rem;
	margin-inline: 0
}

.classic .nav-sidebar-header__title {
	color: var(--color-nav-sidebar-contrast, #000);
	display: inline-block;
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 3.3rem;
	text-decoration: none
}

.classic .nav-sidebar-header__title--compact {
	font-size: 2rem;
	line-height: 2.4rem;
	margin-inline-end: 2.4rem
}

.classic .nav-sidebar-header__progress-runner,
.classic .nav-sidebar-header__progress-track {
	height: .2rem
}

.classic .nav-sidebar-header__progress-track {
	background-color: var(--color-nav-sidebar-progress-track);
	margin-block-start: 4rem
}

.classic .nav-sidebar-header__progress-track--compact {
	margin-block-start: 2rem
}

@media(forced-colors:active) {
	.classic .nav-sidebar-header__progress-track {
		background-color: Canvas;
		border: .1rem solid #0000;
		height: .4rem
	}
}

.classic .nav-sidebar-header__progress-runner {
	background-color: var(--color-nav-sidebar-contrast, #000);
	transition: width .6s
}

@media(forced-colors:active) {
	.classic .nav-sidebar-header__progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}
}

.classic .nav-sidebar-header__progress-text {
	color: var(--color-nav-sidebar-contrast, #000);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .01rem;
	line-height: 1.3rem;
	margin-block-start: .5rem;
	text-transform: uppercase
}

.classic .nav-sidebar-search {
	border: .1rem solid #0000;
	border-radius: 10rem;
	font-family: var(--font-family-ui)
}

.classic .nav-sidebar-search__icon {
	color: #444;
	height: 1.6rem;
	inset-block-start: 50%;
	inset-inline-start: 1.2rem;
	pointer-events: none;
	position: absolute;
	transform: translateY(-50%);
	width: 1.6rem
}

.classic .nav-sidebar-search__input {
	background-color: #fff;
	border-radius: 10rem;
	font-family: inherit;
	font-size: 1.5rem;
	line-height: 1.8rem;
	padding-block: .8rem .9rem;
	padding-inline: 3.6rem 3.8rem
}

.classic .nav-sidebar-search__input::placeholder {
	color: #000
}

.classic .nav-sidebar-search__close {
	color: #76767c;
	height: 2rem;
	inset-block-start: 50%;
	inset-inline-end: .7rem;
	position: absolute;
	transform: translateY(-50%);
	width: 2rem
}

.classic .nav-sidebar-search__close:focus,
.classic .nav-sidebar-search__close:hover {
	color: #000
}

.classic .nav-sidebar-search__close-icon {
	height: 1rem;
	width: 1rem
}

.classic .nav-sidebar-header-ghost--searching {
	height: 7.5rem !important
}

.classic .nav-sidebar-results {
	padding-block: 2rem;
	padding-inline: 0
}

.classic .nav-sidebar-results__message {
	color: #707070;
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-block: 0;
	margin-inline: 2.4rem
}

.classic .nav-sidebar-results__term {
	font-style: italic
}

.classic .nav-sidebar-result {
	margin-block-end: 1rem
}

.classic .nav-sidebar-result__inner--active:after {
	border-inline-start-color: initial;
	border-inline-start-style: solid;
	border-inline-start-width: .5rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.classic .nav-sidebar-result__link {
	color: var(--color-nav-sidebar-search-results-text);
	display: block;
	font-size: 1.2rem;
	letter-spacing: .05rem;
	line-height: 1.4rem;
	padding-block: 1.8rem;
	padding-inline: 4.3rem;
	position: relative;
	text-decoration: none
}

.classic .nav-sidebar-result__link--active,
.classic .nav-sidebar-result__link:focus,
.classic .nav-sidebar-result__link:hover {
	background-color: var(--color-nav-sidebar-search-result-hover-bg)
}

.classic .nav-sidebar-result__icon {
	height: 1.6rem;
	inset-block-start: 1.8rem;
	inset-inline-start: 2rem;
	position: absolute
}

.classic .nav-sidebar-result__title {
	display: block;
	font-weight: 700
}

.classic .nav-sidebar-result__count {
	display: block;
	font-style: italic;
	margin-block-start: .6rem
}

@keyframes classic-nav-sidebar-enter {
	0% {
		opacity: 0
	}

	40% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes classic-nav-sidebar-text-enter {
	0% {
		transform: translateY(25px)
	}

	40% {
		transform: translateY(25px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes classic-nav-sidebar-exit {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes classic-nav-sidebar-text-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	33% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.classic .lesson--entering .nav-sidebar__content {
	animation: classic-nav-sidebar-enter .4s
}

.classic .lesson--entering .nav-sidebar__body>* {
	animation: classic-nav-sidebar-text-enter .4s
}

.classic .lesson--exiting .nav-sidebar__content {
	animation: classic-nav-sidebar-exit .6s;
	animation-fill-mode: forwards
}

.classic .lesson--exiting .nav-sidebar__body>* {
	animation: classic-nav-sidebar-text-exit .6s;
	animation-fill-mode: forwards
}

@keyframes classic-lesson-content-enter {
	0% {
		opacity: 0
	}

	10% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes classic-lesson-content-exit {
	0% {
		opacity: 1
	}

	10% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

.classic .lesson {
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute;
	z-index: 2
}

.classic .lesson--entering .lesson__content {
	animation: classic-lesson-content-enter .5s
}

.classic .lesson--exiting .lesson__content {
	animation: classic-lesson-content-exit .63s;
	animation-fill-mode: forwards
}

.classic .page__menu {
	padding-block: 2rem;
	padding-inline: 2rem
}

.classic .page__header {
	background-color: var(--color-background)
}

@media(max-width:67.4375em)and (min-width:60em) {

	.classic .lesson--open .lesson-header__main:first-child,
	.classic .lesson--open-mobile .lesson-header__main:first-child {
		margin-inline-start: 0
	}
}

.classic .lesson-header-wrap {
	--color-background: #fff;
	--color-header-bar: var(--color-theme);
	--color-header-text: #000;
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out
}

.classic .lesson-header-wrap .lesson-header {
	padding-block-end: 7.2rem
}

@media(max-width:89.9375em) {
	.classic .lesson-header-wrap .lesson-header {
		padding-block-end: 6.7rem
	}
}

@media(max-width:47.9375em) {
	.classic .lesson-header-wrap .lesson-header {
		padding-block-end: 5.7rem
	}
}

.classic .lesson-header-wrap .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0;
	padding-block-end: 0
}

.classic .lesson-header-wrap .lesson-header__top-wrap:after {
	background-color: var(--color-header-bar);
	transition: none
}

.classic .lesson-header-wrap .lesson-header__author {
	display: flex
}

.classic .lesson-header-wrap .lesson-header__author--partner-content {
	display: none
}

.classic .lesson-header-wrap .lesson-header__author-name {
	color: var(--color-header-text);
	font-size: 1.4rem;
	font-weight: 400
}

.classic .lesson-header-wrap .lesson-header__author-img {
	border: none
}

.classic .lesson-header-wrap .lesson-header .lesson-header__partner-content {
	padding-block-end: 2.4rem
}

.classic .lesson-header-wrap .lesson-header .lesson-header__partner-content__author {
	color: var(--color-header-text);
	font-size: 1.4rem;
	font-weight: 400;
	margin-block-end: 4rem
}

.classic .lesson-header-wrap .lesson-header__title {
	color: var(--color-header-text);
	font-family: var(--font-family-head);
	font-size: 4rem;
	line-height: 4.8rem;
	margin-block-end: 2.4rem
}

@media(max-width:47.9375em) {
	.classic .lesson-header-wrap .lesson-header__title {
		font-size: 3.6rem;
		line-height: 4.32rem
	}
}

.classic .lesson-header-wrap .lesson-header__description {
	color: var(--color-header-text)
}

.classic .lesson-header-wrap .lesson-header__counter {
	color: var(--color-header-text);
	font-family: var(--font-family-body);
	letter-spacing: .05rem;
	margin-block-end: 1.6rem
}

.classic .lesson-header-wrap .lesson-header__count {
	color: var(--color-header-text)
}

.classic .lesson-header-wrap--collapsed {
	max-height: 0;
	opacity: 0;
	overflow: hidden
}

.classic .lesson-header-wrap--accent {
	--color-background: var(--color-theme);
	--color-header-bar: var(--color-theme-contrast);
	--color-header-text: var(--color-theme-contrast)
}

.classic .lesson-header-wrap--custom {
	--color-header-text: var(--lesson-header-contrast-color);
	--color-header-bar: var(--lesson-header-contrast-color)
}

.classic .lesson-header-wrap--gray {
	--color-background: #fafafa
}

.classic .lesson-header-wrap--dark {
	--color-background: #303030
}

.classic .lesson-header-wrap--black {
	--color-background: #000
}

.classic .lesson-header-wrap--black,
.classic .lesson-header-wrap--dark {
	--color-header-text: #fff
}

.classic .lesson-header-wrap--image {
	--color-header-text: #fff;
	--color-header-bar: #fff
}

.classic .lesson-header-wrap--image-light {
	--color-header-text: #000;
	--color-header-bar: #000
}

.classic .lesson-header-wrap--image .page__header-bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .lesson-header-wrap--tint {
	--color-background: var(--color-theme-transparent);
	--color-header-bar: var(--color-theme)
}

.classic .lesson-header-wrap--mobile .page__header {
	min-height: 12.4rem;
	padding-block-start: 3rem
}

.classic .lesson-header-wrap--mobile .lesson-header {
	padding-block-end: 2.8rem
}

.classic .lesson-header-wrap--mobile .lesson-header__content {
	display: flex;
	flex-direction: column
}

.classic .lesson-header-wrap--mobile .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0
}

.classic .lesson-header-wrap--mobile .lesson-header__top-wrap:after {
	height: .4rem;
	width: 4rem
}

.classic .lesson-header-wrap--mobile .lesson-header__counter {
	font-size: 1.2rem;
	font-weight: 400;
	height: 1.4rem;
	order: 0;
	text-align: end
}

.classic .lesson-header-wrap--mobile .lesson-header__author {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block-end: .4rem
}

.classic .lesson-header-wrap--mobile .lesson-header__author-img {
	height: 2.2rem;
	width: 2.2rem
}

.classic .lesson-header-wrap--mobile .lesson-header .lesson-header__partner-content {
	padding-block-end: 0
}

.classic .lesson-header-wrap--mobile .lesson-header .lesson-header__partner-content-author {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block-end: .4rem
}

.classic .lesson-header-wrap--mobile .lesson-header .lesson-header__partner-content-author-img {
	height: 2.2rem;
	width: 2.2rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile {
	margin-block-end: .4rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
	height: 3rem;
	margin-block: 0;
	margin-inline: 0 .8rem;
	padding-block: 0;
	padding-inline: 0;
	position: relative;
	width: 3rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author--single {
	height: 2.2rem;
	margin-block: 0 1rem;
	margin-inline: 0 .8rem;
	width: 2.2rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img {
	height: 2.2rem;
	margin-inline-end: 0;
	position: absolute;
	width: 2.2rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img--single {
	inset-inline-start: 0 !important
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:first-of-type {
	inset-block-start: 1rem;
	z-index: 1
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:last-of-type {
	inset-inline-start: 1rem
}

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__author-name {
	align-items: center;
	display: flex;
	line-height: 2rem;
	margin-block-start: 1rem
}

.classic .lesson-header-wrap--mobile .lesson-header__title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	margin-block-end: 1.6rem
}

.classic .lesson-header-wrap--small {
	min-height: 12.8rem
}

.classic .lesson-header-wrap--small .page__header {
	padding-block-start: 2.8rem
}

.classic .lesson-header-wrap--small .lesson-header {
	padding-block-end: 2.8rem
}

.classic .lesson-header-wrap--small .lesson-header__content {
	display: flex;
	flex-direction: column
}

.classic .lesson-header-wrap--small .lesson-header__info-row {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-block-end: .4rem
}

.classic .lesson-header-wrap--small .lesson-header__info-row--divider {
	color: var(--color-header-text);
	font-size: 1.6rem;
	font-weight: 300;
	padding-block: 0;
	padding-inline: 1.2rem
}

@media(max-width:52.4375em) {

	.classic .lesson-header-wrap--small .lesson-header__info-row,
	.classic .lesson-header-wrap--small .lesson-header__title-wrapper--no-info {
		padding-block-start: 2.8rem
	}
}

.classic .lesson-header-wrap--small .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0
}

.classic .lesson-header-wrap--small .lesson-header__top-wrap:after {
	height: .4rem;
	width: 4rem
}

.classic .lesson-header-wrap--small .lesson-header__counter {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4rem;
	margin-block: 0;
	margin-inline: 0;
	opacity: .6;
	order: 0
}

.classic .lesson-header-wrap--small .lesson-header__author {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	margin-block: 0;
	margin-inline: 0
}

.classic .lesson-header-wrap--small .lesson-header__author-img {
	height: 2.2rem;
	width: 2.2rem
}

.classic .lesson-header-wrap--small .lesson-header__title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	margin-block-end: 1.6rem
}

.classic .lesson-header-wrap--small .lesson-header .lesson-header__partner-content {
	padding-block-end: 0
}

.classic .lesson-header-wrap--small .lesson-header .lesson-header__partner-content-author {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block-end: 0;
	padding-inline-end: 1.2rem
}

.classic .lesson-header-wrap--small .lesson-header .lesson-header__partner-content-author:last-of-type {
	padding-inline-end: 0
}

.classic .lesson-header-wrap--small .lesson-header .lesson-header__partner-content-author-img {
	height: 2rem;
	width: 2rem
}

.classic .lesson-header-wrap--large .page__header {
	padding-block-start: 10.4rem
}

@media(max-width:89.9375em) {
	.classic .lesson-header-wrap--large .page__header {
		padding-block-start: 6.2rem
	}
}

.classic .lesson-header-wrap--large .lesson-header {
	padding-block-end: 11.2rem
}

@media(max-width:89.9375em) {
	.classic .lesson-header-wrap--large .lesson-header {
		padding-block-end: 7rem
	}
}

@media(max-width:47.9375em) {
	.classic .lesson-header-wrap--large .lesson-header {
		padding-block-end: 5.7rem
	}
}

.classic .lesson-header-wrap--large .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0
}

.classic .lesson-header-wrap--large .lesson-header__author {
	margin-block-end: 3.7rem
}

.classic .lesson-header-wrap--large .lesson-header__title {
	font-size: 7.2rem;
	line-height: 8.64rem;
	margin-block-end: 2rem
}

@media(max-width:89.9375em) {
	.classic .lesson-header-wrap--large .lesson-header__title {
		font-size: 5.6rem;
		line-height: 6.72rem
	}
}

@media(max-width:47.9375em) {
	.classic .lesson-header-wrap--large .lesson-header__title {
		font-size: 4.4rem;
		line-height: 5.28rem
	}
}

.classic .cover__header-content-action-link {
	background: var(--color-cover-cta-bg);
	border: .2rem solid #0000;
	border-radius: 10rem;
	color: var(--color-cover-cta-text);
	cursor: pointer;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .1rem;
	margin-block-end: 1.7rem;
	min-width: 9.8rem;
	outline-offset: .2rem;
	padding-block: 1.1rem;
	padding-inline: 2.8rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform .15s ease-in-out;
	white-space: nowrap;
	width: 100%
}

@media(resolution:1dppx) {
	.classic .cover__header-content-action-link {
		transform: scale(.999)
	}
}

.classic .cover__header-content-action-link:hover {
	transform: scale(1.05)
}

.classic .cover__header-content-action-link:active {
	transform: scale(.95);
	transition-duration: .1s
}

@media(min-width:30em) {
	.classic .cover__header-content-action-link {
		width: auto
	}
}

.classic .overview__start-again {
	background-color: #0000;
	border-color: var(--color-cover-cta-bg);
	color: var(--color-cover-cta-bg, #fff)
}

.classic .cover {
	--color-background: var(--color-theme);
	--color-cover-contrast: var(--color-theme-contrast);
	--color-cover-contrast-complementary: var(--color-theme-contrast-complementary);
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-cover-cta-bg: var(--color-cover-contrast);
	--color-cover-cta-text: var(--color-cover-contrast-complementary);
	--color-cover-progress-outer-bg: rgb(var(--color-theme-contrast-rgb), 0.3);
	background-color: #fff
}

.classic .cover--layout-centered-overlay,
.classic .cover--layout-left-overlay {
	--color-background: #0000;
	--color-cover-contrast: #fff;
	--color-cover-contrast-complementary: #000;
	--color-cover-progress-outer-bg: #ffffff4d
}

.classic .cover--layout-centered-overlay .cover__header-content--overlay-light,
.classic .cover--layout-left-overlay .cover__header-content--overlay-light {
	--color-cover-contrast: #000;
	--color-cover-contrast-complementary: #fff;
	--color-cover-cta-bg: #000;
	--color-cover-cta-text: #fff;
	--color-cover-progress-outer-bg: #0003
}

.classic .cover--layout-centered-overlay .cover__header-content--overlay-light .cover__header-content-action-link,
.classic .cover--layout-left-overlay .cover__header-content--overlay-light .cover__header-content-action-link {
	--color-cover-cta-bg: #000;
	--color-cover-cta-text: #fff
}

.classic .cover-container {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .cover__header {
	min-height: 15.2rem
}

@media(min-width:30em) {
	.classic .cover__header {
		min-height: 47.4rem
	}
}

@media(min-width:48em) {
	.classic .cover__header {
		min-height: 44.6rem
	}
}

.classic .cover__header-graphic {
	width: 50%
}

.classic .cover__header-content,
.classic .cover__header-graphic {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.classic .cover__header-content {
	align-items: center;
	background-color: var(--color-background);
	display: flex;
	min-height: 15.2rem;
	padding-block: 4.8rem 3.2rem;
	padding-inline: 1.5rem
}

@media(min-width:30em) {
	.classic .cover__header-content {
		align-items: center;
		display: flex;
		min-height: 44.6rem;
		padding-block: 8.8rem;
		padding-inline: 2.2rem
	}
}

@media(min-width:48em) {
	.classic .cover__header-content {
		min-height: 55rem;
		padding-block: 12.4rem;
		padding-inline: 5rem
	}
}

@media(min-width:90em) {
	.classic .cover__header-content {
		display: block
	}
}

.classic .cover__header-content-info {
	margin-block: 0;
	margin-inline: auto;
	padding-block: 0;
	padding-inline: 0;
	width: 100%
}

@media(min-width:30em) {
	.classic .cover__header-content-info {
		width: 52.8rem
	}
}

@media(min-width:48em) {
	.classic .cover__header-content-info {
		width: 60rem
	}
}

@media(min-width:90em) {
	.classic .cover__header-content-info {
		width: 70rem
	}
}

.classic .cover__header-content-info--rbc,
.classic .cover__header-content-info--rise-com {
	max-width: 60rem;
	width: 52.8rem
}

@media(min-width:48em) {

	.classic .cover__header-content-info--rbc,
	.classic .cover__header-content-info--rise-com {
		width: 101.6rem
	}
}

@media(min-width:75em) {

	.classic .cover__header-content-info--rbc,
	.classic .cover__header-content-info--rise-com {
		max-width: 86.36rem
	}
}

@media(min-width:90em) {

	.classic .cover__header-content-info--rbc,
	.classic .cover__header-content-info--rise-com {
		max-width: none
	}
}

.classic .cover__header-content-authors {
	display: flex
}

.classic .cover__header-content-authors-avatar {
	background-size: cover;
	border-radius: 50%;
	flex-shrink: 0;
	height: 3.8rem;
	margin-inline-end: 1rem;
	width: 3.8rem
}

.classic .cover__header-content-authors-name {
	color: var(--color-cover-contrast, #fff);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 3.8rem;
	margin-block: 0;
	margin-inline: 0
}

.classic .cover__header-content-title {
	color: var(--color-cover-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 3.2rem;
	font-weight: 900;
	letter-spacing: -.015rem;
	line-height: 3.8rem;
	margin-block: 2rem 4.8rem;
	margin-inline: 0;
	max-width: 70.4rem;
	word-wrap: break-word
}

@media(min-width:30em) {
	.classic .cover__header-content-title {
		font-size: 4.5rem;
		line-height: 5.2rem;
		margin-block: 2rem 3rem;
		margin-inline: 0;
		max-width: 70.4rem
	}
}

@media(min-width:90em) {
	.classic .cover__header-content-title {
		font-size: 6rem;
		letter-spacing: -.02rem;
		line-height: 7rem;
		max-width: 140rem
	}
}

.classic .cover__progress {
	color: var(--color-cover-contrast, #fff);
	margin-block-end: 3rem;
	width: 100%
}

.classic .cover__progress-text {
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .028rem;
	line-height: 1.6rem
}

.classic .cover__progress-outer {
	background: var(--color-cover-progress-outer-bg);
	border-radius: 10rem;
	height: .5rem;
	margin-block: .8rem 1.6rem;
	width: 100%
}

.classic .cover__progress-inner {
	background: currentColor;
	border-radius: 10rem;
	height: 100%
}

.classic .cover__progress-next-lesson {
	margin-block-end: 3rem
}

.classic .cover__progress-next-lesson-text {
	display: inline;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .028rem;
	line-height: 1.6rem;
	margin-inline-start: .8rem;
	text-transform: capitalize
}

.classic .cover__header-content-action-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

@media(min-width:30em) {
	.classic .cover__header-content-action-wrapper {
		width: auto
	}
}

.classic .cover__header-content-action-link {
	margin-inline-end: 0
}

@media(min-width:30em) {
	.classic .cover__header-content-action-link {
		margin-inline-end: 1.7rem;
		width: auto
	}
}

.classic .cover__header-content-action-link:last-child {
	margin-inline-end: 0
}

.classic .cover__header-content-action-link--disabled {
	display: none
}

.classic .cover__details-content-section--type-partner-content {
	display: none;
	width: 24rem
}

@media(min-width:75em) {
	.classic .cover__details-content-section--type-partner-content {
		display: block
	}
}

.classic .cover__course-length-section+.cover__details-content-section--type-partner-content .cover__details-content-heading {
	border: none !important;
	height: 1px !important;
	margin-block: 0 !important;
	margin-inline: 0 !important;
	overflow: hidden !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important
}

.classic .cover__course-length-section {
	border-block-end: none;
	line-height: 1.6rem;
	margin-block-end: 1.6rem;
	padding-block: 0;
	padding-inline: 0
}

@media(min-width:75em) {
	.classic .cover__course-length-section {
		border-block-end: 1px solid #e9e9e9;
		margin-block: 0 2rem;
		margin-inline: 0;
		padding-block: 0 2rem;
		padding-inline: 0
	}
}

.classic .cover__course-length-title {
	border: none !important;
	height: 1px !important;
	margin-block: 0 !important;
	margin-inline: 0 !important;
	overflow: hidden !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important
}

.classic .cover__details {
	display: block;
	padding-block: 0;
	padding-inline: 0
}

@media(min-width:30em) {
	.classic .cover__details {
		padding-block: 0;
		padding-inline: 5rem
	}
}

.classic .cover__details-content {
	flex-grow: 2;
	margin-block: 0;
	margin-inline: auto;
	max-width: 52.8rem;
	width: 100%
}

@media(min-width:48em) {
	.classic .cover__details-content {
		max-width: 60rem
	}
}

@media(min-width:90em) {
	.classic .cover__details-content {
		max-width: 70rem
	}
}

@media(max-width:550px) {
	.classic .cover__details-content {
		padding-block: 0;
		padding-inline: 2.2rem
	}
}

.classic .cover__details-content-heading .overview__description-published {
	color: #666;
	display: none;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .028rem;
	line-height: 1.6rem
}

@media(min-width:48em) {
	.classic .cover__details-content-heading .overview__description-published {
		display: block
	}
}

.classic .cover__details-content-heading-row {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.classic .cover__details-content-wrap {
	margin-block: 4rem;
	margin-inline: auto;
	max-width: 86.36rem
}

@media(min-width:30em) {
	.classic .cover__details-content-wrap {
		margin-block: 5rem;
		margin-inline: auto
	}
}

@media(min-width:90em) {
	.classic .cover__details-content-wrap {
		max-width: 101.6rem
	}
}

.classic .cover__details-content-aside {
	flex: 0 0 auto;
	margin-inline-start: 0;
	width: 100%
}

.classic .cover__details-content-aside .cover__course-length-section {
	display: none
}

@media(min-width:75em) {
	.classic .cover__details-content-aside {
		margin-inline-start: 12.8rem;
		width: 28.8rem
	}

	.classic .cover__details-content-aside .cover__course-length-section {
		display: block
	}
}

.classic .cover__details-content-aside--logo {
	margin-block-start: 0
}

@media(min-width:62em) {
	.classic .cover__details-content-aside--logo {
		margin-block-start: 10.5rem
	}
}

.classic .cover__details-content-wrap--columns {
	display: flex
}

.classic .cover__details-content-description {
	color: #000;
	font-family: var(--font-family-body);
	font-size: 1.6rem;
	line-height: 3.3rem;
	margin-block-end: 5rem
}

@media(min-width:90em) {
	.classic .cover__details-content-description {
		margin-block-end: 6rem
	}
}

.classic .cover__details-content-heading {
	border-block-end: 1px solid #e9e9e9;
	font-size: 1.3rem;
	font-weight: 700;
	margin-block-end: 3rem;
	padding-block-end: 2rem
}

.classic .cover__details-logo {
	margin-block-end: 3rem;
	max-width: 52.8rem;
	width: 100%
}

@media(min-width:30em) {
	.classic .cover__details-logo {
		width: auto
	}
}

@media(min-width:48em) {
	.classic .cover__details-logo {
		max-width: 60rem
	}
}

@media(min-width:90em) {
	.classic .cover__details-logo {
		max-width: none
	}
}

.classic .overview-list-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.classic .overview-list-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .overview-list-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .overview-list-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .overview-list-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .overview-list-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic .cover--layout-centered .cover__header-content,
.classic .cover--layout-centered-overlay .cover__header-content {
	min-height: 16.4rem
}

@media(min-width:30em) {

	.classic .cover--layout-centered .cover__header-content,
	.classic .cover--layout-centered-overlay .cover__header-content {
		min-height: 47.4rem
	}
}

@media(min-width:48em) {

	.classic .cover--layout-centered .cover__header-content,
	.classic .cover--layout-centered-overlay .cover__header-content {
		min-height: 55rem
	}
}

.classic .cover--layout-centered .cover__header-content-info,
.classic .cover--layout-centered-overlay .cover__header-content-info {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-block: 0;
	margin-inline: auto;
	max-width: 52.8rem
}

@media(min-width:62em) {

	.classic .cover--layout-centered .cover__header-content-info,
	.classic .cover--layout-centered-overlay .cover__header-content-info {
		max-width: 91.2rem
	}
}

@media(min-width:90em) {

	.classic .cover--layout-centered .cover__header-content-info,
	.classic .cover--layout-centered-overlay .cover__header-content-info {
		max-width: 77.6rem
	}
}

.classic .cover--layout-centered .cover__header-content-title,
.classic .cover--layout-centered-overlay .cover__header-content-title {
	font-size: 3.2rem;
	letter-spacing: -.02rem;
	line-height: 3.8rem;
	text-align: center
}

@media(min-width:30em) {

	.classic .cover--layout-centered .cover__header-content-title,
	.classic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 4.5rem;
		line-height: 5.2rem
	}
}

@media(min-width:62em) {

	.classic .cover--layout-centered .cover__header-content-title,
	.classic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 6rem;
		line-height: 7rem
	}
}

@media(min-width:90em) {

	.classic .cover--layout-centered .cover__header-content-title,
	.classic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 8rem;
		line-height: 9rem
	}
}

.classic .cover--layout-centered .cover__progress,
.classic .cover--layout-centered-overlay .cover__progress {
	max-width: 50rem
}

@media(min-width:48em) {

	.classic .cover--layout-centered .cover__progress,
	.classic .cover--layout-centered-overlay .cover__progress {
		max-width: 65rem
	}
}

.classic .cover--layout-centered .cover__progress .cover__progress-next-lesson,
.classic .cover--layout-centered-overlay .cover__progress .cover__progress-next-lesson {
	text-align: center
}

.classic .cover--layout-centered .cover__header-content-action-wrapper,
.classic .cover--layout-centered-overlay .cover__header-content-action-wrapper {
	justify-content: center
}

.classic .cover--layout-centered .cover__details-content,
.classic .cover--layout-centered-overlay .cover__details-content {
	margin-block-start: 0;
	padding-block: 0;
	padding-inline: 2.2rem
}

@media(min-width:30em) {

	.classic .cover--layout-centered .cover__details-content,
	.classic .cover--layout-centered-overlay .cover__details-content {
		margin-block-start: 0
	}
}

.classic .cover--layout-centered .cover__details-content-columns,
.classic .cover--layout-centered-overlay .cover__details-content-columns {
	margin-block: 0;
	margin-inline: auto
}

.classic .cover--layout-split-left-image .cover__header,
.classic .cover--layout-split-right-image .cover__header,
.classic .cover--layout-two-thirds-left-image .cover__header,
.classic .cover--layout-two-thirds-right-image .cover__header {
	display: flex
}

.classic .cover--layout-two-thirds-left-image .cover__header-content {
	align-items: center;
	display: flex
}

.classic .cover--layout-two-thirds-left-image .cover__header-content-info {
	margin-block: auto;
	margin-inline: auto
}

.classic .cover--layout-two-thirds-right-image .cover__header-content-info {
	margin-block: 0;
	margin-inline: 0
}

.classic .cover--layout-two-thirds-left-image .cover__header-content,
.classic .cover--layout-two-thirds-right-image .cover__header-content {
	padding-block: 10.3rem 10.7rem;
	padding-inline: 4.8rem 10.8rem;
	width: 66.6666666667%
}

@media(min-width:90em) {

	.classic .cover--layout-two-thirds-left-image .cover__header-content,
	.classic .cover--layout-two-thirds-right-image .cover__header-content {
		padding-block: 12.6rem;
		padding-inline: 12.8rem
	}
}

.classic .cover--layout-two-thirds-left-image .cover__header-content .cover__progress,
.classic .cover--layout-two-thirds-right-image .cover__header-content .cover__progress {
	max-width: 50rem
}

.classic .cover--layout-two-thirds-left-image .cover__header-content-info,
.classic .cover--layout-two-thirds-right-image .cover__header-content-info {
	max-width: 70.4rem;
	width: 100%
}

@media(min-width:90em) {

	.classic .cover--layout-two-thirds-left-image .cover__header-content-info,
	.classic .cover--layout-two-thirds-right-image .cover__header-content-info {
		max-width: 102.4rem
	}
}

.classic .cover--layout-two-thirds-left-image .cover__header-content-title,
.classic .cover--layout-two-thirds-right-image .cover__header-content-title {
	font-size: 4rem;
	letter-spacing: -.15rem;
	line-height: 4.8rem
}

@media(min-width:62em) {

	.classic .cover--layout-two-thirds-left-image .cover__header-content-title,
	.classic .cover--layout-two-thirds-right-image .cover__header-content-title {
		font-size: 4.5rem;
		line-height: 5.2rem
	}
}

@media(min-width:90em) {

	.classic .cover--layout-two-thirds-left-image .cover__header-content-title,
	.classic .cover--layout-two-thirds-right-image .cover__header-content-title {
		font-size: 6rem;
		line-height: 7rem
	}
}

.classic .cover--layout-two-thirds-left-image .cover__header-graphic,
.classic .cover--layout-two-thirds-right-image .cover__header-graphic {
	width: 33.3333333333%
}

.classic .cover--layout-split-left-image .cover__header-content,
.classic .cover--layout-split-right-image .cover__header-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block: 11.4rem 11.9rem;
	padding-inline: 5.6rem;
	width: 50%
}

@media(min-width:90em) {

	.classic .cover--layout-split-left-image .cover__header-content,
	.classic .cover--layout-split-right-image .cover__header-content {
		align-items: unset;
		padding-block: 14.2rem;
		padding-inline: 12.8rem
	}
}

.classic .cover--layout-split-left-image .cover__header-content-info,
.classic .cover--layout-split-right-image .cover__header-content-info {
	margin-block: 0;
	margin-inline: 0;
	max-width: 38.4rem;
	width: 100%
}

@media(min-width:90em) {

	.classic .cover--layout-split-left-image .cover__header-content-info,
	.classic .cover--layout-split-right-image .cover__header-content-info {
		max-width: 59.6rem
	}
}

.classic .cover--layout-split-left-image .cover__header-content-info .partner-content-course-author__author-container,
.classic .cover--layout-split-right-image .cover__header-content-info .partner-content-course-author__author-container {
	flex-wrap: wrap
}

.classic .cover--layout-split-left-image .cover__header-content-info .partner-content-course-author__author-container .partner-content-course-author__author,
.classic .cover--layout-split-right-image .cover__header-content-info .partner-content-course-author__author-container .partner-content-course-author__author {
	white-space: wrap
}

.classic .cover--layout-split-left-image .cover__header-content-info .partner-content-course-author__author-container .partner-content-course-author__author:last-child,
.classic .cover--layout-split-right-image .cover__header-content-info .partner-content-course-author__author-container .partner-content-course-author__author:last-child {
	margin-inline-end: unset;
	padding-inline-end: unset
}

.classic .cover--layout-split-left-image .cover__header-content-title,
.classic .cover--layout-split-right-image .cover__header-content-title {
	font-size: 3.2rem;
	line-height: 4rem
}

@media(min-width:90em) {

	.classic .cover--layout-split-left-image .cover__header-content-title,
	.classic .cover--layout-split-right-image .cover__header-content-title {
		font-size: 6rem;
		line-height: 7rem
	}
}

.classic .cover--layout-split-left-image .cover__details-content,
.classic .cover--layout-split-right-image .cover__details-content {
	margin-block: 5.4rem;
	margin-inline: auto
}

.classic .cover--layout-split-left-image .cover__details-content-columns,
.classic .cover--layout-split-left-image .cover__details-content-wrap,
.classic .cover--layout-split-right-image .cover__details-content-columns,
.classic .cover--layout-split-right-image .cover__details-content-wrap {
	margin-block-start: 0
}

.classic .cover--layout-split-left-image .cover__details-content-aside,
.classic .cover--layout-split-right-image .cover__details-content-aside {
	margin-block: 5rem
}

@media(min-width:90em) {

	.classic .cover--layout-split-left-image .cover__details-content-aside,
	.classic .cover--layout-split-right-image .cover__details-content-aside {
		margin-block-end: 0
	}
}

.classic .cover--layout-split-left-image .cover__details-content-aside-logo,
.classic .cover--layout-split-right-image .cover__details-content-aside-logo {
	margin-block-start: 0
}

@media(min-width:90em) {

	.classic .cover--layout-split-left-image .cover__details-content-aside-logo,
	.classic .cover--layout-split-right-image .cover__details-content-aside-logo {
		margin-block-start: 15.5rem
	}
}

.classic .cover--layout-centered .cover__details-content,
.classic .cover--layout-centered-overlay .cover__details-content,
.classic .cover--layout-two-thirds-left-image .cover__details-content,
.classic .cover--layout-two-thirds-right-image .cover__details-content {
	margin-block: 0;
	margin-inline: auto
}

.classic .partner-content-course-author__author {
	align-items: center
}

@media(min-width:30em) {
	.classic .partner-content-course-author__author {
		align-items: unset
	}
}

.classic .cover__details--rise-com .cover__details-content-heading {
	display: flex;
	justify-content: space-between
}

.classic .cover__details--rise-com .cover__details-content-columns {
	display: flex;
	flex-direction: column
}

@media(min-width:48em) {
	.classic .cover__details--rise-com .cover__details-content-columns {
		flex-direction: row
	}
}

.classic .cover__details--rise-com .cover__course-length-list {
	display: flex;
	flex-direction: row
}

.classic .cover__details--rise-com .cover__course-length-list .cover__num-lessons-units,
.classic .cover__details--rise-com .cover__course-length-list .cover__num-lessons-value,
.classic .cover__details--rise-com .cover__course-length-list .cover__time-to-complete-units,
.classic .cover__details--rise-com .cover__course-length-list .cover__time-to-complete-value {
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: .028rem;
	line-height: 1.6rem
}

.classic .cover__details--rise-com .cover__course-length-list .cover__num-lessons-value,
.classic .cover__details--rise-com .cover__course-length-list .cover__time-to-complete-value {
	font-weight: 700
}

.classic .cover__details--rise-com .cover__course-length-list .cover__time-to-complete {
	padding-inline-start: 2.6rem
}

.classic .cover__details--rise-com .cover__course-length-list .cover__course-length-list {
	border-block-end: 1px solid #e9e9e9;
	margin-block: 5rem 1.5rem;
	margin-inline: auto;
	padding-block-end: 2rem
}

.classic .cover__details--rise-com .cover__author-with-title {
	align-items: center;
	display: none;
	flex-direction: row;
	margin-block-end: 3.8rem
}

@media(min-width:75em) {
	.classic .cover__details--rise-com .cover__author-with-title {
		display: flex
	}
}

.classic .cover__details--rise-com .cover__author-with-title .cover__author-name {
	color: #000;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.04rem;
	opacity: .8
}

.classic .cover__details--rise-com .cover__author-with-title .cover__author-title {
	color: #6a737c;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .026rem;
	line-height: 1.44rem
}

.classic .cover__details--rise-com .cover__author-with-title .cover__header-content-authors-avatar {
	height: 6rem;
	width: 6rem
}

.classic .cover__details--rise-com .cover__requirements-section {
	margin-block: 5rem 2rem;
	margin-inline: 0
}

.classic .cover__details--rise-com .cover__categories-section {
	margin-block: 5rem;
	margin-inline: 0
}

.classic .cover__details--rise-com .cover__categories-title,
.classic .cover__details--rise-com .cover__requirements-title {
	border-block-end: 1px solid #e6e6e6;
	color: #000;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .03rem;
	line-height: 1.6rem;
	margin-block-end: 2rem;
	padding-block-end: 2rem;
	white-space: nowrap
}

@media(min-width:62em) {

	.classic .cover__details--rise-com .cover__categories-title,
	.classic .cover__details--rise-com .cover__requirements-title {
		font-size: 1.4rem
	}
}

.classic .cover__details--rise-com .cover__lesson-requirement,
.classic .cover__details--rise-com .cover__quiz-requirement {
	align-items: flex-start;
	color: #6a737c;
	display: flex;
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-block: 1.2rem;
	margin-inline: 0
}

.classic .cover__details--rise-com .cover__lesson-requirement-icon,
.classic .cover__details--rise-com .cover__quiz-requirement-icon {
	fill: #c9c9ca;
	flex: 0 0 auto;
	margin-inline-end: .8rem
}

.classic .cover__details--rise-com .cover__lesson-requirement-icon--complete,
.classic .cover__details--rise-com .cover__lesson-requirement-icon--type-failed,
.classic .cover__details--rise-com .cover__lesson-requirement-icon--type-passed,
.classic .cover__details--rise-com .cover__quiz-requirement-icon--complete,
.classic .cover__details--rise-com .cover__quiz-requirement-icon--type-failed,
.classic .cover__details--rise-com .cover__quiz-requirement-icon--type-passed {
	height: 1.8rem
}

.classic .cover__details--rise-com .cover__lesson-requirement-text,
.classic .cover__details--rise-com .cover__quiz-requirement-text {
	margin-block-start: .2rem
}

.classic .cover__details--rise-com .cover__quiz-requirement-seperator {
	padding-block: 0;
	padding-inline: .2rem
}

.classic .cover__details--rise-com .cover__quiz-requirement-no-attempts {
	color: #ed5736;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.6rem
}

.classic .cover__details--rise-com .cover__categories-list {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4rem;
	line-height: 1.7rem
}

.classic .cover__details--rise-com .cover__categories-item {
	align-items: center;
	background: #eee;
	border-radius: 5000rem;
	display: flex;
	flex: 0 1 auto;
	margin-block: 0 1.6rem;
	margin-inline: 0 .8rem;
	max-width: 100%;
	padding-block: .6rem;
	padding-inline: 1.6rem
}

.classic .cover__details--rise-com .cover__categories-icon {
	flex: 0 0 auto;
	margin-block: 0;
	margin-inline: 0 .5em
}

.classic .cover__details--rise-com .cover__categories-icon path {
	fill: #767d81
}

.classic .cover__details--rise-com .cover__categories-item-wrap {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.classic .cover__details--rise-com .cover__due-date {
	border: 1px solid var(--color-theme);
	border-radius: .4rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .036rem;
	line-height: 1.2rem;
	margin-block-start: 1rem;
	padding-block: .6rem;
	padding-inline: 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%
}

.classic .cover__details--rise-com .cover__due-date--urgent {
	background-color: currentColor;
	color: #fff
}

.classic .cover__details--rise-com .cover__completed-info {
	align-items: center;
	display: flex;
	flex-direction: row;
	margin-block: 3rem 2rem;
	margin-inline: 0
}

.classic .cover__details--rise-com .cover__completed-info .cover__completed-info-avatar {
	margin-inline-end: 2rem
}

.classic .cover__details--rise-com .cover__completed-info .certificateDownload__btn,
.classic .cover__details--rise-com .cover__completed-info .cover__completed-info-label {
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: .02rem;
	line-height: 1.2rem
}

.classic .cover__details--rise-com .cover__completed-info .certificateDownload :before {
	content: "|";
	margin-inline-end: .8rem
}

.classic .cover__details--rise-com .cover__completed-info .certificateDownload__btn {
	text-decoration: underline
}

.classic .cover__details--rise-com .cover__details-content-published-at {
	color: #666;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: .028rem;
	line-height: 1.6rem;
	margin-block-end: 1.6rem
}

.classic .cover__details--rise-com .cover__details-content-section--type-outline {
	margin-block-start: 5rem
}

@media(min-width:62em) {
	.classic .cover__details--rise-com .cover__details-content-section--type-outline {
		margin-block-start: 0
	}
}

.classic .cover__details--rise-com .overview-list__section-title {
	border-bottom-width: 0
}

@keyframes classic-cover-header-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0;
		transform: translateY(-90px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes classic-cover-header-exit {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translateY(-90px)
	}
}

@keyframes classic-cover-details-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes classic-cover-details-exit {
	0% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	to {
		transform: translateY(-90px)
	}
}

.classic .cover-container--entering .cover__details {
	animation: classic-cover-details-enter .5s
}

.classic .cover-container--exiting .cover__details {
	animation: classic-cover-details-exit .5s;
	animation-fill-mode: forwards
}

.classic .cover-container--entering .cover__header {
	animation: classic-cover-header-enter 425ms
}

.classic .cover-container--exiting .cover__header {
	animation: classic-cover-header-exit .45s;
	animation-fill-mode: forwards
}

.classic .lesson-nav {
	--color-background: var(--color-theme);
	--button-border-color: var(--color-theme);
	--button-background-hover-color: #e3e3e3;
	--button-background-selected-color: #c4c4c4;
	--button-background-tint-overlay-color: #ffffffe6;
	--color-button-contrast: var(--color-theme-contrast)
}

.classic .lesson-nav--restricted {
	cursor: not-allowed
}

.classic .lesson-nav--full {
	align-items: center;
	background-color: var(--color-background);
	display: flex;
	justify-content: center;
	pointer-events: none;
	position: relative;
	width: 100%
}

.classic .lesson-nav--full .lesson-nav-link {
	display: block;
	flex: 1 1 auto;
	pointer-events: auto;
	transition: color .3s;
	width: 100%;
	z-index: 1
}

.classic .lesson-nav--full .lesson-nav-link__link {
	align-items: center;
	color: var(--color-button-contrast, #fff);
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.8rem;
	padding-block: 1.4rem;
	padding-inline: .5rem;
	text-decoration: none
}

.classic .lesson-nav--full .lesson-nav-link__link:focus {
	outline-offset: -4px;
	outline-width: 2px
}

.classic .lesson-nav--full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 0
}

.classic .lesson-nav--full .lesson-nav-link__link:hover {
	color: var(--button-text-hover-color);
	text-decoration: underline
}

.classic .lesson-nav--full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--full .lesson-nav-link__link:active {
	text-decoration: none
}

.classic .lesson-nav--full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--full .lesson-nav__link-text {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -.04rem;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1
}

.classic .lesson-nav--full svg {
	display: relative;
	z-index: 1
}

.classic .lesson-nav--full .lesson-nav__link-icon {
	height: 1.5rem;
	position: relative;
	width: 1.6rem
}

.classic .lesson-nav--floating {
	display: flex;
	flex-direction: row-reverse;
	height: 10px;
	padding-block: 0;
	padding-inline: 0
}

.classic .lesson-nav--floating .lesson-nav-link {
	inset-inline-end: 2vw;
	opacity: 0;
	position: fixed;
	transition-duration: .5s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in;
	z-index: 300
}

.classic .lesson-nav--floating .lesson-nav-link__link {
	align-items: center;
	background-color: var(--color-background);
	border-radius: 2.5rem;
	color: var(--color-button-contrast, #fff);
	display: flex;
	padding-block: .9rem;
	padding-inline: 7.5rem;
	position: relative;
	text-align: center;
	text-decoration: none
}

.classic .lesson-nav--floating .lesson-nav-link__link svg {
	z-index: 2
}

@media(forced-colors:active) {
	.classic .lesson-nav--floating .lesson-nav-link__link {
		border: 1px solid
	}
}

.classic .lesson-nav--floating .lesson-nav-link__link:before {
	border-radius: 2.5rem;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 1
}

.classic .lesson-nav--floating .lesson-nav-link__link:hover {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--floating .lesson-nav-link__link:active {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--floating .lesson-nav__link-text {
	font-size: 1.5rem;
	font-weight: 700;
	margin-inline-end: 1rem;
	order: -1;
	z-index: 2
}

.classic .lesson-nav--floating-full {
	align-items: center;
	background-color: var(--color-background);
	height: 8.2rem;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	text-transform: capitalize
}

.classic .lesson-nav--floating-full .lesson-nav-link {
	border: .2rem solid var(--button-border-color);
	border-radius: 10rem;
	height: 5rem;
	margin-block: 0;
	margin-inline: 1.6rem;
	pointer-events: auto;
	transition: color .3s;
	width: 100%;
	z-index: 1
}

.classic .lesson-nav--floating-full .lesson-nav-link__link {
	align-items: center;
	border-radius: 10rem;
	color: var(--color-button-contrast, #fff);
	display: flex;
	height: 4.6rem;
	justify-content: center;
	position: relative;
	text-decoration: none;
	width: 100%
}

.classic .lesson-nav--floating-full .lesson-nav-link__link:focus {
	outline-offset: -4px;
	outline-width: 2px
}

.classic .lesson-nav--floating-full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .lesson-nav--floating-full .lesson-nav-link__link:hover {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--floating-full .lesson-nav-link__link:active {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--floating-full .lesson-nav__link-icon {
	flex: 0 0 auto;
	height: 1.5rem;
	width: 1.5rem
}

.classic .lesson-nav--floating-full .lesson-nav__link-text {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2rem;
	margin-inline: 0 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.classic .lesson-nav--previous {
	display: none
}

.classic .lesson-nav--previous.lesson-nav--floating .lesson-nav-link {
	inset-block-start: 2vh
}

.classic .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
	inset-block-end: 2vh
}

.classic .lesson-nav--floating[data-visible=true] .lesson-nav-link {
	opacity: 1;
	transform: none
}

.classic .lesson-nav--floating.lesson-nav--previous[data-hidden=true] .lesson-nav-link {
	transform: translateY(-200%)
}

.classic .lesson-nav--floating.lesson-nav--next[data-hidden=true] .lesson-nav-link {
	transform: translateY(200%)
}

.classic .lesson-nav--light.lesson-nav--full {
	--color-background: #f0f0f0;
	--button-text-hover-color: #000;
	--color-button-contrast: #000
}

.classic .lesson-nav--dark.lesson-nav--full {
	--color-background: #303030;
	--button-text-hover-color: #fff;
	--button-background-hover-color: #0000;
	--button-background-selected-color: #000;
	--color-button-contrast: #fff
}

.classic .lesson-nav--accent.lesson-nav--full {
	--button-background-hover-color: #0003;
	--button-background-selected-color: #0006;
	--button-text-hover-color: var(--color-button-contrast)
}

.classic .lesson-nav--tint.lesson-nav--full {
	--button-text-hover-color: var(--color-theme);
	--button-background-hover-color: #fffc;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:before {
	background-color: var(--button-background-tint-overlay-color)
}

.classic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--tint.lesson-nav--full .lesson-nav__link-icon,
.classic .lesson-nav--tint.lesson-nav--full .lesson-nav__link-text {
	filter: brightness(.85)
}

.classic .lesson-nav--light.lesson-nav--floating {
	--color-background: #fff;
	--button-background-hover-color: #f0f0f0;
	--button-background-selected-color: #e3e3e3;
	--color-button-contrast: #000
}

.classic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link,
.classic .lesson-nav--light.lesson-nav--floating .nav-next__link {
	background-color: var(--color-background);
	box-shadow: 0 .4rem 2rem #0000001a;
	color: var(--color-button-contrast)
}

.classic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:hover,
.classic .lesson-nav--light.lesson-nav--floating .nav-next__link:hover {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:active,
.classic .lesson-nav--light.lesson-nav--floating .nav-next__link:active {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--dark.lesson-nav--floating {
	--color-background: #303030;
	--button-background-hover-color: #454545;
	--button-background-selected-color: #707070;
	--color-button-contrast: #fff
}

.classic .lesson-nav--tint.lesson-nav--floating {
	--button-text-hover-color: var(--color-theme);
	--button-background-hover-color: #fffc;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link {
	border: 2px solid;
	box-sizing: border-box
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:before {
	background-color: var(--button-background-tint-overlay-color)
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:hover {
	background-color: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-icon,
.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-text {
	filter: brightness(.85)
}

.classic .lesson-nav--accent.lesson-nav--floating {
	--button-background-hover-color: #0003;
	--button-background-selected-color: #00000080
}

.classic .lesson-nav--accent.lesson-nav--floating .lesson-nav-link__link {
	background-color: var(--color-theme)
}

.classic .lesson-nav--accent.lesson-nav--floating .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.classic .lesson-nav--accent.lesson-nav--floating .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.classic .lesson-nav--light.lesson-nav--floating-full {
	--color-background: #fff;
	--button-border-color: #303030;
	--button-background-hover-color: #f0f0f0;
	--button-background-selected-color: #c5c5c5;
	--color-button-contrast: #000
}

.classic .lesson-nav--dark.lesson-nav--floating-full {
	--color-background: #303030;
	--button-border-color: #fff;
	--button-background-hover-color: #454545;
	--button-background-selected-color: #707070;
	--color-button-contrast: #fff
}

.classic .lesson-nav--accent.lesson-nav--floating-full {
	--button-background-hover-color: #0003;
	--button-background-selected-color: #0006;
	--button-border-color: var(--color-button-contrast)
}

.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link {
	border: .2rem solid var(--button-border-color)
}

.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color);
	border-radius: 10rem
}

.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color);
	border-radius: 10rem
}

.classic .lesson-nav--tint.lesson-nav--floating-full {
	--button-border-color: var(--color-theme);
	--button-background-hover-color: #ffffffb3;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--floating-full:before {
	background-color: #ffffffe6;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:before {
	border-radius: 10rem
}

.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover {
	background-color: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color);
	border-radius: 10rem
}

.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color);
	border-radius: 10rem
}

.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav__link-icon,
.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav__link-text,
.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,
.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
	filter: brightness(1)
}

.classic .lesson-nav-link-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.classic .lesson-nav-link-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.classic .lesson-nav-link-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.classic .lesson-nav-link-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.classic .lesson-nav-link-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.classic .lesson-nav-link-tooltip__inner--dark:after {
	background: #f8f8f8
}

.classic {
	--color-one-page-cover-contrast: var(--color-theme-contrast);
	--color-one-page-cover-contrast-complementary: var(--color-theme-contrast-complementary)
}

.classic .one-page-cover__wrapper--image,
.classic .one-page-cover__wrapper--white {
	--color-background: #fff
}

.classic .one-page-cover__wrapper--overlay-light,
.classic .one-page-cover__wrapper--white {
	--color-one-page-cover-contrast: #000;
	--color-one-page-cover-contrast-complementary: #fff
}

.classic .one-page-cover__wrapper--overlay-dark {
	--color-one-page-cover-contrast: #fff;
	--color-one-page-cover-contrast-complementary: #000
}

.classic .one-page-cover-info__title {
	margin-block-end: 1.6rem
}

.classic .one-page-cover-info .one-page-title {
	color: var(--color-one-page-cover-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 3.2rem;
	font-weight: 900;
	letter-spacing: -.015rem;
	line-height: 3.8rem;
	word-wrap: break-word
}

@media(min-width:30em) {
	.classic .one-page-cover-info .one-page-title {
		font-size: 4.5rem;
		line-height: 5.2rem
	}
}

@media(min-width:90em) {
	.classic .one-page-cover-info .one-page-title {
		font-size: 6rem;
		letter-spacing: -.02rem;
		line-height: 7rem
	}
}

.classic .one-page-authors__avatar,
.classic .one-page-authors__avatar-fallback {
	height: 3.8rem;
	width: 3.8rem
}

.classic .one-page-authors__name {
	color: var(--color-one-page-cover-contrast, #fff);
	font-size: 1.6rem;
	font-weight: 700
}

.classic {
	--color-background: var(--color-theme);
	--color-one-page-lesson-header-contrast: var(--color-theme-contrast);
	--color-one-page-lesson-header-contrast-complementary: var(--color-theme-contrast-complementary)
}

.classic .one-page-lesson-header {
	background-color: var(--color-background);
	clip-path: url(#cover-page-clip-path);
	height: 34rem
}

.classic .one-page-lesson-header--image {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #fff
}

.classic .one-page-lesson-header--image.one-page-lesson-header--overlay-light {
	--color-one-page-lesson-header-contrast: #000
}

.classic .one-page-lesson-header--white {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #000;
	border-block-end: none
}

.classic .one-page-lesson-header-info__title {
	margin-block-end: 1.6rem;
	max-width: 70.4rem
}

@media(min-width:90em) {
	.classic .one-page-lesson-header-info__title {
		max-width: 140rem
	}
}

.classic .one-page-lesson-header-info .one-page-authors__avatar {
	border-color: var(--color-one-page-lesson-header-contrast, #fff)
}

.classic .one-page-lesson-header-info .one-page-authors__name {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-weight: 700
}

.classic .one-page-lesson-header-info .one-page-title {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 3.2rem;
	font-weight: 900;
	letter-spacing: -.015rem;
	word-wrap: break-word
}

@media(min-width:30em) {
	.classic .one-page-lesson-header-info .one-page-title {
		font-size: 4.5rem;
		line-height: 5.2rem
	}
}

@media(min-width:90em) {
	.classic .one-page-lesson-header-info .one-page-title {
		letter-spacing: -.02rem;
		line-height: 7rem
	}
}

rise-math {
	display: inline-flex;
	vertical-align: middle
}

rise-math>svg {
	flex: 0 1 auto;
	height: auto;
	max-width: 100%;
	overflow: visible;
	shape-rendering: geometricPrecision;
	transform: translateZ(0)
}

.fr-box h2,
.fr-box h3,
.fr-box h4,
.fr-box h5,
.fr-view h2,
.fr-view h3,
.fr-view h4,
.fr-view h5 {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25;
	padding-block: .8rem;
	padding-inline: 0
}

.fr-box h2 p,
.fr-box h3 p,
.fr-box h4 p,
.fr-box h5 p,
.fr-view h2 p,
.fr-view h3 p,
.fr-view h4 p,
.fr-view h5 p {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25
}

.fr-box h2,
.fr-view h2 {
	font-size: 2.8rem
}

@media(min-width:45em) {

	.fr-box h2,
	.fr-view h2 {
		font-size: 3.2rem
	}
}

@media print {

	.fr-box h2,
	.fr-view h2 {
		font-size: 2.2rem
	}
}

.fr-box h3,
.fr-view h3 {
	font-size: 2.2rem
}

@media(min-width:45em) {

	.fr-box h3,
	.fr-view h3 {
		font-size: 2.4rem
	}
}

@media print {

	.fr-box h3,
	.fr-view h3 {
		font-size: 1.8rem
	}
}

.fr-box h4,
.fr-view h4 {
	font-size: 1.8rem
}

@media(min-width:45em) {

	.fr-box h4,
	.fr-view h4 {
		font-size: 2rem
	}
}

@media print {

	.fr-box h4,
	.fr-view h4 {
		font-size: 1.6rem
	}
}

.fr-box h5,
.fr-view h5 {
	font-size: 1.6rem
}

@media(min-width:45em) {

	.fr-box h5,
	.fr-view h5 {
		font-size: 1.8rem
	}
}

@media print {

	.fr-box h5,
	.fr-view h5 {
		font-size: 1.4rem
	}
}

.fr-box,
.fr-view {
	word-wrap: break-word
}

.fr-box span[style~="color:"] a,
.fr-view span[style~="color:"] a {
	color: inherit
}

.fr-box :not(.fa-regular, h1, h2, h3, h4, h5, h6),
.fr-view :not(.fa-regular, h1, h2, h3, h4, h5, h6) {
	font-family: inherit !important
}

.fr-box h1,
.fr-box h2,
.fr-box h3,
.fr-box h4,
.fr-box h5,
.fr-box h6,
.fr-view h1,
.fr-view h2,
.fr-view h3,
.fr-view h4,
.fr-view h5,
.fr-view h6 {
	font-family: var(--font-family-head) !important
}

.fr-box h1:empty,
.fr-box h2:empty,
.fr-box h3:empty,
.fr-box h4:empty,
.fr-box h5:empty,
.fr-box h6:empty,
.fr-box p:empty,
.fr-view h1:empty,
.fr-view h2:empty,
.fr-view h3:empty,
.fr-view h4:empty,
.fr-view h5:empty,
.fr-view h6:empty,
.fr-view p:empty {
	min-height: 1lh
}

.fr-box sub,
.fr-view sub {
	font-size: smaller;
	vertical-align: sub
}

.fr-box sup,
.fr-view sup {
	font-size: smaller;
	vertical-align: super
}

.fr-box sub rise-math,
.fr-box sup rise-math,
.fr-view sub rise-math,
.fr-view sup rise-math {
	font-size: larger;
	vertical-align: initial
}

.fr-box ul,
.fr-view ul {
	list-style-type: disc
}

.fr-box ol,
.fr-box ul,
.fr-view ol,
.fr-view ul {
	list-style-position: outside;
	margin-block: 0 3.2rem;
	margin-inline: 3.2rem 0
}

.fr-box ol,
.fr-view ol {
	list-style-type: decimal
}

.fr-box ol ul,
.fr-box ul ul,
.fr-view ol ul,
.fr-view ul ul {
	list-style-position: outside;
	list-style-type: circle
}

.fr-box ol ol,
.fr-box ul ol,
.fr-view ol ol,
.fr-view ul ol {
	list-style-position: outside;
	list-style-type: lower-latin
}

.fr-box ol li,
.fr-box ul li,
.fr-view ol li,
.fr-view ul li {
	margin-block-start: 1.4rem
}

.fr-box em,
.fr-view em {
	font-style: italic
}

.fr-box strong,
.fr-view strong {
	font-weight: 700
}

.fr-box table,
.fr-view table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	max-width: 100%
}

.fr-box table td,
.fr-box table th,
.fr-view table td,
.fr-view table th {
	border: 1px solid var(--table-border-color, #eaeaeb);
	font-size: 1.4rem;
	vertical-align: middle
}

.fr-box table td:empty,
.fr-box table th:empty,
.fr-view table td:empty,
.fr-view table th:empty {
	height: 20px
}

.fr-box table th,
.fr-view table th {
	background: #e6e6e6;
	font-weight: 700;
	padding-block: 1.7rem 1.5rem;
	padding-inline: 1.5rem
}

.fr-box table td,
.fr-view table td {
	min-width: 5px;
	padding-block: 1.7rem;
	padding-inline: 1.5rem
}

.fr-box table.fr-alternate-rows tbody tr:nth-child(2n),
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
	background: #f5f5f5
}

.fr-box table.fr-alternate-rows:has(>tbody>tr:first-child>th) tr:nth-child(2n),
.fr-view table.fr-alternate-rows:has(>tbody>tr:first-child>th) tr:nth-child(2n) {
	background: #0000
}

.fr-box table.fr-alternate-rows:has(>tbody>tr:first-child>th) tr:nth-child(odd),
.fr-view table.fr-alternate-rows:has(>tbody>tr:first-child>th) tr:nth-child(odd) {
	background: #f5f5f5
}

.fr-box table.fr-dashed-borders td,
.fr-box table.fr-dashed-borders th,
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
	border-style: dashed
}

.fr-box table td.fr-highlighted,
.fr-box table th.fr-highlighted,
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
	border: 1px double red
}

.fr-box table td.fr-thick,
.fr-box table th.fr-thick,
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
	border-width: 2px
}

.fr-box rise-math,
.fr-view rise-math {
	padding-block: calc(.5lh - .5em);
	padding-inline: 0
}

.fr-box--placeholder,
.fr-view--placeholder {
	color: #aaa
}

.fr-box hr,
.fr-view hr {
	clear: both;
	page-break-after: always;
	-webkit-user-select: none;
	user-select: none
}

.fr-box pre,
.fr-view pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: visible
}

.fr-box[dir=rtl] blockquote,
.fr-view[dir=rtl] blockquote {
	border-inline-end: 2px solid #5e35b1;
	border-inline-start: none;
	margin-inline-end: 0;
	padding-inline: 0 5px
}

.fr-box[dir=rtl] blockquote blockquote,
.fr-view[dir=rtl] blockquote blockquote {
	border-color: #00bcd4
}

.fr-box[dir=rtl] blockquote blockquote blockquote,
.fr-view[dir=rtl] blockquote blockquote blockquote {
	border-color: #43a047
}

.fr-box blockquote,
.fr-view blockquote {
	border-inline-start: 2px solid #5e35b1;
	color: #5e35b1;
	margin-inline-start: 0;
	padding-inline-start: 5px
}

.fr-box blockquote blockquote,
.fr-view blockquote blockquote {
	border-color: #00bcd4;
	color: #00bcd4
}

.fr-box blockquote blockquote blockquote,
.fr-view blockquote blockquote blockquote {
	border-color: #43a047;
	color: #43a047
}

.fr-box img,
.fr-view img {
	max-width: 100%;
	position: relative
}

.partner-content-course-author__author-container {
	display: flex
}

.partner-content-course-author__author-container-padding-top {
	display: flex;
	padding-block-start: 2rem
}

.partner-content-course-author__author {
	color: var(--color-cover-contrast);
	display: flex;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 3.8rem;
	margin-block: 0 3rem;
	margin-inline: 0;
	order: -1;
	padding-inline-end: 3rem;
	white-space: nowrap
}

@media(max-width:25.8125em) {
	.partner-content-course-author__author {
		line-height: normal
	}
}

.partner-content-course-author__author--light-overlay {
	color: #000
}

.partner-content-course-author__author-image {
	background-size: cover;
	border-radius: 50%;
	flex: 0 0 auto;
	height: 3.8rem;
	margin-block: 0;
	margin-inline: 0 1rem;
	width: 3.8rem
}

.partner-content-course-author__author-image--dark-border {
	border-color: #000
}

.partner-content-course-author__gray-text {
	color: #707070;
	font-size: 1.3rem
}

.cover__header-content {
	position: relative;
	z-index: 0
}

.cover__header-content>.cover__header-image {
	z-index: -1
}

.cover__header-image {
	background-color: var(--color-background);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	width: 100%
}

.lesson-header {
	padding-block-end: 2.25rem;
	position: relative;
	z-index: 3
}

@media(min-width:48em) {
	.lesson-header {
		padding-block-end: 4.5rem
	}
}

.lesson-header__break {
	position: relative
}

.lesson-header__divider {
	border-block-end: 1px solid #eaeaea;
	position: absolute
}

.lesson-header__top-wrap {
	display: flex;
	flex-direction: column;
	margin-block: 4.5rem 3rem;
	margin-inline: 0;
	padding-block-end: 1.5rem;
	position: relative
}

@media print {
	.lesson-header__top-wrap {
		margin-block-start: 0
	}
}

.lesson-header__top-wrap:after {
	background: #50abf1;
	content: "";
	height: .3rem;
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
	transition: background .3s;
	width: 16rem
}

@media print {
	.lesson-header__top-wrap:after {
		height: .2rem
	}
}

@media(min-width:48em) {
	.lesson-header__top-wrap {
		margin-block: 0 4rem;
		margin-inline: 0;
		padding-block-end: 3rem
	}

	.lesson-header__top-wrap:after {
		height: .5rem
	}
}

.lesson-header__partner-content {
	display: flex
}

.lesson-header__partner-content-author {
	color: #707070;
	display: flex;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 3.8rem;
	margin-block: 0 2rem;
	margin-inline: 0;
	padding-inline-end: 3rem
}

.lesson-header__partner-content-author-img {
	background-size: cover;
	border: none;
	border-radius: 50%;
	height: 3.8rem;
	margin-block: 0;
	margin-inline: 0 1rem;
	width: 3.8rem
}

.lesson-header__author {
	color: #707070;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 3.8rem;
	margin-block: 0 2rem;
	margin-inline: 0
}

.lesson-header__author-img {
	border: none;
	border-radius: 50%;
	height: 3.8rem;
	margin-inline-end: .5rem;
	vertical-align: middle;
	width: 3.8rem
}

@media print {
	.lesson-header__author-img {
		height: 3rem;
		width: 3rem
	}
}

@media(min-width:48em) {
	.lesson-header__author {
		margin-block: 0 2rem;
		margin-inline: 0
	}
}

.lesson-header__title {
	color: #2d363a;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-block-end: 2rem;
	position: relative
}

@media(min-width:48em) {
	.lesson-header__title {
		font-size: 4.2rem;
		line-height: 1
	}
}

@media print {
	.lesson-header__title {
		font-size: 2.8rem
	}
}

.lesson-header__audio {
	background: #fff;
	margin-block-start: -2rem;
	max-width: 40rem;
	position: relative
}

@media(min-width:48em) {
	.lesson-header__audio {
		margin-block-start: -4rem
	}
}

.lesson-header__description {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.9411764706;
	margin-block-end: 3rem
}

.lesson-header__description a {
	color: #50abf1
}

@media(min-width:48em) {
	.lesson-header__description {
		display: block
	}
}

@media print {
	.lesson-header__description {
		font-size: 1.3rem
	}
}

.lesson-header__counter {
	font-size: 1rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.75;
	margin-block-end: 1.2rem
}

@media(min-width:48em) {
	.lesson-header__counter {
		font-size: 1.2rem
	}
}

@media(max-width:29.9375em) {
	.lesson-header__count--exit-button-enabled {
		margin-block-start: 1.25rem
	}
}

.lesson-header__estimate {
	color: #0006
}

.lesson-header__grouped-row {
	align-items: baseline;
	display: flex
}

@media(min-width:52.5em) {
	.lesson-header__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.lesson-header__row:after,
	.lesson-header__row:before {
		content: " ";
		display: table
	}

	.lesson-header__row:after {
		clear: both
	}

	.lesson-header__main {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson-header__main:first-child {
		margin-inline-start: 8.3333333333%
	}

	.lesson--open .lesson-header__main {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson--open .lesson-header__main:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {
	.lesson--open .lesson-header__main {
		width: 100%
	}

	.lesson--open .lesson-header__main:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .lesson-header__main {
		width: 83.3333333333%
	}

	.lesson--open .lesson-header__main:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.page__header {
	background: #fff;
	padding-block-start: 5rem;
	position: relative;
	z-index: 2
}

.page__header:after {
	background-color: #eaeaea;
	content: "";
	height: .1rem;
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.page__header-container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.page__header-container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.page__header-container {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:33.75em) {
	.page__header {
		padding-block-start: 5rem
	}
}

.theme .progress-wrap {
	z-index: 299
}

.progress {
	background: #0000;
	inset-inline: 0;
	margin-inline-start: 0;
	position: absolute;
	transition-duration: .3s;
	transition-property: padding, height
}

.progress-wrap {
	height: 2px;
	position: relative;
	z-index: 302
}

@media(max-width:47.9375em) {
	.progress-wrap--fixed {
		inset-block-start: 0;
		inset-inline: 0;
		position: fixed;
		transform: translateZ(0)
	}
}

.lesson--preview .progress-wrap--fixed {
	margin-block-start: 0
}

.lesson--open .progress {
	inset-inline-start: 28rem;
	margin-inline-start: -28rem
}

.progress__container {
	min-height: 2px;
	overflow: hidden;
	padding-block: .3rem;
	padding-inline: 0;
	position: relative;
	width: 100%
}

.progress__indicator {
	background: #50abf1;
	height: 2px;
	inset-block-start: 0;
	inset-inline-start: -100%;
	position: absolute;
	transition-duration: .3s;
	transition-property: transform;
	width: 100%
}

.progress--timeline {
	background: #fff;
	border-block-end: .1rem solid #eaeaea;
	padding-block: 2rem 3.5rem;
	padding-inline: 2rem
}

.lesson-progress-wrapper--visible .progress--timeline {
	padding-block: 2rem;
	padding-inline: 2rem
}

.progress--timeline .progress__container {
	position: relative
}

.progress--timeline .progress__container:after {
	background: #eaeaeb;
	content: "";
	height: .1rem;
	inset-block-start: .4rem;
	inset-inline: 0;
	position: absolute
}

.progress--timeline .progress__indicator {
	position: relative;
	z-index: 1
}

.progress--timeline .progress__marker {
	background: #eaeaeb;
	border: .4rem solid #fff;
	border-radius: 50%;
	box-sizing: initial;
	height: .4rem;
	inset-block-start: -.2rem;
	margin-inline-start: -.6rem;
	position: absolute;
	transition: background .3s;
	width: .4rem;
	z-index: 2
}

.progress--timeline .progress__marker--active {
	background: #50abf1
}

.progress--timeline.progress--sticky {
	padding-block: 2rem;
	padding-inline: 2rem
}

.progress--video .progress__indicator {
	transition-duration: .25s;
	transition-timing-function: linear
}

.lesson-progress-wrapper {
	inset-block-start: 0;
	inset-inline: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.lesson-progress-wrapper--visible {
	opacity: 1
}

.imaginative .lesson-progress {
	align-items: center;
	display: flex;
	justify-content: center
}

.imaginative .lesson-progress--compact {
	height: 1.9rem;
	inset-block-start: calc(50% - 1.5rem);
	inset-inline-end: 1.2rem;
	position: absolute;
	width: 1.9rem
}

.imaginative .lesson-progress--compact.lesson-progress--theme-default {
	height: 1.9rem;
	inset-block-start: calc(50% - 1rem);
	inset-inline-end: .7rem;
	width: 1.9rem
}

.imaginative .lesson-progress--cover {
	inset-block-start: calc(50% - 2.1rem);
	inset-inline-start: -.5rem;
	position: absolute
}

.imaginative .lesson-progress--cover.lesson-progress--theme-default {
	height: 2.9rem;
	inset-block-start: calc(50% - 1.5rem);
	inset-inline-start: 0;
	width: 2.9rem
}

.imaginative .lesson-progress--overlay {
	height: 1rem;
	inset-block-start: -2.6rem;
	inset-inline-start: calc(50% - .5rem);
	width: 1rem
}

@media(max-width:47.9375em) {
	.imaginative .lesson-progress--overlay {
		height: .9rem;
		width: .9rem
	}
}

.imaginative .lesson-progress--overlay .progress-circle {
	stroke-width: .2rem
}

.imaginative .lesson-progress--sidebar {
	inset-block-start: calc(50% - 2.1rem);
	inset-inline-end: 1.8rem;
	position: absolute
}

.imaginative .lesson-progress--sidebar.lesson-progress--theme-default {
	height: 2.9rem;
	inset-block-start: calc(50% - 1.5rem);
	inset-inline-end: 1.8rem;
	width: 2.9rem
}

.imaginative .lesson-progress--inactive {
	pointer-events: none
}

.imaginative .lesson-progress__graphic {
	align-items: center;
	display: flex;
	justify-content: center
}

.imaginative .lesson-progress__graphic--compact {
	padding-block: .6rem;
	padding-inline: .6rem
}

.imaginative .lesson-progress__graphic--cover,
.imaginative .lesson-progress__graphic--sidebar {
	padding-block: 1.1rem;
	padding-inline: 1.1rem
}

.imaginative .lesson-progress__action {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%
}

.imaginative .lesson-progress__tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	max-width: none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	white-space: nowrap;
	width: max-content
}

.imaginative .lesson-progress__tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .lesson-progress__tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .lesson-progress__tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .lesson-progress__tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

.imaginative .lesson-progress__tooltip--compact {
	inset-block-end: 100%
}

.imaginative .lesson-progress__tooltip--cover,
.imaginative .lesson-progress__tooltip--sidebar {
	inset-block-end: calc(100% - .5rem)
}

.imaginative .lesson-progress__tooltip--overlay {
	inset-block-end: calc(100% + .8rem)
}

.imaginative svg.progress-circle__default {
	height: 100%;
	width: 100%;
	stroke: var(--color-progress-circle-stroke, var(--color-theme));
	fill: var(--color-progress-circle-empty-fill)
}

@media(forced-colors:active) {
	.imaginative svg.progress-circle__default {
		stroke: CanvasText !important;
		fill: Canvas !important
	}
}

.imaginative svg.progress-circle__default--failed,
.imaginative svg.progress-circle__default--passed {
	fill: var(--color-progress-circle-fill, var(--color-theme))
}

@media(forced-colors:active) {

	.imaginative svg.progress-circle__default--failed,
	.imaginative svg.progress-circle__default--passed {
		fill: CanvasText !important
	}

	.imaginative .lesson-progress__action svg.progress-circle__default {
		stroke: ButtonText !important
	}

	.imaginative .lesson-progress__action svg.progress-circle__default--failed,
	.imaginative .lesson-progress__action svg.progress-circle__default--passed {
		fill: ButtonText !important
	}
}

.imaginative .progress-circle {
	height: 100%;
	overflow: visible;
	width: 100%
}

.imaginative .progress-circle__track {
	stroke: var(--color-progress-circle-track, #00000026)
}

.imaginative .progress-circle__track--circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.imaginative .progress-circle__track--incomplete-complete {
	--color-progress-circle-track: #919191
}

@media(forced-colors:active) {
	.imaginative .progress-circle__track {
		stroke-width: 3;
		stroke: CanvasText
	}
}

.imaginative .progress-circle__fill {
	stroke: var(--color-progress-circle-runner, var(--color-theme));
	transition: stroke-dashoffset .4s ease-out, fill .3s ease .3s, stroke .3s ease .3s
}

.imaginative .progress-circle__fill--circular-fill {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.imaginative .progress-circle__fill--done,
.imaginative .progress-circle__fill--unstarted {
	transition: none
}

.imaginative .progress-circle__fill--done {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.imaginative .progress-circle__fill--done.progress-circle__fill--failed {
	stroke: var(--color-progress-circle-runner-stroke-fail, #000);
	fill: var(--color-progress-circle-runner-bg-fail, #000);
	stroke-width: var(--stroke-width-progress-circle-runner-fail, .2rem)
}

@media(forced-colors:active) {
	.imaginative .progress-circle__fill--done {
		fill: Canvas
	}

	.imaginative .progress-circle__fill {
		stroke: MarkText
	}
}

.imaginative .progress-circle__fail,
.imaginative .progress-circle__pass {
	opacity: 0;
	transition: opacity .3s .3s;
	visibility: hidden
}

.imaginative .progress-circle__fail--done,
.imaginative .progress-circle__pass--done {
	transition: none
}

.imaginative .progress-circle__fail--visible,
.imaginative .progress-circle__pass--visible {
	opacity: 1;
	visibility: visible
}

@media(forced-colors:active) {

	.imaginative .progress-circle__fail,
	.imaginative .progress-circle__pass {
		fill: CanvasText
	}
}

.imaginative .progress-circle__fail {
	fill: var(--color-progress-circle-fail, #fff)
}

.imaginative .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #fff)
}

@media(forced-colors:active) {
	.imaginative .progress-circle__pass {
		fill: CanvasText !important
	}

	.imaginative .lesson-progress__action .progress-circle__track {
		stroke: ButtonText
	}

	.imaginative .lesson-progress__action .progress-circle__fail,
	.imaginative .lesson-progress__action .progress-circle__pass {
		fill: ButtonText
	}
}

.imaginative .lesson-nav {
	--color-background: var(--color-theme);
	--color-button-contrast: var(--color-theme-contrast);
	text-transform: uppercase
}

.imaginative .lesson-nav--restricted {
	cursor: not-allowed
}

.imaginative .lesson-nav--full {
	display: flex;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	width: 100%
}

.imaginative .lesson-nav--full .lesson-nav-link {
	display: flex;
	height: 6.4rem;
	width: 100%;
	z-index: 1
}

.imaginative .lesson-nav--full .lesson-nav-link__link {
	letter-spacing: .1rem;
	padding-block: 1.4rem;
	padding-inline: 1.4rem;
	pointer-events: auto;
	text-decoration: none;
	transition: color .3s;
	z-index: 1
}

.imaginative .lesson-nav--full .lesson-nav-link__link:focus {
	outline-offset: -4px;
	outline-width: 2px
}

.imaginative .lesson-nav--full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: -1
}

.imaginative .lesson-nav--full .lesson-nav__link-text {
	color: var(--color-button-contrast, #fff);
	flex: 0 1 auto;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2rem;
	margin-inline-start: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.imaginative .lesson-nav--full .lesson-nav__link-icon {
	flex: 0 0 auto
}

.imaginative .lesson-nav--floating {
	--color-background: #fff;
	background-color: var(--color-background);
	display: flex;
	flex-direction: row-reverse;
	height: 10px;
	padding-block: 0;
	padding-inline: 0
}

.imaginative .lesson-nav--floating .lesson-nav-link {
	inset-inline-end: 2vw;
	opacity: 0;
	position: fixed;
	transition-duration: .5s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in;
	z-index: 200
}

.imaginative .lesson-nav--floating .lesson-nav-link__link {
	align-items: flex-end;
	color: inherit;
	display: flex;
	justify-content: center;
	letter-spacing: .1rem;
	min-width: 26.6rem;
	padding-block: 1.4rem;
	padding-inline: 1.6rem;
	position: relative;
	text-align: center;
	text-decoration: none
}

.imaginative .lesson-nav--floating .lesson-nav-link__link svg {
	z-index: 2
}

@media(forced-colors:active) {
	.imaginative .lesson-nav--floating .lesson-nav-link__link {
		border: 1px solid
	}
}

.imaginative .lesson-nav--floating .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 1
}

.imaginative .lesson-nav--floating .lesson-nav__link-text {
	font-family: var(--font-family-body);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2rem;
	margin-inline-end: 1rem;
	order: -1;
	text-transform: uppercase;
	z-index: 2
}

.imaginative .lesson-nav--floating-full {
	display: flex;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	width: 100%
}

.imaginative .lesson-nav--floating-full .lesson-nav-link {
	display: flex;
	height: 8.2rem;
	padding-block: 1.6rem;
	padding-inline: 1.6rem;
	width: 100%;
	z-index: 1
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link {
	border-color: var(--color-lesson-nav-link-border);
	border-style: solid;
	border-width: 2px;
	letter-spacing: .1rem;
	padding-block: 2rem;
	padding-inline: 2rem;
	pointer-events: auto;
	text-decoration: none;
	transition: color .3s;
	z-index: 1
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	margin-block: 2rem;
	margin-inline: 2rem;
	position: absolute;
	z-index: -1
}

.imaginative .lesson-nav--floating-full .lesson-nav__link-text {
	flex: 0 1 auto;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2rem;
	margin-inline-start: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.imaginative .lesson-nav--floating-full .lesson-nav__link-icon {
	flex: 0 0 auto
}

.imaginative .lesson-nav--previous {
	display: none
}

.imaginative .lesson-nav--previous.lesson-nav--floating .lesson-nav-link {
	inset-block-start: 2vh
}

.imaginative .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
	inset-block-end: 2vh
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full {
	--color-background: var(--color-theme)
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full:before {
	background-color: #ffffffd9;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 0
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link {
	color: var(--color-theme)
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:before {
	background-color: var(--color-theme);
	margin-block: 1.8rem;
	margin-inline: 1.8rem;
	opacity: .15
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover:before {
	opacity: .3
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:active:before {
	opacity: .4
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,
.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
	color: var(--color-theme);
	filter: brightness(.8)
}

.imaginative .lesson-nav--floating[data-visible=true] .lesson-nav-link {
	opacity: 1;
	transform: none
}

.imaginative .lesson-nav--floating.lesson-nav--previous[data-hidden=true] .lesson-nav-link {
	transform: translateY(-200%)
}

.imaginative .lesson-nav--floating.lesson-nav--next[data-hidden=true] .lesson-nav-link {
	transform: translateY(200%)
}

.imaginative .lesson-nav--light {
	--color-background: #fff;
	--color-lesson-nav-border: #303030;
	--color-button-contrast: #303030
}

.imaginative .lesson-nav--floating-full.lesson-nav--light,
.imaginative .lesson-nav--full.lesson-nav--light {
	--color-background: #f0f0f0;
	--color-lesson-nav-overlay-hover: #e3e3e3;
	--color-lesson-nav-overlay-active: #c4c4c4
}

.imaginative .lesson-nav--floating-full.lesson-nav--light,
.imaginative .lesson-nav--floating.lesson-nav--light {
	--color-background: #fff;
	--color-lesson-nav-overlay-hover: #f0f0f0;
	--color-lesson-nav-overlay-active: #e3e3e3
}

.imaginative .lesson-nav--dark {
	--color-background: #303030;
	--color-lesson-nav-border: #303030;
	--color-lesson-nav-link-border: #fff;
	--color-lesson-nav-overlay-hover: #454545;
	--color-lesson-nav-overlay-active: #000;
	--color-button-contrast: #fff
}

.imaginative .lesson-nav--floating-full.lesson-nav--dark {
	--color-lesson-nav-overlay-active: #707070
}

.imaginative .lesson-nav--tint {
	--color-background: var(--color-theme);
	--color-lesson-nav-border: var(--color-theme);
	--color-lesson-nav-link-border: var(--color-theme);
	--color-lesson-nav-overlay: #ffffffe6;
	--color-lesson-nav-overlay-hover: #fffc;
	--color-lesson-nav-overlay-active: #fff9;
	--color-button-contrast: var(--color-theme)
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full {
	--color-lesson-nav-overlay: #fffc;
	--color-lesson-nav-overlay-hover: #ffffffb3;
	--color-lesson-nav-overlay-active: #fff9
}

.imaginative .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-icon,
.imaginative .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-text,
.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,
.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
	filter: brightness(.8)
}

.imaginative .lesson-nav--accent {
	--color-background: var(--color-theme);
	--color-lesson-nav-border: var(--color-theme);
	--color-lesson-nav-link-border: #fff;
	--color-lesson-nav-overlay-hover: #0003;
	--color-lesson-nav-overlay-active: #0006
}

.imaginative .lesson-nav--accent.lesson-nav--floating-full {
	--color-lesson-nav-link-border: var(--color-button-contrast)
}

.imaginative .lesson-nav--full {
	background-color: var(--color-background)
}

.imaginative .lesson-nav--full .lesson-nav-link__link {
	background-color: var(--color-lesson-nav-overlay);
	color: var(--color-button-contrast, #fff)
}

.imaginative .lesson-nav--full .lesson-nav-link__link:hover {
	background-color: var(--color-lesson-nav-overlay-hover)
}

.imaginative .lesson-nav--full .lesson-nav-link__link:active {
	background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link {
	background-color: var(--color-background);
	border: 1px solid var(--color-lesson-nav-border);
	color: var(--color-button-contrast, #fff)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link:before {
	background-color: var(--color-lesson-nav-overlay)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link:hover:before {
	background-color: var(--color-lesson-nav-overlay-hover)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link:active:before {
	background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav--floating-full {
	background-color: var(--color-background)
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link {
	background-color: var(--color-lesson-nav-overlay);
	color: var(--color-button-contrast, #fff)
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link:hover {
	background-color: var(--color-lesson-nav-overlay-hover)
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link:active {
	background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav__link-icon {
	height: 1.3rem;
	transition: stroke .3s;
	stroke: currentColor;
	width: 1.3rem
}

.imaginative .lesson-nav--next .lesson-nav__link-icon {
	transform: rotate(180deg)
}

.imaginative .lesson-nav-link__link {
	align-items: center;
	color: inherit;
	display: flex;
	justify-content: center;
	text-decoration: none;
	width: 100%
}

.imaginative .lesson-nav-link-tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.imaginative .lesson-nav-link-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .lesson-nav-link-tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .lesson-nav-link-tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .lesson-nav-link-tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

.page-transition-back-enter .lesson-nav--floating .lesson-nav-link,
.page-transition-back-leave .lesson-nav--floating .lesson-nav-link,
.page-transition-enter .lesson-nav--floating .lesson-nav-link,
.page-transition-leave .lesson-nav--floating .lesson-nav-link {
	display: none
}

.imaginative .cover--layout-centered .cover__header-content-info,
.imaginative .cover--layout-centered-accent-tint .cover__header-content-info,
.imaginative .cover--layout-centered-image .cover__header-content-info,
.imaginative .cover--layout-centered-overlay .cover__header-content-info,
.imaginative .cover__details,
.imaginative .cover__dot-com-body {
	box-sizing: initial;
	margin-block: 0;
	margin-inline: auto;
	max-width: 107rem;
	padding-block: 0;
	padding-inline: 1.6rem
}

@media(min-width:30em) {

	.imaginative .cover--layout-centered .cover__header-content-info,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content-info,
	.imaginative .cover--layout-centered-image .cover__header-content-info,
	.imaginative .cover--layout-centered-overlay .cover__header-content-info,
	.imaginative .cover__details,
	.imaginative .cover__dot-com-body {
		padding-inline: 6.5rem
	}
}

.imaginative .cover--layout-centered-overlay .cover__header-content,
.imaginative .cover__header-graphic {
	background-position: 50%;
	background-size: cover
}

.imaginative .cover__header-content-action-link {
	background: var(--color-cover-cta-bg);
	border: .1rem solid #0000;
	color: var(--color-cover-cta-text);
	cursor: pointer;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .01rem;
	line-height: 1.2rem;
	margin-block-end: 1.6rem;
	outline-offset: .2rem;
	padding-block: 1.2rem;
	padding-inline: 2.4rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform .15s ease-in-out;
	z-index: 3
}

.imaginative .cover__header-content-action-link:hover {
	transform: scale(1.05)
}

.imaginative .cover__header-content-action-link:active {
	transform: scale(.95);
	transition-duration: .1s
}

@media(resolution:1dppx) {
	.imaginative .cover__header-content-action-link {
		transform: scale(.999)
	}
}

.imaginative .cover__header-content-action-link.overview__start-again {
	background-color: #0000;
	border: .1rem solid var(--color-cover-contrast, #000);
	color: var(--color-cover-contrast, #000)
}

.imaginative .cover {
	--color-background: var(--color-theme-tint);
	--color-cover-contrast: #000;
	--color-cover-contrast-complementary: var(--color-theme-contrast-complementary);
	--color-cover-cta-bg: var(--color-theme);
	--color-cover-cta-text: var(--color-cover-contrast);
	--color-star-icon: var(--color-theme);
	--color-cover-progress-outer-bg: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-cover-progress-inner-bg: var(--color-theme);
	background: #fff;
	padding-block: 0 2rem;
	padding-inline: 0
}

@media(min-width:30em) {
	.imaginative .cover {
		padding-block-end: 10rem
	}
}

.imaginative .cover--layout-centered-accent-tint,
.imaginative .cover--layout-centered-image,
.imaginative .cover--layout-split-left-image,
.imaginative .cover--layout-split-right-image,
.imaginative .cover--layout-two-thirds-left-image,
.imaginative .cover--layout-two-thirds-right-image {
	--color-cover-cta-text: var(--color-theme-contrast)
}

.imaginative .cover--layout-centered {
	--color-cover-contrast: var(--color-theme-contrast);
	--color-background: var(--color-theme);
	--color-cover-cta-bg: var(--color-cover-contrast);
	--color-cover-cta-text: var(--color-cover-contrast-complementary);
	--color-star-icon: var(--color-cover-contrast);
	--color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered-overlay {
	--color-background: #0000;
	--color-cover-contrast: #fff;
	--color-cover-cta-bg: #fff;
	--color-cover-cta-text: #000;
	--color-star-icon: #fff;
	--color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered-overlay .cover__header-content--overlay-light {
	--color-cover-contrast: #000;
	--color-cover-cta-bg: #000;
	--color-cover-cta-text: #fff;
	--color-star-icon: #000;
	--color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered .cover__header-content-info,
.imaginative .cover--layout-centered-accent-tint .cover__header-content-info,
.imaginative .cover--layout-centered-image .cover__header-content-info,
.imaginative .cover--layout-centered-overlay .cover__header-content-info {
	text-align: center
}

.imaginative .cover--layout-two-thirds-left-image .cover__header-content,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
	min-height: 38.3rem
}

@media(min-width:48em) {

	.imaginative .cover--layout-two-thirds-left-image .cover__header-content,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
		min-height: 53.7rem
	}
}

@media(min-width:62em) {

	.imaginative .cover--layout-two-thirds-left-image .cover__header-content,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
		min-height: 83.2rem
	}
}

.imaginative .cover--layout-two-thirds-left-image .cover__dot-com,
.imaginative .cover--layout-two-thirds-right-image .cover__dot-com {
	grid-column: 1/4
}

.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-block-start: 2.4rem
}

@media(min-width:30em) {

	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
		font-size: 4rem;
		line-height: 4.8rem
	}
}

@media(min-width:48em) {

	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
		font-size: 5.6rem;
		line-height: 6.4rem;
		margin-block: 1.6rem 3.2rem
	}
}

@media(min-width:62em) {

	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 7.8rem
	}
}

.imaginative .cover--layout-two-thirds-left-image .cover__header-content {
	grid-column: 1/3
}

.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
	grid-column: 2/4
}

.imaginative .cover--layout-split-left-image .cover__header,
.imaginative .cover--layout-split-right-image .cover__header,
.imaginative .cover--layout-two-thirds-left-image .cover__header,
.imaginative .cover--layout-two-thirds-right-image .cover__header {
	display: grid
}

.imaginative .cover--layout-centered-image .cover__header-graphic,
.imaginative .cover--layout-split-left-image .cover__header-graphic,
.imaginative .cover--layout-split-right-image .cover__header-graphic,
.imaginative .cover--layout-two-thirds-left-image .cover__header-graphic,
.imaginative .cover--layout-two-thirds-right-image .cover__header-graphic {
	background-color: #fff
}

.imaginative .cover--layout-split-left-image .cover__header,
.imaginative .cover--layout-split-right-image .cover__header {
	grid-template-columns: repeat(2, 1fr)
}

.imaginative .cover--layout-two-thirds-left-image .cover__header,
.imaginative .cover--layout-two-thirds-right-image .cover__header {
	grid-template-columns: repeat(3, 1fr)
}

.imaginative .cover--layout-split-left-image .cover__header-content-authors,
.imaginative .cover--layout-split-right-image .cover__header-content-authors,
.imaginative .cover--layout-two-thirds-left-image .cover__header-content-authors,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content-authors {
	justify-content: normal
}

.imaginative .cover--layout-split-left-image .cover__header-content-info,
.imaginative .cover--layout-split-right-image .cover__header-content-info,
.imaginative .cover--layout-two-thirds-left-image .cover__header-content-info,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content-info {
	padding-block: 0;
	padding-inline: 1.6rem
}

@media(min-width:30em) {

	.imaginative .cover--layout-split-left-image .cover__header-content-info,
	.imaginative .cover--layout-split-right-image .cover__header-content-info,
	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-info,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content-info {
		padding-inline: 7.2rem
	}
}

.imaginative .cover--layout-centered-image .cover__header-content {
	min-height: auto;
	padding-block-end: .1px
}

.imaginative .cover--layout-centered-image .cover__header-content-title {
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-block: 1.2rem 2.3rem;
	margin-inline: 0
}

@media(min-width:30em) {
	.imaginative .cover--layout-centered-image .cover__header-content-title {
		font-size: 4rem;
		line-height: 4.8rem
	}
}

@media(min-width:48em) {
	.imaginative .cover--layout-centered-image .cover__header-content-title {
		font-size: 5.6rem;
		font-weight: 400;
		line-height: 6.4rem
	}
}

@media(min-width:62em) {
	.imaginative .cover--layout-centered-image .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 7.8rem;
		margin-block: 1.5rem 3.5rem;
		margin-inline: 0
	}
}

.imaginative .cover--layout-centered-image .cover__header-graphic-wrap {
	position: relative
}

.imaginative .cover--layout-centered-image .cover__header-graphic-wrap:after {
	background: #000;
	content: "";
	height: 20rem;
	inset-block: 50% 0;
	inset-inline: 0;
	margin-block-start: 0;
	position: absolute;
	z-index: 3
}

@media(min-width:30em) {
	.imaginative .cover--layout-centered-image .cover__header-graphic-wrap:after {
		height: 30rem;
		margin-block-start: 4.8rem
	}
}

@media(min-width:48em) {
	.imaginative .cover--layout-centered-image .cover__header-graphic-wrap:after {
		height: 65%
	}
}

.imaginative .cover--layout-centered-image .cover__header--meta .cover__header-graphic-wrap:after {
	height: auto;
	inset-block-end: 0
}

.imaginative .cover--layout-centered-image .cover__header-graphic {
	align-self: center;
	display: block;
	height: 53rem;
	margin-block: 7rem 9rem;
	margin-inline: auto;
	max-height: 50vw;
	max-width: 107rem;
	position: relative;
	width: calc(100vw - 3.2rem);
	z-index: 4
}

.imaginative .cover--layout-centered-image .cover__header-graphic--dot-com {
	margin-block: 7rem 0;
	margin-inline: auto
}

@media(min-width:30em) {
	.imaginative .cover--layout-centered-image .cover__header-graphic {
		margin-block: 5.6rem 0;
		margin-inline: auto;
		width: calc(100vw - 13rem)
	}
}

@media(min-width:62em) {
	.imaginative .cover--layout-centered-image .cover__header-graphic {
		margin-block: 7rem 0;
		margin-inline: auto
	}
}

.imaginative .cover--layout-centered-image .cover__details-content-wrap {
	padding-block-start: 5.2rem
}

@media(min-width:30em) {
	.imaginative .cover--layout-centered-image .cover__details-content-wrap {
		padding-block-start: 20rem
	}
}

@media(min-width:48em) {
	.imaginative .cover--layout-centered-image .cover__details-content-wrap {
		padding-block-start: 8rem
	}
}

@media(min-width:62em) {
	.imaginative .cover--layout-centered-image .cover__details-content-wrap {
		padding-block-start: 13.7rem
	}
}

.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-content-wrap {
	padding-block-start: 2.2rem
}

@media(min-width:48em) {
	.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-content-wrap {
		padding-block-start: 10.4rem
	}
}

@media(min-width:62em) {
	.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline {
		margin-block-start: 0
	}

	.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--small {
		height: auto;
		width: 7.2rem
	}

	.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--medium {
		height: auto;
		width: 9rem
	}

	.imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--large {
		height: auto;
		width: 10.8rem
	}
}

.imaginative .cover--layout-split-left-image .cover__progress,
.imaginative .cover--layout-split-right-image .cover__progress,
.imaginative .cover--layout-two-thirds-left-image .cover__progress,
.imaginative .cover--layout-two-thirds-right-image .cover__progress {
	margin-inline: 0;
	width: 41rem
}

.imaginative .cover--layout-split-left-image .cover__progress-text,
.imaginative .cover--layout-split-right-image .cover__progress-text,
.imaginative .cover--layout-two-thirds-left-image .cover__progress-text,
.imaginative .cover--layout-two-thirds-right-image .cover__progress-text {
	text-align: start
}

.imaginative .cover--layout-split-left-image .cover__progress-next-lesson,
.imaginative .cover--layout-split-right-image .cover__progress-next-lesson,
.imaginative .cover--layout-two-thirds-left-image .cover__progress-next-lesson,
.imaginative .cover--layout-two-thirds-right-image .cover__progress-next-lesson {
	justify-content: flex-start
}

.imaginative .cover__header {
	margin-block: 0 3.2rem;
	margin-inline: 0;
	position: relative
}

.imaginative .cover__header:after,
.imaginative .cover__header:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.imaginative .cover__header:before {
	background: #fff;
	z-index: 1
}

.imaginative .cover__header:after {
	background: var(--color-background);
	z-index: 2
}

@media(min-width:48em) {
	.imaginative .cover__header {
		margin-block-end: 9.6rem
	}

	.imaginative .cover--layout-centered-image .cover__header--meta {
		margin-block-end: 0
	}
}

.imaginative .cover__header-content {
	flex: 1 1 auto;
	padding-block: 4rem 8rem;
	padding-inline: 0;
	position: relative;
	z-index: 3
}

@media(min-width:30em) {
	.imaginative .cover__header-content {
		min-height: 57.3rem
	}
}

@media(min-width:62em) {
	.imaginative .cover__header-content {
		min-height: 83.2rem
	}
}

.imaginative .cover__header-content-action-wrapper {
	display: inline-flex;
	flex-wrap: wrap
}

.imaginative .cover__header-content-title {
	color: var(--color-cover-contrast, #000);
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	letter-spacing: -.02rem;
	line-height: 3.6rem;
	margin-block: 1.5rem 3.5rem;
	margin-inline: 0
}

@media(min-width:30em) {
	.imaginative .cover__header-content-title {
		font-size: 4rem;
		line-height: 4.8rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 7.8rem
	}
}

.imaginative .cover__header-content-action-link {
	margin-inline-end: 1.6rem
}

.imaginative .cover__header-content-action-link--disabled {
	display: none
}

.imaginative .cover__header-content-action-link:last-child {
	margin-inline-end: 0
}

.imaginative .cover__header-content-authors {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-block-start: 4.3rem
}

@media(min-width:62em) {
	.imaginative .cover__header-content-authors {
		margin-block-start: 6rem
	}
}

.imaginative .cover__header-content-authors-avatar {
	background-size: cover;
	border-radius: 50%;
	flex-shrink: 0;
	height: 3.2rem;
	margin-inline-end: 1rem;
	width: 3.2rem
}

@media(min-width:62em) {
	.imaginative .cover__header-content-authors-avatar {
		height: 4rem;
		width: 4rem
	}
}

.imaginative .cover__header-content-authors-name {
	color: var(--color-cover-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	letter-spacing: .05rem
}

@media(min-width:62em) {
	.imaginative .cover__header-content-authors-name {
		font-size: 1.6rem
	}
}

.imaginative .cover__header-graphic {
	flex: 0 0 auto;
	position: relative;
	z-index: 3
}

.imaginative .cover__details--rise-com .cover__details-content-wrap {
	padding-block-start: 0
}

.imaginative .cover__details--rise-com .cover__details-row-logo--has-partner-content {
	padding-block-start: 1rem
}

.imaginative .cover__details--rise-com .cover__details-logo {
	margin-block-start: -2rem;
	padding-block: 0 2.2rem
}

@media(min-width:48em) {
	.imaginative .cover__details--rise-com .cover__details-logo {
		margin-block-start: 0
	}
}

.imaginative .cover__details--rise-com .cover__details-logo--has-partner-content {
	padding-block: 2.2rem
}

@media(min-width:48em) {
	.imaginative .cover__details--rise-com .cover__details-logo--has-partner-content {
		padding-block-start: 0
	}
}

.imaginative .cover__details--rise-com .cover__details-content-section--type-description {
	margin-block-start: -1rem
}

.imaginative .cover__details--rise-com .cover__details-content-heading.cover__details-content-heading--type-description-no-outline {
	margin-block: 0;
	margin-inline: 0
}

.imaginative .cover__details--rise-com .cover__details-content-aside {
	padding-block-start: 4.5rem
}

.imaginative .cover__details--rise-com-authoring .cover__details-content-wrap {
	padding-block-start: 0
}

@media(min-width:62em) {
	.imaginative .cover__details--rise-com-authoring .cover__details-content-wrap {
		padding-block-start: 1rem
	}
}

.imaginative .cover__details--rise-com-authoring .cover__details-content-aside {
	padding-block-start: 0
}

.imaginative .cover__details--rise-com-authoring .cover__details-logo {
	margin-block-start: 0
}

@media(min-width:62em) {
	.imaginative .cover__details-content {
		display: flex;
		justify-content: center
	}
}

.imaginative .cover__details-content--no-description-or-outline {
	width: 35rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content--no-description-or-outline {
		margin-block: 0;
		margin-inline: auto;
		width: 45rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content--no-description-or-outline {
		width: 70.4rem
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content--no-description-or-outline {
		align-content: baseline;
		flex-direction: row;
		max-width: 80rem
	}
}

@media(min-width:90em) {
	.imaginative .cover__details-content--no-description-or-outline {
		align-items: normal
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-wrap--columns {
		display: flex
	}
}

.imaginative .cover__details-content-section--type-partner-content {
	width: 24rem
}

.imaginative .cover__details-content-aside {
	display: none
}

@media(min-width:90em) {
	.imaginative .cover__details-content-aside {
		display: block;
		margin-block-start: -1rem;
		margin-inline-start: 12.8rem
	}
}

.imaginative .cover__details-content-section {
	flex-basis: auto;
	margin-block: 0 5.6rem;
	margin-inline: 0
}

.imaginative .cover__details-content-section--type-description-no-outline {
	flex: 2 2 100%;
	max-width: 35rem;
	padding-block: 0;
	padding-inline: 1rem;
	width: 70.4rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-description-no-outline {
		max-width: 45rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-description-no-outline {
		max-width: 70.4rem;
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content-section--type-description-no-outline {
		margin-inline-start: 3rem
	}
}

.imaginative .cover__details-content-section--type-description-has-partner-content {
	flex: 2 2 100%;
	margin-block-start: 0;
	max-width: 35rem;
	padding-block: 0;
	padding-inline: 1rem;
	width: 70.4rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-description-has-partner-content {
		max-width: 45rem;
		padding-block: 0 6.4rem;
		padding-inline: 0
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-description-has-partner-content {
		max-width: none;
		width: 70.4rem
	}
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-description-has-partner-content {
		margin-block-start: auto
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-description-has-partner-content {
		max-width: 51.8rem
	}
}

.imaginative .cover__details-content-section--type-outline-has-partner-content {
	flex: 2 2 100%;
	margin-block-start: -2rem;
	max-width: 35rem;
	padding-block: 0 1.4rem;
	padding-inline: 1rem;
	width: 70.4rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-outline-has-partner-content {
		max-width: 45rem;
		padding-block: 0;
		padding-inline: 0;
		width: 70.4rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-outline-has-partner-content {
		max-width: none
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content-section--type-outline-has-partner-content {
		margin-inline-start: 10.2rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-outline-has-partner-content {
		margin-inline-start: 0;
		max-width: 51.8rem
	}

	.imaginative .cover__details-content-section--type-outline-has-pc-and-logo {
		max-width: 51.8rem
	}
}

.imaginative .cover__details-content-section--type-outline-no-logo {
	flex: 2 2 100%;
	margin-block-start: -2rem;
	max-width: 35rem;
	padding-block: 0 1.4rem;
	padding-inline: 1rem;
	width: 70.4rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-outline-no-logo {
		max-width: 45rem;
		padding-block: 0;
		padding-inline: 0;
		width: 70.4rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-outline-no-logo {
		max-width: none
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content-section--type-outline-no-logo {
		margin-inline-start: 10.2rem;
		margin-inline-start: 0
	}
}

.imaginative .cover__details-content-section--type-outline-no-description {
	flex: 2 2 100%;
	margin-block-start: -2rem;
	max-width: 35rem;
	padding-block: 0 1.4rem;
	padding-block: 0;
	padding-inline: 1rem;
	width: 70.4rem
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		max-width: 45rem;
		padding-block: 0;
		padding-inline: 0;
		width: 70.4rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		max-width: none
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		margin-inline-start: 10.2rem
	}
}

@media(min-width:30em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		padding-block: 0;
		padding-inline: 1rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-content-section--type-outline-no-description {
		margin-inline-start: 3rem
	}
}

.imaginative .cover__details-content-description-container {
	display: flex
}

.imaginative .cover__details-content-description-container--published .cover__details-content-heading {
	margin-block-end: 1.2rem
}

.imaginative .cover__details-content-description {
	font-family: var(--font-family-body);
	font-size: 1.6rem;
	line-height: 3rem
}

.imaginative .cover__details-content-published-at {
	color: #949494;
	display: block;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .15rem;
	line-height: 1.2rem;
	margin-block-end: 1.6rem;
	text-transform: uppercase
}

.imaginative .cover__details-logo {
	margin-inline-end: 3rem;
	max-width: 35rem;
	padding-block: 3.2rem
}

@media(min-width:62em) {
	.imaginative .cover__details-logo {
		align-items: flex-end;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-block-start: 1rem
	}
}

@media(min-width:30em) {
	.imaginative .cover__details-logo {
		max-width: 45rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-logo {
		max-width: none
	}
}

.imaginative .cover__details-logo--centered {
	display: flex;
	justify-content: center;
	margin-block: 0;
	margin-inline: auto;
	width: auto
}

.imaginative .cover__details-logo--no-description-or-outline {
	display: flex;
	padding-block: 0 4.4rem;
	padding-inline: 1rem
}

@media(min-width:48em) {
	.imaginative .cover__details-logo--no-description-or-outline {
		padding-block: 0 4.4rem;
		padding-inline: 0
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-logo--no-description-or-outline {
		align-self: flex-start;
		flex-basis: 0
	}

	.imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--small {
		height: auto;
		width: 7.2rem
	}

	.imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--medium {
		height: auto;
		width: 9rem
	}

	.imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--large {
		height: auto;
		width: 10.8rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-logo--has-partner-content {
		max-width: 51.8rem
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-logo--has-partner-content {
		max-width: none
	}
}

@media(min-width:48em) {
	.imaginative .cover__details-logo--has-partner-content.cover__details-logo--no-description-or-outline {
		max-width: none
	}
}

@media(min-width:62em) {
	.imaginative .cover__details-logo-image--small {
		height: auto;
		width: 7.2rem
	}

	.imaginative .cover__details-logo-image--medium {
		height: auto;
		width: 9rem
	}

	.imaginative .cover__details-logo-image--large {
		height: auto;
		width: 10.8rem
	}
}

.imaginative .cover__header-star {
	margin-block: 3.5rem 0;
	margin-inline: 0;
	stroke: var(--color-star-icon)
}

.imaginative .cover__header-star:first-child {
	margin-block-start: 4.5rem
}

.imaginative .cover__progress+.cover__header-star {
	margin-block-start: 0
}

.imaginative .overview-list {
	font-family: var(--font-family-body)
}

.imaginative .overview-list section:first-child .overview-list__section-title {
	margin-block-start: 0;
	padding-block-start: 2.4rem
}

.imaginative .overview-list section:first-child :first-child .overview-list__li:first-child .overview-list-item {
	padding-block-start: 0
}

.imaginative .overview-list__section-title {
	border-block-end: none;
	font-family: var(--font-family-ui);
	margin-block: 2.2rem .5rem
}

.imaginative .overview-list-item__title {
	color: unset;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
	padding-block: 0;
	padding-inline: 1.3rem 0
}

.imaginative .overview-list-item__link {
	--color-progress-circle-empty-fill: #f5f5f5;
	--color-progress-circle-fill: var(--color-theme);
	--color-progress-circle-stroke: var(--color-theme);
	margin-block: 0;
	margin-inline: -1rem;
	padding-block: 2rem;
	padding-inline: 2.3rem 1rem;
	position: relative
}

.imaginative .overview-list-item__link,
.imaginative .overview-list-item__link:active,
.imaginative .overview-list-item__link:link,
.imaginative .overview-list-item__link:visited {
	color: #000
}

.imaginative .overview-list-item__link:active,
.imaginative .overview-list-item__link:hover {
	background: #0000;
	color: var(--color-theme)
}

.imaginative .overview-list-item__link--theme-default:before {
	border-inline-start: .1rem solid var(--color-theme);
	content: "";
	inset-block: 0;
	inset-inline-start: calc(1.3rem + 1px);
	opacity: .1;
	position: absolute;
	width: .1rem
}

.imaginative .overview-list-item__link--restricted {
	color: #949494
}

.imaginative .overview-list__li:first-child .overview-list-item__link:before {
	inset-block-start: 50%
}

.imaginative .overview-list__li--last .overview-list-item__link:before,
.imaginative .overview-list__li:last-child .overview-list-item__link:before {
	inset-block-end: 50%
}

.imaginative .overview-list-item--complete .overview-list-item__link,
.imaginative .overview-list-item--complete .overview-list-item__link:active,
.imaginative .overview-list-item--complete .overview-list-item__link:link,
.imaginative .overview-list-item--complete .overview-list-item__link:visited {
	color: #000
}

.imaginative .overview-list-item-tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.imaginative .overview-list-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .overview-list-item-tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .overview-list-item-tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .overview-list-item-tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

.imaginative .partner-content-course-author__author {
	align-items: center;
	font-family: var(--font-family-ui);
	font-weight: 400
}

@media(min-width:30em) {
	.imaginative .partner-content-course-author__author {
		align-items: unset
	}
}

.imaginative .cover--layout-split-left-image .cover__header-content,
.imaginative .cover--layout-split-right-image .cover__header-content,
.imaginative .cover--layout-two-thirds-left-image .cover__header-content,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
	align-items: center;
	display: flex
}

.imaginative .cover--layout-split-left-image .cover__header-content-title,
.imaginative .cover--layout-split-right-image .cover__header-content-title,
.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
	max-width: 90.4rem
}

@media(min-width:48em) {

	.imaginative .cover--layout-split-left-image .cover__header-content-title,
	.imaginative .cover--layout-split-right-image .cover__header-content-title,
	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,
	.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
		margin-block-end: 3.2rem
	}
}

.imaginative .cover--layout-split-left-image .cover__progress,
.imaginative .cover--layout-split-right-image .cover__progress,
.imaginative .cover--layout-two-thirds-left-image .cover__progress,
.imaginative .cover--layout-two-thirds-right-image .cover__progress {
	text-align: start
}

@media(min-width:30em) {

	.imaginative .cover--layout-split-left-image .cover__progress,
	.imaginative .cover--layout-split-right-image .cover__progress,
	.imaginative .cover--layout-two-thirds-left-image .cover__progress,
	.imaginative .cover--layout-two-thirds-right-image .cover__progress {
		margin-block-end: 2.6rem
	}
}

@media(min-width:62em) {

	.imaginative .cover--layout-split-left-image .cover__progress,
	.imaginative .cover--layout-split-right-image .cover__progress,
	.imaginative .cover--layout-two-thirds-left-image .cover__progress,
	.imaginative .cover--layout-two-thirds-right-image .cover__progress {
		margin-block-end: 3.4rem
	}
}

.imaginative .cover--layout-split-left-image .cover__progress-outer,
.imaginative .cover--layout-split-right-image .cover__progress-outer,
.imaginative .cover--layout-two-thirds-left-image .cover__progress-outer,
.imaginative .cover--layout-two-thirds-right-image .cover__progress-outer {
	margin-inline-start: 0
}

.imaginative .cover--layout-split-left-image .cover__header-content {
	justify-content: center
}

@media(min-width:48em) {
	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-info {
		padding-inline-start: 4.8rem
	}
}

@media(min-width:90em) {
	.imaginative .cover--layout-two-thirds-left-image .cover__header-content-info {
		padding-inline-start: 7.2rem
	}
}

.imaginative .cover--layout-split-left-image .cover__header-star,
.imaginative .cover--layout-split-right-image .cover__header-star {
	margin-block-start: 0
}

.imaginative .cover--layout-split-left-image .cover__header-content,
.imaginative .cover--layout-split-right-image .cover__header-content {
	min-height: 50.5rem;
	padding-block: 0;
	padding-inline: 0
}

@media(min-width:62em) {

	.imaginative .cover--layout-split-left-image .cover__header-content,
	.imaginative .cover--layout-split-right-image .cover__header-content {
		min-height: 83.2rem
	}
}

.imaginative .cover--layout-split-left-image .cover__header-content-title,
.imaginative .cover--layout-split-right-image .cover__header-content-title {
	font-size: 4rem;
	line-height: 4.8rem;
	margin-block-start: 1.6rem
}

@media(min-width:62em) {

	.imaginative .cover--layout-split-left-image .cover__header-content-title,
	.imaginative .cover--layout-split-right-image .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 7.8rem;
		margin-block: 1.5rem 3.2rem;
		margin-inline: 0
	}
}

.imaginative .cover--layout-split-left-image .cover__dot-com,
.imaginative .cover--layout-split-right-image .cover__dot-com {
	grid-column: 1/3
}

.imaginative .cover--layout-centered .cover__header-content,
.imaginative .cover--layout-centered-accent-tint .cover__header-content,
.imaginative .cover--layout-centered-overlay .cover__header-content {
	align-items: stretch;
	display: flex;
	min-height: 38.3rem;
	padding-block: 4rem 2rem;
	padding-inline: 0
}

@media(min-width:48em) {

	.imaginative .cover--layout-centered .cover__header-content,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content,
	.imaginative .cover--layout-centered-overlay .cover__header-content {
		min-height: 42.3rem
	}
}

@media(min-width:62em) {

	.imaginative .cover--layout-centered .cover__header-content,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content,
	.imaginative .cover--layout-centered-overlay .cover__header-content {
		min-height: 57.3rem
	}
}

.imaginative .cover--layout-centered .cover__header-info,
.imaginative .cover--layout-centered-accent-tint .cover__header-info,
.imaginative .cover--layout-centered-overlay .cover__header-info {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.imaginative .cover--layout-centered .cover__header-star,
.imaginative .cover--layout-centered-accent-tint .cover__header-star,
.imaginative .cover--layout-centered-overlay .cover__header-star {
	margin-block-start: 6rem
}

.imaginative .cover--layout-centered .cover__progress+.cover__header-star,
.imaginative .cover--layout-centered-accent-tint .cover__progress+.cover__header-star,
.imaginative .cover--layout-centered-overlay .cover__progress+.cover__header-star {
	margin-block-start: 0
}

.imaginative .cover--layout-centered .cover__header-content-title,
.imaginative .cover--layout-centered-accent-tint .cover__header-content-title,
.imaginative .cover--layout-centered-overlay .cover__header-content-title {
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-block: 2.4rem 3.2rem;
	margin-inline: 0
}

@media(min-width:30em) {

	.imaginative .cover--layout-centered .cover__header-content-title,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content-title,
	.imaginative .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 4rem;
		line-height: 4.8rem;
		margin-block-start: 2.4rem
	}
}

@media(min-width:48em) {

	.imaginative .cover--layout-centered .cover__header-content-title,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content-title,
	.imaginative .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 5.6rem;
		font-weight: 400;
		line-height: 6.4rem;
		margin-block: 1.5rem 3.2rem;
		margin-inline: 0
	}
}

@media(min-width:62em) {

	.imaginative .cover--layout-centered .cover__header-content-title,
	.imaginative .cover--layout-centered-accent-tint .cover__header-content-title,
	.imaginative .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 7.8rem;
		margin-block: 1.5rem 3.5rem;
		margin-inline: 0
	}
}

.imaginative .cover__dot-com {
	background: #000;
	padding-block: .1px;
	padding-inline: 0;
	position: relative;
	z-index: 3
}

.imaginative .cover__dot-com-body {
	color: #f5f5f5;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 2rem;
	margin-block: 3.2rem 5.6rem
}

@media(min-width:48em) {
	.imaginative .cover__dot-com-body {
		margin-block: 4.7rem 7.2rem
	}
}

@media(min-width:62em) {
	.imaginative .cover__dot-com-body {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-block: 6.4rem 7.2rem
	}
}

.imaginative .cover__dot-com-meta {
	align-items: center;
	display: flex;
	flex-direction: column
}

.imaginative .cover__dot-com-meta>:only-child {
	text-align: center
}

@media(min-width:48em) {
	.imaginative .cover__dot-com-meta {
		align-items: normal;
		flex-direction: row;
		justify-content: center
	}
}

.imaginative .cover__categories-title,
.imaginative .cover__course-length-title,
.imaginative .cover__requirements-title {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	line-height: 1.2rem;
	margin-block: 1.6rem;
	margin-inline: 0;
	text-transform: uppercase;
	white-space: nowrap
}

@media(min-width:62em) {

	.imaginative .cover__categories-title,
	.imaginative .cover__course-length-title,
	.imaginative .cover__requirements-title {
		margin-block: 3.2rem;
		margin-inline: 0
	}
}

.imaginative .cover__categories-section,
.imaginative .cover__course-length-section,
.imaginative .cover__requirements-section {
	text-align: center
}

@media(min-width:48em) {

	.imaginative .cover__categories-section,
	.imaginative .cover__course-length-section,
	.imaginative .cover__requirements-section {
		margin-block: 0;
		margin-inline: 2rem;
		text-align: start
	}

	.imaginative .cover__categories-section:first-child,
	.imaginative .cover__course-length-section:first-child,
	.imaginative .cover__requirements-section:first-child {
		margin-inline-start: 0
	}

	.imaginative .cover__categories-section:last-child,
	.imaginative .cover__course-length-section:last-child,
	.imaginative .cover__requirements-section:last-child {
		margin-inline-end: 0
	}
}

@media(min-width:62em) {

	.imaginative .cover__categories-section,
	.imaginative .cover__course-length-section,
	.imaginative .cover__requirements-section {
		margin-block: 0;
		margin-inline: 3.3rem
	}
}

@media(min-width:48em) {
	.imaginative .cover__course-length-section {
		width: min-content
	}

	.imaginative .cover__requirements-section {
		max-width: 45%
	}

	.imaginative .cover__categories-section {
		max-width: 25%
	}
}

.imaginative .cover__lesson-requirement,
.imaginative .cover__quiz-requirement {
	margin-inline-start: calc(1.4rem + .75em);
	text-indent: calc(-1.4rem - .75em)
}

@media(min-width:48em) {

	.imaginative .cover__lesson-requirement,
	.imaginative .cover__quiz-requirement {
		justify-content: flex-start
	}
}

.imaginative .cover__lesson-requirement-icon,
.imaginative .cover__quiz-requirement-icon {
	height: 1.4rem;
	margin-block: 0 .3rem;
	margin-inline: 0 .75em;
	vertical-align: middle;
	width: 1.4rem
}

.imaginative .cover__quiz-requirement-no-attempts {
	color: #ed5736;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.6rem;
	margin-inline-start: calc(1.4rem + .75em)
}

.imaginative .cover__categories-item {
	display: inline-block;
	overflow-wrap: anywhere
}

.imaginative .cover__categories-item:after {
	content: ", ";
	white-space: pre
}

.imaginative .cover__categories-item:last-child:after {
	content: ""
}

.imaginative .cover__completed-info-label,
.imaginative .cover__due-date {
	border: .1rem solid #8f8f8f;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	line-height: 1.2rem;
	padding-block: .8rem;
	padding-inline: 3.6rem;
	text-transform: uppercase;
	width: fit-content
}

.imaginative .cover__due-date {
	margin-block: 4.8rem;
	margin-inline: auto
}

.imaginative .cover__due-date--urgent {
	background: #fff;
	border-color: #0000;
	color: #000
}

.imaginative .cover__completed-info {
	border-block-start: .1rem solid #707070;
	margin-block: 4.3rem 0;
	margin-inline: auto;
	max-width: 70rem;
	padding-block: 4.5rem 0;
	padding-inline: 0;
	text-align: center
}

.imaginative .cover__completed-info-label {
	margin-block: 1.6rem;
	margin-inline: auto
}

.imaginative .cover__completed-info .certificateDownload {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.8rem;
	margin-block: 0;
	margin-inline: auto;
	width: fit-content
}

.imaginative .cover__completed-info .certificateDownload__btn {
	text-decoration: underline
}

.imaginative .cover__completed-info .certificateDownload__btn:hover {
	color: #999;
	opacity: 1
}

.imaginative .cover__progress {
	font-family: var(--font-family-ui);
	font-weight: 600;
	margin-block: 0 2.6rem;
	margin-inline: auto;
	text-align: center;
	text-transform: uppercase
}

@media(min-width:62em) {
	.imaginative .cover__progress {
		margin-block: 0 3.4rem;
		margin-inline: auto
	}
}

.imaginative .cover__progress-text {
	color: var(--color-cover-contrast);
	font-size: .8rem;
	letter-spacing: .05rem;
	line-height: 1rem
}

.imaginative .cover__progress-next-lesson {
	color: var(--color-cover-contrast);
	font-size: 1rem;
	letter-spacing: .15rem;
	line-height: 1.2rem
}

.imaginative .cover__progress-next-lesson-icon {
	height: 1.3rem;
	margin-block: 0 .2rem;
	margin-inline: 0 .8rem;
	stroke: currentColor;
	vertical-align: middle;
	width: 1.6rem
}

.imaginative .cover__progress-outer {
	background: var(--color-cover-progress-outer-bg);
	height: .2rem;
	margin-block: 1.2rem 1.4rem;
	margin-inline: auto;
	max-width: calc(100vw - 2.4rem);
	position: relative;
	width: 38rem
}

.imaginative .cover__progress-inner {
	background: var(--color-cover-progress-inner-bg);
	inset-block: 0;
	inset-inline-start: 0;
	position: absolute
}

@keyframes imaginative-cover-header-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0;
		transform: translateY(-90px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes imaginative-cover-header-exit {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translateY(-90px)
	}
}

@keyframes imaginative-cover-details-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes imaginative-cover-details-exit {
	0% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	to {
		transform: translateY(-90px)
	}
}

.imaginative .cover-container {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.imaginative .cover-container--entering .cover__details {
	animation: imaginative-cover-details-enter .5s
}

.imaginative .cover-container--exiting .cover__details {
	animation: imaginative-cover-details-exit .5s;
	animation-fill-mode: forwards
}

.imaginative .cover-container--entering .cover__header {
	animation: imaginative-cover-header-enter .6s
}

.imaginative .cover-container--exiting .cover__header {
	animation: imaginative-cover-header-exit .61s;
	animation-fill-mode: forwards
}

.imaginative .nav-compact {
	--color-header-strip: inherit;
	--color-nav-compact-bullet-rail-opacity: 0.1;
	--color-nav-compact-bullet-rail: var(--color-theme);
	--color-nav-compact-contrast: #000;
	--color-nav-compact-icon: #000;
	--color-nav-compact-progress-runner: var(--color-theme);
	--color-nav-compact-text: #000;
	--color-progress-circle-empty-fill: var(--color-nav-compact-background);
	--color-progress-circle-fail: #fff;
	--color-progress-circle-fill: var(--color-theme);
	--color-progress-circle-stroke: var(--color-theme);
	--title-margin-top-image: 0;
	inset-block-end: 2rem;
	inset-inline-start: 4rem;
	position: fixed;
	transition-duration: .3s;
	transition-property: opacity, visibility, bottom;
	transition-timing-function: ease;
	z-index: 7
}

.imaginative .nav-compact--progress-circular-fill,
.imaginative .nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.imaginative .nav-compact--light {
	--color-nav-compact-active: #eee;
	--color-nav-compact-background: #fff;
	--color-nav-compact-hover: #eee;
	--color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
	--color-nav-compact-outline-scrollbar-thumb-border: #f5f5f5;
	--color-nav-compact-outline-section-toggle-icon: #000;
	--color-nav-compact-progress-track: #eee;
	--color-nav-compact-selected: #f7f7f7
}

.imaginative .nav-compact--dark {
	--color-nav-compact-active: #282828;
	--color-nav-compact-background: #000;
	--color-nav-compact-contrast: #fff;
	--color-nav-compact-hover: #282828;
	--color-nav-compact-icon: #fff;
	--color-nav-compact-outline-scrollbar-thumb-bg: #757575;
	--color-nav-compact-outline-scrollbar-thumb-border: #1a1a1a;
	--color-nav-compact-outline-section-toggle-icon: #fff;
	--color-nav-compact-progress-track: #fff3;
	--color-nav-compact-selected: #282828;
	--color-nav-compact-text: #fff
}

.imaginative .nav-compact--dark.nav-compact--progress-circular-fill,
.imaginative .nav-compact--dark.nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme);
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-stroke-fail: #fff;
	--color-progress-circle-runner-bg-fail: #fff
}

.imaginative .nav-compact--accent {
	--color-header-strip: var(--color-theme);
	--color-nav-compact-contrast: var(--color-theme-contrast)
}

.imaginative .nav-compact--accent .nav-compact__wrap--collapsed {
	--color-nav-compact-background: var(--color-theme);
	--color-nav-compact-progress-runner: var(--color-nav-compact-contrast);
	--color-nav-compact-progress-track: rgb(var(--color-theme-contrast-rgb), 0.2);
	--color-nav-compact-text: var(--color-nav-compact-contrast)
}

.imaginative .nav-compact--image-dark-overlay {
	--color-nav-compact-contrast: #fff;
	--title-margin-top-image: 6rem
}

.imaginative .nav-compact--image-dark-overlay .nav-compact__wrap--collapsed {
	--color-nav-compact-progress-runner: #fff;
	--color-nav-compact-progress-track: #fff3;
	--color-nav-compact-text: #fff;
	--title-margin-top-image: 0
}

.imaginative .nav-compact--image-light-overlay {
	--color-nav-compact-contrast: #000;
	--title-margin-top-image: 6rem
}

.imaginative .nav-compact--image-light-overlay .nav-compact__wrap--collapsed {
	--color-nav-compact-progress-runner: #000;
	--color-nav-compact-progress-track: #0003;
	--color-nav-compact-text: #000;
	--title-margin-top-image: 0
}

.imaginative .nav-compact--navNextIsVisible {
	inset-block-end: 8.4rem
}

.imaginative .nav-compact__wrap {
	background-color: var(--color-nav-compact-background);
	box-shadow: 0 .4rem 4rem #0000001a;
	font-family: var(--font-family-body);
	inset-block-end: 2rem;
	outline: 1px solid #0000;
	transition: transform .3s ease;
	width: 24rem
}

.imaginative .nav-compact__header,
.imaginative .nav-compact__header-inner {
	position: relative
}

.imaginative .nav-compact__header-image {
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 8rem;
	inset-block-start: 0;
	inset-inline: 0;
	position: absolute;
	transition: height .3s
}

.imaginative .nav-compact__header-image--collapsed {
	height: 100%
}

.imaginative .nav-compact__header-inner {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	width: 100%
}

.imaginative .nav-compact__header-strip {
	background-color: var(--color-header-strip);
	margin-block-end: 1.6rem;
	padding-block: 1.5rem .1rem;
	padding-inline: 1.6rem
}

.imaginative .nav-compact__header-controls {
	color: var(--color-nav-compact-contrast, #000);
	display: flex;
	inset-block-start: -.1px;
	inset-inline-end: 0;
	padding-block: 1.2rem;
	padding-inline: 1.6rem;
	position: absolute
}

.imaginative .nav-compact__header-control {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 2rem;
	justify-content: center;
	margin-inline-start: .4rem;
	width: 2rem
}

.imaginative .nav-compact__header-control-icon {
	overflow: hidden
}

.imaginative .nav-compact__header-search-icon {
	height: 1.5rem;
	stroke: currentColor;
	width: 1.5rem
}

@media(forced-colors:active) {
	.imaginative .nav-compact__header-search-icon {
		stroke: ButtonText;
		fill: none !important
	}
}

.imaginative .nav-compact__header-search-icon:focus,
.imaginative .nav-compact__header-search-icon:hover {
	height: 3rem;
	width: 3rem
}

.imaginative .nav-compact__header-toggle {
	overflow: hidden
}

.imaginative .nav-compact__header-toggle-icon {
	height: .9rem;
	width: 1.5rem;
	stroke: currentColor
}

.imaginative .nav-compact__header-toggle-icon:focus,
.imaginative .nav-compact__header-toggle-icon:hover {
	height: 1.8rem;
	width: 3rem
}

.imaginative .nav-compact__header--collapsed .nav-compact__header-toggle-icon {
	transform: rotate(180deg)
}

.imaginative .nav-compact__header-counter {
	color: var(--color-nav-compact-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .15rem;
	line-height: 1.3rem;
	margin-block-end: 1.2rem;
	margin-inline-end: calc(2rem + 1em);
	text-transform: uppercase
}

.imaginative .nav-compact__header-title {
	display: flex;
	font-family: var(--font-family-head);
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 2.6rem;
	margin-block-start: var(--title-margin-top-image);
	padding-block: 0;
	padding-inline: 1.6rem;
	transition: margin-top .3s
}

.imaginative .nav-compact__header-title :focus {
	outline-offset: 5px
}

.imaginative .nav-compact__header-title-link {
	text-decoration: none
}

.imaginative .nav-compact__header-title-link,
.imaginative .nav-compact__header-title-link:active,
.imaginative .nav-compact__header-title-link:link,
.imaginative .nav-compact__header-title-link:visited {
	color: var(--color-nav-compact-text)
}

.imaginative .nav-compact__header-title-link:focus,
.imaginative .nav-compact__header-title-link:hover {
	text-decoration: underline
}

.imaginative .nav-compact__header-progress {
	display: flex;
	flex-direction: column-reverse;
	margin-block-start: 1.2rem;
	padding-block: 0 1.6rem;
	padding-inline: 1.6rem
}

.imaginative .nav-compact__header-progress-text {
	color: var(--color-nav-compact-text);
	font-family: var(--font-family-ui);
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .15rem;
	line-height: 1.3rem;
	margin-block: 1.2rem;
	margin-inline: 0
}

.imaginative .nav-compact__header-progress-text--collapsed {
	display: none
}

.imaginative .nav-compact__header-progress-runner,
.imaginative .nav-compact__header-progress-track {
	height: .2rem;
	transition: background-color .3s
}

.imaginative .nav-compact__header-progress-track {
	background-color: var(--color-nav-compact-progress-track)
}

@media(forced-colors:active) {
	.imaginative .nav-compact__header-progress-track {
		border: .1rem solid #0000;
		height: .4rem
	}
}

.imaginative .nav-compact__header-progress-runner {
	background-color: var(--color-nav-compact-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.imaginative .nav-compact__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}

	.imaginative .nav-compact__header-image+.nav-compact__header-inner .nav-compact__header-progress-track--collapsed {
		background-color: Canvas;
		border-color: Canvas
	}
}

.imaginative .nav-compact__outline {
	max-height: 35rem;
	overflow: hidden auto;
	transition: max-height .3s
}

.imaginative .nav-compact__outline-section:last-of-type .nav-compact__outline-section-empty,
.imaginative .nav-compact__outline-section:last-of-type .nav-compact__outline-section-list--collapsed {
	margin-block-end: 0;
	padding-block-end: .8rem
}

.imaginative .nav-compact__outline--collapsed {
	max-height: 0;
	overflow: hidden;
	visibility: hidden
}

.imaginative .nav-compact__outline::-webkit-scrollbar {
	-webkit-appearance: none;
	appearance: none
}

.imaginative .nav-compact__outline::-webkit-scrollbar:vertical {
	width: .8rem
}

.imaginative .nav-compact__outline::-webkit-scrollbar-thumb {
	background-color: var(--color-nav-compact-outline-scrollbar-thumb-bg);
	border: .2rem solid var(--color-nav-compact-outline-scrollbar-thumb-border);
	border-radius: .8rem
}

.imaginative .nav-compact__outline-list-item {
	position: relative
}

.imaginative .nav-compact__outline-item :focus,
.imaginative .nav-compact__outline-section-item :focus {
	outline-offset: -2px;
	outline-width: 2px
}

.imaginative .nav-compact__outline-item--active:before,
.imaginative .nav-compact__outline-section-item--active:before {
	border-inline-start: .4rem solid var(--color-theme);
	content: "";
	height: 100%;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.imaginative .nav-compact__outline-item--restricted,
.imaginative .nav-compact__outline-section-item--restricted {
	cursor: not-allowed
}

.imaginative .nav-compact__outline-item-tooltip,
.imaginative .nav-compact__outline-section-item-tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.imaginative .nav-compact__outline-item-tooltip--visible,
.imaginative .nav-compact__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .nav-compact__outline-item-tooltip__inner,
.imaginative .nav-compact__outline-section-item-tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .nav-compact__outline-item-tooltip__inner:after,
.imaginative .nav-compact__outline-section-item-tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .nav-compact__outline-item-tooltip__inner--dark,
.imaginative .nav-compact__outline-section-item-tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

.imaginative .nav-compact__outline-item__link,
.imaginative .nav-compact__outline-section-item__link {
	align-items: center;
	color: var(--color-nav-compact-text);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	justify-content: space-between;
	line-height: 1.6rem;
	min-height: 5.6rem;
	padding-block: 1.2rem;
	padding-inline: 1.6rem 3rem;
	text-decoration: none;
	width: 100%
}

.imaginative .nav-compact__outline-item__link--active,
.imaginative .nav-compact__outline-section-item__link--active {
	--color-progress-circle-empty-fill: var(--color-nav-compact-selected);
	background-color: var(--color-nav-compact-selected)
}

.imaginative .nav-compact__outline-item__link:hover,
.imaginative .nav-compact__outline-section-item__link:hover {
	--color-progress-circle-empty-fill: var(--color-nav-compact-hover);
	background-color: var(--color-nav-compact-hover)
}

.imaginative .nav-compact__outline-item__link--theme-default:before,
.imaginative .nav-compact__outline-section-item__link--theme-default:before {
	border-inline-start: .1rem solid var(--color-nav-compact-bullet-rail);
	content: "";
	inset-block: 0;
	inset-inline-end: calc(1.4rem + 1px);
	opacity: var(--color-nav-compact-bullet-rail-opacity);
	position: absolute;
	width: .1rem
}

.imaginative .nav-compact .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.imaginative .nav-compact .progress-circle--compact .progress-circle__runner--done.progress-circle__runner--done.progress-circle__runner--failed {
	stroke: var(--color-progress-circle-runner-fail);
	fill: var(--color-progress-circle-runner-fail)
}

.imaginative .nav-compact--dark .nav-compact__outline-item__link:before,
.imaginative .nav-compact--dark .nav-compact__outline-section-item__link:before {
	opacity: .5
}

.imaginative .nav-compact__outline-list-item:first-child .nav-compact__outline-item__link:before,
.imaginative .nav-compact__outline-list-item:first-child .nav-compact__outline-section-item__link:before {
	inset-block-start: 50%
}

.imaginative .nav-compact__outline-item--last .nav-compact__outline-item__link:before,
.imaginative .nav-compact__outline-list-item:last-child .nav-compact__outline-item__link:before,
.imaginative .nav-compact__outline-list-item:last-child .nav-compact__outline-section-item__link:before,
.imaginative .nav-compact__outline-section-item--last .nav-compact__outline-section-item__link:before {
	inset-block-end: 50%
}

.imaginative .nav-compact__outline-section-empty,
.imaginative .nav-compact__outline-section-toggle {
	align-items: flex-start;
	color: var(--color-nav-compact-outline-section-toggle-icon);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	line-height: 1.8rem;
	overflow: hidden;
	padding-block: .4rem;
	padding-inline: 1.6rem 1.9rem;
	text-align: start;
	text-transform: uppercase;
	width: 100%
}

.imaginative .nav-compact__outline-section-empty {
	padding-inline-end: 3.5rem
}

.imaginative .nav-compact__outline-section-list {
	margin-block-end: 2.4rem;
	transition: max-height .3s, opacity .5s
}

.imaginative .nav-compact__outline-section-list--collapsed {
	margin-block-end: 1.5rem;
	max-height: 0 !important;
	opacity: 0;
	overflow: hidden
}

.imaginative .nav-compact__outline-section-toggle {
	cursor: pointer;
	padding-block: .8rem 1.6rem;
	padding-inline: 1.6rem 1.9rem
}

.imaginative .nav-compact__outline-section-toggle--collapsed {
	padding-block: 0;
	padding-inline: 1.6rem 1.9rem
}

.imaginative .nav-compact__outline-section-toggle-icon {
	flex: 0 0 auto;
	height: 1.8rem;
	margin-block: 0;
	margin-inline: .75em 0;
	stroke: var(--color-nav-compact-icon);
	width: 1rem
}

@media(forced-colors:active) {
	.imaginative .nav-compact__outline-section-toggle-icon {
		stroke: ButtonText
	}
}

.imaginative .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .imaginative .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

@keyframes imaginative-nav-compact-enter {
	0% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes imaginative-nav-compact-exit {
	0% {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.imaginative .lesson--entering .nav-compact {
	animation: imaginative-nav-compact-enter .4s
}

.imaginative .lesson--exiting .nav-compact {
	animation: imaginative-nav-compact-exit .4s;
	opacity: 0
}

.imaginative .nav-overlay {
	--color-nav-overlay-content-background: #fff;
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-header-control-btn-hover: #00000040;
	--color-nav-overlay-icon: var(--color-theme);
	--color-nav-overlay-progress-runner: var(--color-theme);
	--color-nav-overlay-progress-text: var(--color-theme);
	--color-nav-overlay-progress-track: #0000001a;
	--color-nav-overlay-search-close-icon: #282828;
	--color-nav-overlay-search-icon: var(--color-theme);
	--color-nav-overlay-search-input: #282828;
	--color-nav-overlay-search-placeholder: #28282880;
	--color-nav-overlay-search-submit: var(--color-theme);
	--color-nav-overlay-text-active-link: #00000080;
	--color-progress-circle-empty-fill: none;
	--color-progress-circle-fill: var(--color-theme);
	--color-progress-circle-stroke: var(--color-theme);
	--color-progress-circle-runner-bg-fail: #000;
	--color-progress-circle-runner-stroke-fail: #000;
	--stroke-width-progress-circle-runner-fail: 0.1rem;
	display: flex
}

.imaginative .nav-overlay--progress-circular-fill,
.imaginative .nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.imaginative .nav-overlay--accent {
	--color-nav-overlay-contrast: var(--color-theme-contrast);
	--color-nav-overlay-content-background: var(--color-theme);
	--color-nav-overlay-header-control-btn-hover: rgb(var(--color-theme-contrast-rgb), 0.25);
	--color-nav-overlay-icon: var(--color-nav-overlay-contrast);
	--color-nav-overlay-progress-runner: var(--color-nav-overlay-contrast);
	--color-nav-overlay-progress-text: var(--color-nav-overlay-contrast);
	--color-nav-overlay-progress-track: rgb(var(--color-theme-contrast-rgb), 0.1);
	--color-nav-overlay-search-close-icon: var(--color-nav-overlay-contrast);
	--color-nav-overlay-search-icon: var(--color-nav-overlay-contrast);
	--color-nav-overlay-search-input: var(--color-nav-overlay-contrast);
	--color-nav-overlay-search-placeholder: rgb(var(--color-theme-contrast-rgb), 0.6);
	--color-nav-overlay-search-submit: var(--color-nav-overlay-contrast);
	--color-nav-overlay-text-active-link: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-progress-circle-fill: var(--color-nav-overlay-contrast);
	--color-progress-circle-stroke: var(--color-nav-overlay-contrast);
	--color-progress-circle-runner: var(--color-nav-overlay-contrast);
	--color-progress-circle-pass: var(--color-theme);
	--color-progress-circle-runner-stroke-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-runner-bg-fail: var(--color-theme-contrast-complementary)
}

.imaginative .nav-overlay--accent.nav-overlay--progress-circular-fill,
.imaginative .nav-overlay--accent.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme-contrast)
}

.imaginative .nav-overlay--accent-tint,
.imaginative .nav-overlay--gray,
.imaginative .nav-overlay--image-light-overlay,
.imaginative .nav-overlay--light {
	--color-nav-overlay-contrast: #000
}

.imaginative .nav-overlay--accent-tint {
	--color-nav-overlay-content-background: var(--color-theme-tint)
}

.imaginative .nav-overlay--dark,
.imaginative .nav-overlay--image-dark-overlay {
	--color-nav-overlay-contrast: #fff;
	--color-nav-overlay-header-control-btn-hover: #ffffff40;
	--color-nav-overlay-progress-track: #fff3;
	--color-nav-overlay-search-close-icon: #fff;
	--color-nav-overlay-search-input: #fff;
	--color-nav-overlay-search-placeholder: #fff9;
	--color-nav-overlay-search-submit: #fff;
	--color-nav-overlay-text-active-link: #ffffff80
}

.imaginative .nav-overlay--dark {
	--color-nav-overlay-content-background: #000;
	--color-nav-overlay-icon: #fff;
	--color-nav-overlay-progress-runner: var(--color-theme);
	--color-nav-overlay-progress-text: #fff;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-bg-fail: #fff;
	--color-progress-circle-runner-stroke-fail: #fff
}

.imaginative .nav-overlay--dark.nav-overlay--progress-circular-fill,
.imaginative .nav-overlay--dark.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.imaginative .nav-overlay--gray {
	--color-nav-overlay-content-background: #fafafa
}

.imaginative .nav-overlay--image-dark-overlay {
	--color-nav-overlay-content-background: #fff;
	--color-nav-overlay-icon: #fff;
	--color-nav-overlay-progress-runner: #fff;
	--color-nav-overlay-progress-text: #fff;
	--color-nav-overlay-progress-track: #ffffff1a;
	--color-progress-circle-fill: #fff;
	--color-progress-circle-stroke: #fff;
	--color-nav-overlay-search-icon: #fff;
	--color-progress-circle-runner: #fff
}

.imaginative .nav-overlay--image-dark-overlay.nav-overlay--progress-circular-fill,
.imaginative .nav-overlay--image-dark-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #fff;
	--color-progress-circle-pass: #000
}

.imaginative .nav-overlay--image-light-overlay {
	--color-nav-overlay-content-background: #fff;
	--color-nav-overlay-icon: #000;
	--color-nav-overlay-progress-runner: #000;
	--color-nav-overlay-progress-text: #000;
	--color-nav-overlay-progress-track: #0000001a;
	--color-progress-circle-fill: #000;
	--color-progress-circle-stroke: #000;
	--color-nav-overlay-search-icon: #000;
	--color-progress-circle-runner: #000
}

.imaginative .nav-overlay--image-light-overlay.nav-overlay--progress-circular-fill,
.imaginative .nav-overlay--image-light-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #000
}

.imaginative .nav-overlay__content {
	background-color: var(--color-nav-overlay-content-background);
	flex-direction: column;
	flex-grow: 1
}

.imaginative .nav-overlay__content--has-sticky-header {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.imaginative .nav-overlay__content--graphic {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.imaginative .nav-overlay__header-container {
	flex: 1 0;
	margin-block-end: 7rem;
	width: 100%
}

@media(max-width:47.9375em) {
	.imaginative .nav-overlay__header-container {
		margin-block-end: 5.6rem
	}
}

.imaginative .nav-overlay__header-controls {
	padding-block-end: 1rem
}

.imaginative .nav-overlay__header-control-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.imaginative .nav-overlay__header-control-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.imaginative .nav-overlay__header-search-icon {
	height: 1.7rem;
	stroke: var(--color-nav-overlay-icon);
	width: 1.7rem
}

.imaginative .nav-overlay__header-close-icon {
	color: var(--color-nav-overlay-icon);
	height: 1.7rem;
	width: 1.7rem
}

.imaginative .nav-overlay__header-title-progress-container {
	margin-block: 0;
	margin-block-start: -1rem;
	margin-inline: auto;
	max-width: 51rem;
	text-align: center
}

.imaginative .nav-overlay__header-title {
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	font-family: var(--font-family-head);
	font-size: 2.4rem;
	font-weight: 400;
	justify-content: center;
	letter-spacing: -.2px;
	line-height: 2.9rem;
	padding-block-end: 1.1rem
}

.imaginative .nav-overlay__header-title-link {
	color: var(--color-nav-overlay-contrast, #000);
	cursor: pointer;
	text-decoration: none
}

.imaginative .nav-overlay__header-progress {
	margin-block: 0;
	margin-inline: auto;
	width: 38rem
}

@media(max-width:29.9375em) {
	.imaginative .nav-overlay__header-progress {
		width: 28.8rem
	}
}

.imaginative .nav-overlay__header-progress-text {
	color: var(--color-nav-overlay-progress-text);
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .05rem;
	line-height: 1.2rem;
	margin-block-start: 1.2rem
}

.imaginative .nav-overlay__header-progress-runner,
.imaginative .nav-overlay__header-progress-track {
	height: .2rem;
	transition: background-color .3s
}

.imaginative .nav-overlay__header-progress-track {
	background-color: var(--color-nav-overlay-progress-track)
}

@media(forced-colors:active) {
	.imaginative .nav-overlay__header-progress-track {
		background-color: Canvas;
		border: .1rem solid #0000;
		height: .4rem
	}
}

.imaginative .nav-overlay__header-progress-runner {
	background-color: var(--color-nav-overlay-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.imaginative .nav-overlay__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}

	.imaginative .nav-overlay--image-dark-overlay .nav-overlay__header-progress-track {
		border: .1rem solid Canvas
	}
}

.imaginative .nav-overlay__body {
	height: 100%;
	margin-block: 0;
	margin-inline: auto;
	overflow-y: auto;
	padding-block-start: 3rem;
	width: 100%
}

@media(max-width:29.9375em) {
	.imaginative .nav-overlay__body {
		padding-block: 0;
		padding-inline: 3.2rem
	}
}

.imaginative .nav-overlay__outline {
	font-family: var(--font-family-ui);
	margin-block: 0;
	margin-inline: auto;
	max-width: 51rem
}

.imaginative .nav-overlay__outline-list {
	margin-block-start: 2.7rem
}

@media(max-width:29.9375em) {
	.imaginative .nav-overlay__outline-list {
		margin-block-start: 0
	}
}

.imaginative .nav-overlay__outline-section-list {
	margin-block-start: 5.2rem
}

@media(min-width:48em) {
	.imaginative .nav-overlay__outline-section-list {
		margin-block-start: 6.2rem
	}
}

@media(max-width:47.9375em) {
	.imaginative .nav-overlay__outline-section-list {
		margin-block-start: 5rem
	}
}

@media(max-width:29.9375em) {
	.imaginative .nav-overlay__outline-section-list {
		margin-block-start: 4.2rem
	}
}

.imaginative .nav-overlay__outline-list-item {
	display: flex;
	justify-content: center;
	padding-block-end: 7rem;
	position: relative
}

@media(max-width:47.9375em) {
	.imaginative .nav-overlay__outline-list-item {
		padding-block-end: 5.6rem
	}
}

.imaginative .nav-overlay__outline-section-text {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 1.5px;
	line-height: 1.46rem;
	text-transform: uppercase;
	vertical-align: top
}

.imaginative .nav-overlay__outline-item {
	text-align: center
}

.imaginative .nav-overlay__outline-item--section__link,
.imaginative .nav-overlay__outline-item__link {
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: -.2px;
	line-height: 4rem;
	position: relative;
	text-decoration: none
}

@media(max-width:47.9375em) {

	.imaginative .nav-overlay__outline-item--section__link,
	.imaginative .nav-overlay__outline-item__link {
		font-size: 2rem;
		line-height: 2.8rem
	}
}

.imaginative .nav-overlay__outline-item--section__link:hover,
.imaginative .nav-overlay__outline-item__link:hover {
	text-decoration: underline;
	text-decoration-thickness: .1rem;
	text-underline-offset: 1rem
}

.imaginative .nav-overlay__outline-item--section__link--restricted,
.imaginative .nav-overlay__outline-item__link--restricted {
	cursor: not-allowed
}

.imaginative .nav-overlay__outline-item--section__link--restricted:hover,
.imaginative .nav-overlay__outline-item__link--restricted:hover {
	opacity: .5
}

.imaginative .nav-overlay__outline-item--section__link:active,
.imaginative .nav-overlay__outline-item__link:active {
	color: var(--color-nav-overlay-text-active-link)
}

.imaginative .nav-overlay__outline-item-tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.imaginative .nav-overlay__outline-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .nav-overlay__outline-item-tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .nav-overlay__outline-item-tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .nav-overlay__outline-item-tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

.imaginative .nav-overlay__search {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%
}

.imaginative .nav-overlay__search-header {
	display: flex;
	justify-content: flex-end
}

.imaginative .nav-overlay__search-close-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.imaginative .nav-overlay__search-close-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.imaginative .nav-overlay__search-close-icon {
	color: var(--color-nav-overlay-search-close-icon);
	height: 1.7rem;
	width: 1.7rem
}

.imaginative .nav-overlay__search-container {
	align-items: center;
	border-block-end: .1rem solid var(--color-nav-overlay-search-input);
	display: flex;
	padding-block-end: 1.3rem;
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-container {
		padding-block-end: 1.5rem
	}
}

@media(min-width:62em) {
	.imaginative .nav-overlay__search-container {
		padding-block-end: 2.5rem
	}
}

.imaginative .nav-overlay__search-body {
	margin-block: 0;
	margin-inline: 1.6rem;
	width: 110rem
}

@media(min-width:30em) {
	.imaginative .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 4rem
	}
}

@media(min-width:62em) {
	.imaginative .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 5.6rem
	}
}

.imaginative .nav-overlay__search-header {
	inset-block-start: 0;
	inset-inline-start: 0;
	padding-block: 2rem;
	padding-inline: 1.6rem;
	position: absolute;
	width: 100%
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-header {
		padding-block: 3.2rem;
		padding-inline: 2.8rem
	}
}

.imaginative .nav-overlay__search-icon {
	height: 3.3rem;
	width: 3.3rem;
	stroke: var(--color-nav-overlay-search-icon);
	flex-shrink: 0
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-icon {
		height: 5.7rem;
		width: 5.7rem
	}
}

@media(min-width:62em) {
	.imaginative .nav-overlay__search-icon {
		height: 7.8rem;
		width: 7.8rem
	}
}

.imaginative .nav-overlay__search-input {
	background: #0000;
	border: none;
	color: var(--color-nav-overlay-search-input);
	font-size: 3.2rem;
	font-weight: 300;
	margin-block: 0;
	margin-inline: 1.6rem;
	outline: none;
	padding-block: 0;
	padding-inline: 0;
	position: relative;
	width: 100%
}

.imaginative .nav-overlay__search-input::placeholder {
	color: var(--color-nav-overlay-search-placeholder);
	text-transform: capitalize
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-input {
		font-size: 5.6rem;
		line-height: normal;
		margin-block: 0;
		margin-inline: 2.5rem
	}
}

@media(min-width:62em) {
	.imaginative .nav-overlay__search-input {
		font-size: 7.2rem;
		line-height: 9rem;
		margin-inline-start: 0 4rem
	}
}

.imaginative .nav-overlay__search-input-wrap {
	position: relative;
	width: 100%
}

.imaginative .nav-overlay__search-clear-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.imaginative .nav-overlay__search-clear-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.imaginative .nav-overlay__search-actions {
	display: flex;
	justify-content: center
}

.imaginative .nav-overlay__search-submit-btn {
	border: 1px solid var(--color-nav-overlay-search-submit);
	color: var(--color-nav-overlay-search-submit);
	cursor: pointer;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .1rem;
	line-height: 1.2rem;
	margin-block: 3.5rem;
	margin-inline: 0;
	padding-block: 1.3rem;
	padding-inline: 1.3rem;
	text-transform: uppercase;
	width: 100%
}

@media(min-width:30em) {
	.imaginative .nav-overlay__search-submit-btn {
		width: auto
	}
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-submit-btn {
		visibility: hidden
	}
}

.imaginative .nav-overlay__search-clear-icon {
	color: var(--color-nav-overlay-search-input);
	height: 1.6rem;
	width: 1.6rem
}

@media(min-width:48em) {
	.imaginative .nav-overlay__search-clear-icon {
		height: 2.4rem;
		width: 2.4rem
	}
}

@media(min-width:62em) {
	.imaginative .nav-overlay__search-clear-icon {
		height: 4rem;
		width: 4rem
	}
}

.imaginative .nav-sidebar {
	--color-nav-sidebar-contrast: var(--color-theme-contrast);
	--color-nav-sidebar-bullet-rail: var(--color-theme);
	--color-nav-sidebar-bullet: var(--color-theme);
	--color-nav-sidebar-header-background: var(--color-sidebar-background);
	--color-nav-sidebar-header-background-calc: var(--color-theme);
	--color-nav-sidebar-search-active: var(--color-nav-sidebar-active);
	--color-nav-sidebar-search-background: var(--color-theme);
	--color-nav-sidebar-search-btn-hover: rgb(var(--color-theme-contrast-rgb), 0.25);
	--color-nav-sidebar-search-contrast: var(--color-theme-contrast);
	--color-nav-sidebar-title: #fff;
	--color-progress-circle-empty-fill: var(--color-nav-sidebar-background);
	--color-progress-circle-fail: #fff;
	--color-progress-circle-fill: var(--color-theme);
	--color-progress-circle-stroke: var(--color-theme);
	--padding-bottom-nav-sidebar-header-inner: 0;
	--width-imaginative-nav-sidebar: 30rem
}

.imaginative .nav-sidebar--progress-circular-fill,
.imaginative .nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.imaginative .nav-sidebar--light {
	--color-nav-sidebar-active: #fff;
	--color-nav-sidebar-background: #f7f7f7;
	--color-nav-sidebar-bullet-rail-opacity: 0.1;
	--color-nav-sidebar-hover-text: #000;
	--color-nav-sidebar-hover: #eee;
	--color-nav-sidebar-outline-text: #000;
	--color-nav-sidebar-progress-runner: var(--color-theme);
	--color-nav-sidebar-progress-text: #000;
	--color-nav-sidebar-progress-track: #e1e1e1;
	--color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
	--color-nav-sidebar-title: #000;
	--color-nav-sidebar-header-compact-background: linear-gradient(0deg, #f7f7f700, #f7f7f7 6.3rem)
}

.imaginative .nav-sidebar--dark {
	--color-nav-sidebar-active: #282828;
	--color-nav-sidebar-background: #000;
	--color-nav-sidebar-bullet-rail-opacity: 0.5;
	--color-nav-sidebar-hover-text: #fff;
	--color-nav-sidebar-hover: #282828;
	--color-nav-sidebar-outline-text: #fff;
	--color-nav-sidebar-progress-runner: #fff;
	--color-nav-sidebar-progress-text: #fff;
	--color-nav-sidebar-progress-track: #fff3;
	--color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
	--color-nav-sidebar-title: #fff;
	--color-nav-sidebar-header-compact-background: linear-gradient(0deg, #0000, #000 6.3rem)
}

.imaginative .nav-sidebar--dark.nav-sidebar--image {
	--padding-nav-sidebar-header-inner: 0
}

.imaginative .nav-sidebar--dark.nav-sidebar--progress-circular-fill,
.imaginative .nav-sidebar--dark.nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme);
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-stroke-fail: #fff;
	--color-progress-circle-runner-bg-fail: #fff
}

.imaginative .nav-sidebar--image-dark-overlay {
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-search-btn-hover: #ffffff40
}

.imaginative .nav-sidebar--image-light-overlay {
	--color-nav-sidebar-contrast: #000;
	--color-nav-sidebar-search-btn-hover: #00000040
}

.imaginative .nav-sidebar--image-dark-overlay,
.imaginative .nav-sidebar--image-light-overlay {
	--color-nav-sidebar-progress-runner: #fff;
	--color-nav-sidebar-progress-text: #fff;
	--color-nav-sidebar-progress-track: #fff3;
	--color-nav-sidebar-title: #fff;
	--padding-bottom-nav-sidebar-header-inner: 0.8rem;
	--pattern-nav-sidebar-header: none;
	--color-nav-sidebar-header-background: linear-gradient(to bottom, var(--color-nav-sidebar-background) 11.1rem, #000 11.1rem)
}

.imaginative .nav-sidebar--image-dark-overlay .nav-sidebar-header--compact,
.imaginative .nav-sidebar--image-light-overlay .nav-sidebar-header--compact {
	--padding-bottom-nav-sidebar-header-inner: 0.8rem
}

.imaginative .nav-sidebar--light-contrast {
	--pattern-nav-sidebar-header: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' fill='none' viewBox='0 0 52 52'%3E%3Cpath fill='%23fff' fill-opacity='16%25' fill-rule='evenodd' d='M52 33.5v-5.65a26.4 26.4 0 0 0-4.503-10.35h.003V7A4.5 4.5 0 0 1 52 2.5v-1A5.5 5.5 0 0 0 46.5 7v9.206a26.7 26.7 0 0 0-6-5.39V7c0-2.634.886-5.061 2.375-7h-1.233A12.44 12.44 0 0 0 39.5 7v3.192a26.4 26.4 0 0 0-6-2.616V7c0-2.477.487-4.84 1.37-7h-1.076A19.5 19.5 0 0 0 32.5 7v.303a26.5 26.5 0 0 0-5.995-.798c.043-2.252.377-4.432.968-6.505h-1.039A26 26 0 0 0 26 1.85 26 26 0 0 0 25.566 0h-1.039c.59 2.073.925 4.253.968 6.505a26.5 26.5 0 0 0-5.995.798V7c0-2.467-.458-4.827-1.294-7H17.13a18.45 18.45 0 0 1 1.37 7v.576a26.4 26.4 0 0 0-6 2.616V7c0-2.594-.79-5.003-2.142-7H9.125A11.45 11.45 0 0 1 11.5 7v3.815a26.7 26.7 0 0 0-6 5.39V7A5.5 5.5 0 0 0 0 1.5v1A4.5 4.5 0 0 1 4.5 7v10.5h.003A26.4 26.4 0 0 0 0 27.85v5.65c11.656 0 21.485 7.82 24.527 18.5h1.039a26.4 26.4 0 0 0-4.07-8.5h.004V33a4.5 4.5 0 1 1 9 0v10.5h.003a26.4 26.4 0 0 0-4.069 8.5h1.039C30.515 41.32 40.344 33.5 52 33.5M20.5 33v9.206a26.7 26.7 0 0 0-6-5.39V33c0-6.351 5.149-11.5 11.5-11.5S37.5 26.649 37.5 33v3.815a26.7 26.7 0 0 0-6 5.39V33a5.5 5.5 0 1 0-11 0m-7 0v3.192a26.4 26.4 0 0 0-6-2.616V33c0-10.217 8.283-18.5 18.5-18.5S44.5 22.783 44.5 33v.576a26.4 26.4 0 0 0-6 2.616V33c0-6.904-5.596-12.5-12.5-12.5S13.5 26.096 13.5 33m-7 0v.303a26.5 26.5 0 0 0-5.995-.798C.769 18.65 12.082 7.5 26 7.5s25.231 11.15 25.495 25.005a26.5 26.5 0 0 0-5.995.798V33c0-10.77-8.73-19.5-19.5-19.5S6.5 22.23 6.5 33' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='16%25' d='M34.87 52h-1.076C36.607 44.689 43.698 39.5 52 39.5v1c-7.74 0-14.37 4.753-17.13 11.5M42.875 52h-1.233A12.49 12.49 0 0 1 52 46.5v1a11.48 11.48 0 0 0-9.125 4.5M18.206 52C15.393 44.689 8.302 39.5 0 39.5v1c7.74 0 14.37 4.753 17.13 11.5zM10.358 52A12.49 12.49 0 0 0 0 46.5v1c3.717 0 7.023 1.764 9.125 4.5z'/%3E%3C/svg%3E")
}

.imaginative .nav-sidebar--dark-contrast {
	--pattern-nav-sidebar-header: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' fill='none' viewBox='0 0 52 52'%3E%3Cpath fill='%23000' fill-opacity='8%25' fill-rule='evenodd' d='M52 33.5v-5.65a26.4 26.4 0 0 0-4.503-10.35h.003V7A4.5 4.5 0 0 1 52 2.5v-1A5.5 5.5 0 0 0 46.5 7v9.206a26.7 26.7 0 0 0-6-5.39V7c0-2.634.886-5.061 2.375-7h-1.233A12.44 12.44 0 0 0 39.5 7v3.192a26.4 26.4 0 0 0-6-2.616V7c0-2.477.487-4.84 1.37-7h-1.076A19.5 19.5 0 0 0 32.5 7v.303a26.5 26.5 0 0 0-5.995-.798c.043-2.252.377-4.432.968-6.505h-1.039A26 26 0 0 0 26 1.85 26 26 0 0 0 25.566 0h-1.039c.59 2.073.925 4.253.968 6.505a26.5 26.5 0 0 0-5.995.798V7c0-2.467-.458-4.827-1.294-7H17.13a18.45 18.45 0 0 1 1.37 7v.576a26.4 26.4 0 0 0-6 2.616V7c0-2.594-.79-5.003-2.142-7H9.125A11.45 11.45 0 0 1 11.5 7v3.815a26.7 26.7 0 0 0-6 5.39V7A5.5 5.5 0 0 0 0 1.5v1A4.5 4.5 0 0 1 4.5 7v10.5h.003A26.4 26.4 0 0 0 0 27.85v5.65c11.656 0 21.485 7.82 24.527 18.5h1.039a26.4 26.4 0 0 0-4.07-8.5h.004V33a4.5 4.5 0 1 1 9 0v10.5h.003a26.4 26.4 0 0 0-4.069 8.5h1.039C30.515 41.32 40.344 33.5 52 33.5M20.5 33v9.206a26.7 26.7 0 0 0-6-5.39V33c0-6.351 5.149-11.5 11.5-11.5S37.5 26.649 37.5 33v3.815a26.7 26.7 0 0 0-6 5.39V33a5.5 5.5 0 1 0-11 0m-7 0v3.192a26.4 26.4 0 0 0-6-2.616V33c0-10.217 8.283-18.5 18.5-18.5S44.5 22.783 44.5 33v.576a26.4 26.4 0 0 0-6 2.616V33c0-6.904-5.596-12.5-12.5-12.5S13.5 26.096 13.5 33m-7 0v.303a26.5 26.5 0 0 0-5.995-.798C.769 18.65 12.082 7.5 26 7.5s25.231 11.15 25.495 25.005a26.5 26.5 0 0 0-5.995.798V33c0-10.77-8.73-19.5-19.5-19.5S6.5 22.23 6.5 33' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-opacity='8%25' d='M34.87 52h-1.076C36.607 44.689 43.698 39.5 52 39.5v1c-7.74 0-14.37 4.753-17.13 11.5M42.875 52h-1.233A12.49 12.49 0 0 1 52 46.5v1a11.48 11.48 0 0 0-9.125 4.5M18.206 52C15.393 44.689 8.302 39.5 0 39.5v1c7.74 0 14.37 4.753 17.13 11.5zM10.358 52A12.49 12.49 0 0 0 0 46.5v1c3.717 0 7.023 1.764 9.125 4.5z'/%3E%3C/svg%3E")
}

.imaginative .nav-sidebar__content {
	background: var(--color-nav-sidebar-background);
	font-family: var(--font-family-body);
	width: var(--width-imaginative-nav-sidebar)
}

.imaginative .nav-sidebar__body {
	margin-block: 3.5rem;
	margin-inline: 0
}

.imaginative .nav-sidebar__outline-section-list {
	overflow-y: hidden;
	transition: max-height .3s, opacity .5s;
	width: 100%
}

.imaginative .nav-sidebar__outline-section-list--collapsed {
	max-height: 0 !important
}

@media(prefers-reduced-motion) {
	.imaginative .nav-sidebar__outline-section-list {
		transition-property: opacity
	}
}

.imaginative .nav-sidebar__outline-section-text,
.imaginative .nav-sidebar__outline-section-toggle {
	align-items: flex-start;
	color: var(--color-nav-sidebar-outline-text);
	display: inline-flex;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	margin-block: 1.1rem;
	margin-inline: 3.2rem;
	text-align: start;
	text-transform: uppercase
}

.imaginative .nav-sidebar__outline-section-toggle {
	cursor: pointer
}

.imaginative .nav-sidebar__outline-section-toggle-icon {
	flex: 0 0 auto;
	height: 1.5rem;
	margin-block: 0;
	margin-inline: .5em 0;
	stroke: var(--color-nav-sidebar-outline-text);
	width: 1rem
}

.imaginative .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .imaginative .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

.imaginative .nav-sidebar__outline-list-item {
	position: relative
}

.imaginative .nav-sidebar__outline-list-item :focus {
	outline-offset: -2px;
	outline-width: 2px
}

.imaginative .nav-sidebar__outline-item--active:after,
.imaginative .nav-sidebar__outline-section-item--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .4rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.imaginative .nav-sidebar__outline-section-toggle {
	outline-offset: .5rem
}

.imaginative .nav-sidebar__outline-item__link,
.imaginative .nav-sidebar__outline-section-item__link {
	display: block;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6rem;
	padding-block: 2rem;
	padding-inline: 2.8rem 5.2rem
}

.imaginative .nav-sidebar__outline-item__link--active,
.imaginative .nav-sidebar__outline-section-item__link--active {
	--color-progress-circle-empty-fill: var(--color-nav-sidebar-active);
	background: var(--color-nav-sidebar-active)
}

.imaginative .nav-sidebar__outline-item__link--restricted,
.imaginative .nav-sidebar__outline-section-item__link--restricted {
	cursor: not-allowed
}

.imaginative .nav-sidebar__outline-item__link--complete:after,
.imaginative .nav-sidebar__outline-section-item__link--complete:after {
	background: var(--color-nav-sidebar-bullet)
}

.imaginative .nav-sidebar__outline-item__link,
.imaginative .nav-sidebar__outline-item__link:active,
.imaginative .nav-sidebar__outline-item__link:link,
.imaginative .nav-sidebar__outline-item__link:visited,
.imaginative .nav-sidebar__outline-section-item__link,
.imaginative .nav-sidebar__outline-section-item__link:active,
.imaginative .nav-sidebar__outline-section-item__link:link,
.imaginative .nav-sidebar__outline-section-item__link:visited {
	color: var(--color-nav-sidebar-outline-text);
	text-decoration: none
}

.imaginative .nav-sidebar__outline-item__link:hover,
.imaginative .nav-sidebar__outline-section-item__link:hover {
	--color-progress-circle-empty-fill: var(--color-nav-sidebar-hover);
	background: var(--color-nav-sidebar-hover);
	color: var(--color-nav-sidebar-hover-text)
}

.imaginative .nav-sidebar__outline-item__link--theme-default:before,
.imaginative .nav-sidebar__outline-section-item__link--theme-default:before {
	border-inline-start: .1rem solid var(--color-nav-sidebar-bullet-rail);
	content: "";
	inset-block: 0;
	inset-inline-end: calc(3rem + 1px);
	opacity: var(--color-nav-sidebar-bullet-rail-opacity);
	position: absolute;
	width: .1rem
}

.imaginative .nav-sidebar .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.imaginative .nav-sidebar .progress-circle--sidebar .progress-circle__runner--done.progress-circle__runner--done.progress-circle__runner--failed {
	stroke: var(--color-progress-circle-runner-fail);
	fill: var(--color-progress-circle-runner-fail)
}

.imaginative .nav-sidebar-header {
	transition: none
}

.imaginative .nav-sidebar-header__graphic {
	clip-path: inset(2.4rem 2.4rem 0 2.4rem);
	height: 15.6rem
}

.imaginative .nav-sidebar-header__graphic:after {
	background-image: var(--pattern-nav-sidebar-header);
	background-position: bottom;
	background-repeat: repeat;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute
}

.imaginative .nav-sidebar-header--compact {
	--padding-bottom-nav-sidebar-header-inner: 6.3rem;
	transition: height .3s, transform .3s ease .1s
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__inner {
	background: var(--color-nav-sidebar-header-compact-background)
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__graphic {
	clip-path: inset(0 2.4rem);
	height: 8rem
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__search-btn {
	inset-block-start: 1.7rem
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__title {
	font-size: 2.2rem;
	line-height: 2.6rem
}

.imaginative .nav-sidebar-header--image:after {
	background: none
}

.imaginative .nav-sidebar-header__inner {
	background: var(--color-nav-sidebar-header-background);
	padding-block-end: var(--padding-bottom-nav-sidebar-header-inner)
}

.imaginative .nav-sidebar-header--searching {
	height: 6.8rem !important
}

.imaginative .nav-sidebar-header--searching .nav-sidebar-header__graphic {
	clip-path: inset(0)
}

.imaginative .nav-sidebar-header__search-btn {
	color: var(--color-nav-sidebar-contrast, #fff);
	inset-block-start: 4.1rem;
	inset-inline-end: 3.9rem;
	transition: none
}

.imaginative .nav-sidebar-header__search-icon {
	stroke: currentColor;
	width: 1.5rem
}

@media(forced-colors:active) {
	.imaginative .nav-sidebar-header__search-icon {
		stroke: ButtonText;
		fill: none !important
	}
}

.imaginative .nav-sidebar-header__search-area {
	background: var(--color-nav-sidebar-search-background);
	padding-block: 1.6rem;
	padding-inline: 1.6rem;
	position: static;
	transition: none;
	width: 100%
}

.imaginative .nav-sidebar-header__search-area--hidden {
	display: none;
	transition: none
}

.imaginative .nav-sidebar-header__content {
	padding-block: .1px;
	padding-inline: 3.2rem;
	position: static
}

.imaginative .nav-sidebar-header__title {
	display: block;
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 3.2rem;
	margin-block: 2.4rem;
	margin-inline: 0;
	outline-offset: 1rem
}

.imaginative .nav-sidebar-header__title,
.imaginative .nav-sidebar-header__title:active,
.imaginative .nav-sidebar-header__title:link,
.imaginative .nav-sidebar-header__title:visited {
	color: var(--color-nav-sidebar-title);
	text-decoration: none
}

.imaginative .nav-sidebar-header__title:link:active,
.imaginative .nav-sidebar-header__title:link:focus,
.imaginative .nav-sidebar-header__title:link:hover,
.imaginative .nav-sidebar-header__title:link:visited {
	text-decoration: underline;
	text-decoration-thickness: .1rem
}

.imaginative .nav-sidebar-header__progress-track {
	background: var(--color-nav-sidebar-progress-track);
	height: .2rem;
	position: relative
}

@media(forced-colors:active) {
	.imaginative .nav-sidebar-header__progress-track {
		border: .1rem solid #0000;
		height: .4rem
	}
}

.imaginative .nav-sidebar-header__progress-runner {
	background: var(--color-nav-sidebar-progress-runner);
	inset-block: 0;
	inset-inline-start: 0;
	position: absolute;
	transition: width .6s
}

@media(forced-colors:active) {
	.imaginative .nav-sidebar-header__progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}
}

.imaginative .nav-sidebar-header__progress-text {
	color: var(--color-nav-sidebar-progress-text);
	font-family: var(--font-family-ui);
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: .15rem;
	line-height: 1.3rem;
	margin-block: 1.6rem;
	margin-inline: 0;
	text-transform: uppercase
}

.imaginative .nav-sidebar-search {
	align-items: center;
	border: .1rem solid #0000;
	color: var(--color-nav-sidebar-search-contrast, #fff);
	display: flex;
	padding-block: .7rem;
	padding-inline: .7rem
}

.imaginative .nav-sidebar-search__close svg {
	width: 1.2rem
}

.imaginative .nav-sidebar-search__input {
	-webkit-appearance: none;
	appearance: none;
	background: #0000;
	border: none;
	color: inherit;
	font-family: var(--font-family-ui);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 0;
	margin-block: 0;
	margin-inline: 1.5rem;
	padding-block: 0;
	padding-inline: 0
}

.imaginative .nav-sidebar-search__input::placeholder {
	color: inherit;
	opacity: .4
}

@media(forced-colors:active) {
	.imaginative .nav-sidebar-search__input::placeholder {
		opacity: 1
	}
}

.imaginative .nav-sidebar-search__input:focus {
	outline: none
}

.imaginative .nav-sidebar-search__close,
.imaginative .nav-sidebar-search__icon,
.imaginative .nav-sidebar-search__search-btn {
	outline-offset: 1rem
}

.imaginative .nav-sidebar-search__icon {
	stroke: currentColor;
	width: 1.8rem
}

@media(forced-colors:active) {
	.imaginative .nav-sidebar-search__icon {
		stroke: ButtonText;
		fill: none !important
	}
}

.imaginative .nav-sidebar-results {
	font-family: var(--font-family-ui)
}

.imaginative .nav-sidebar-results__message {
	color: #b2b2b2;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
	margin-block: 2.4rem;
	margin-inline: 2.4rem
}

.imaginative .nav-sidebar-result__title {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
	margin-block: .8rem;
	margin-inline: 0
}

.imaginative .nav-sidebar-result__count {
	display: block;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: .05rem;
	line-height: 1.3rem;
	opacity: .7
}

.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link,
.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link:focus,
.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link:hover {
	background: var(--color-nav-sidebar-search-active)
}

.imaginative .nav-sidebar-result__link {
	display: block;
	padding-block: 2.4rem;
	padding-inline: 2.2rem 2.4rem
}

.imaginative .nav-sidebar-result__link,
.imaginative .nav-sidebar-result__link:active,
.imaginative .nav-sidebar-result__link:link,
.imaginative .nav-sidebar-result__link:visited {
	color: var(--color-nav-sidebar-outline-text);
	text-decoration: none
}

.imaginative .nav-sidebar-result__link:focus,
.imaginative .nav-sidebar-result__link:hover {
	background: var(--color-nav-sidebar-search-hover)
}

.imaginative .nav-sidebar-header--searching .nav-sidebar-header__graphic {
	display: none
}

.imaginative .nav-sidebar-header--searching+.nav-sidebar__body {
	margin-block: 0;
	margin-inline: 0
}

.imaginative .nav-sidebar-header--searching+.nav-sidebar__body .nav-sidebar__outline-list {
	transition: none
}

.imaginative .nav-sidebar__content--light.nav-sidebar__content--image .nav-sidebar__body {
	margin-block-start: 1.1rem
}

.imaginative .nav-sidebar__outline-list-item:first-child .nav-sidebar__outline-item__link:before,
.imaginative .nav-sidebar__outline-list-item:first-child .nav-sidebar__outline-section-item__link:before {
	inset-block-start: 50%
}

.imaginative .nav-sidebar__outline-list-item--last .nav-sidebar__outline-item__link:before,
.imaginative .nav-sidebar__outline-list-item--last .nav-sidebar__outline-section-item__link:before,
.imaginative .nav-sidebar__outline-list-item:last-child .nav-sidebar__outline-item__link:before,
.imaginative .nav-sidebar__outline-list-item:last-child .nav-sidebar__outline-section-item__link:before {
	inset-block-end: 50%
}

.imaginative .nav-sidebar__outline-item-tooltip,
.imaginative .nav-sidebar__outline-section-item-tooltip {
	--color-nav-tooltip-background: #000;
	--color-nav-tooltip-text: #fff;
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.imaginative .nav-sidebar__outline-item-tooltip--visible,
.imaginative .nav-sidebar__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.imaginative .nav-sidebar__outline-item-tooltip__inner,
.imaginative .nav-sidebar__outline-section-item-tooltip__inner {
	background-color: var(--color-nav-tooltip-background);
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: var(--color-nav-tooltip-text);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.imaginative .nav-sidebar__outline-item-tooltip__inner:after,
.imaginative .nav-sidebar__outline-section-item-tooltip__inner:after {
	background-color: var(--color-nav-tooltip-background);
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.imaginative .nav-sidebar__outline-item-tooltip__inner--dark,
.imaginative .nav-sidebar__outline-section-item-tooltip__inner--dark {
	--color-nav-tooltip-background: #f7f7f7;
	--color-nav-tooltip-text: #000
}

@keyframes imaginative-nav-sidebar-enter {
	0% {
		opacity: 0
	}

	40% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes imaginative-nav-sidebar-text-enter {
	0% {
		transform: translateY(25px)
	}

	40% {
		transform: translateY(25px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes imaginative-nav-sidebar-exit {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes imaginative-nav-sidebar-text-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	33% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.imaginative .lesson--entering .nav-sidebar__content {
	animation: imaginative-nav-sidebar-enter .4s
}

.imaginative .lesson--entering .nav-sidebar__body>* {
	animation: imaginative-nav-sidebar-text-enter .4s
}

.imaginative .lesson--exiting .nav-sidebar__content {
	animation: imaginative-nav-sidebar-exit .6s;
	animation-fill-mode: forwards
}

.imaginative .lesson--exiting .nav-sidebar__body>* {
	animation: imaginative-nav-sidebar-text-exit .6s;
	animation-fill-mode: forwards
}

.imaginative {
	--color-background: #fff;
	--color-header-text: #000;
	--color-counter-text: #000
}

.imaginative .page__header:after {
	display: none
}

.imaginative .page__header {
	background-color: var(--color-background)
}

.imaginative .page__menu {
	padding-block: 2.4rem;
	padding-inline: 2.4rem
}

@media(max-width:67.5em)and (min-width:60em) {

	.imaginative .lesson--open .lesson-header__main:first-child,
	.imaginative .lesson--open-mobile .lesson-header__main:first-child {
		margin-inline-start: 0
	}
}

.imaginative .lesson-header__top-wrap {
	margin-block: 0 1rem;
	padding-block-end: 0
}

.imaginative .lesson-header__top-wrap:after {
	display: none
}

.imaginative .lesson-header__title {
	color: var(--color-header-text);
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 3.6rem;
	margin-block: 0;
	margin-inline: .8rem 0
}

@media(min-width:30em) {
	.imaginative .lesson-header__title {
		font-size: 4.4rem;
		line-height: 5.4rem;
		margin-block: 0 1.6rem;
		margin-inline: 0
	}
}

@media(min-width:48em) {
	.imaginative .lesson-header__title {
		font-size: 5.6rem;
		line-height: 6.2rem;
		margin-block: 0 2.4rem;
		margin-inline: 0
	}
}

.imaginative .lesson-header__author {
	font-family: var(--font-family-body);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3rem;
	margin-block: 0 .8rem;
	margin-inline: 0
}

.imaginative .lesson-header__author-name {
	color: var(--color-header-text)
}

@media(min-width:48em) {
	.imaginative .lesson-header__author {
		margin-block-end: 1.6rem
	}
}

.imaginative .lesson-header__author-img {
	border: none;
	height: 3rem;
	margin-inline-end: 1.1rem;
	width: 3rem
}

.imaginative .lesson-header__partner-content .lesson-header__author-name {
	font-size: 1.1rem;
	font-weight: 600
}

.imaginative .lesson-header__partner-content-author {
	align-items: center;
	display: flex;
	margin-block-end: 1rem;
	padding-inline-end: 2.4rem
}

.imaginative .lesson-header__partner-content-author-img {
	height: 3rem;
	margin-inline-end: 1.2rem;
	width: 3rem
}

.imaginative .lesson-header__counter {
	color: var(--color-counter-text);
	font-family: var(--font-family-body);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .05rem;
	line-height: 1.2rem;
	order: 0
}

.imaginative .lesson-header__description {
	color: var(--color-header-text)
}

.imaginative .lesson-header__author-count-wrap {
	align-items: baseline;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end
}

.imaginative .lesson-header__author-name {
	font-family: var(--font-family-ui);
	font-size: 1.1rem;
	font-weight: 600
}

.imaginative .lesson-header-wrap {
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out
}

.imaginative .lesson-header-wrap--collapsed {
	max-height: 0;
	opacity: 0;
	overflow: hidden
}

.imaginative .lesson-header-wrap .page__header {
	min-height: 19.9rem;
	padding-block-start: 5.7rem
}

@media(min-width:30em) {
	.imaginative .lesson-header-wrap .page__header {
		min-height: 22.4rem;
		padding-block-start: 4.8rem
	}
}

@media(min-width:48em) {
	.imaginative .lesson-header-wrap .page__header {
		min-height: 28rem;
		padding-block-start: 5.6rem
	}
}

@media(min-width:62em) {
	.imaginative .lesson-header-wrap .page__header {
		padding-block-start: 7.2rem
	}
}

.imaginative .lesson-header-wrap--mobile .page__header {
	min-height: 12.4rem;
	padding-block-start: 2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header {
	padding-block-end: 2.8rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__content {
	display: flex;
	flex-direction: column
}

.imaginative .lesson-header-wrap--mobile .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

.imaginative .lesson-header-wrap--mobile .lesson-header__counter {
	font-size: 1rem;
	font-weight: 700;
	height: 1.4rem;
	letter-spacing: .05rem;
	line-height: 1.4rem;
	margin-block-end: 1.6rem;
	text-align: end
}

.imaginative .lesson-header-wrap--mobile .lesson-header__author {
	align-items: center;
	display: flex;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block-end: .4rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__author-img {
	height: 2rem;
	width: 2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__author-name {
	font-size: 1.1rem;
	font-weight: 600
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content-author {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block-end: .4rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content-author-img {
	height: 2rem;
	width: 2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile {
	margin-block-end: .4rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
	height: 3rem;
	margin-block: 0;
	margin-inline: 0 .8rem;
	padding-block: 0;
	padding-inline: 0;
	position: relative;
	width: 3rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author--single {
	align-items: center;
	width: 2.2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img {
	height: 2.2rem;
	margin-inline-end: 0;
	position: absolute;
	width: 2.2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:first-of-type {
	inset-block-start: 1rem;
	z-index: 1
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:last-of-type {
	inset-inline-start: 1rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img--single:first-of-type {
	inset-block-start: 0;
	inset-inline-start: 0;
	position: relative
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__author-name {
	align-items: center;
	display: flex;
	line-height: 2rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__title {
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 3.6rem;
	margin-block-end: 0
}

.imaginative .lesson-header-wrap--small .page__header {
	min-height: auto;
	padding-block: 2.8rem;
	padding-inline: 0
}

@media(max-width:52.4375em) {
	.imaginative .lesson-header-wrap--small .page__header {
		padding-block-start: 4.8rem
	}
}

.imaginative .lesson-header-wrap--small .lesson-header {
	padding-block: 0;
	padding-inline: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__content {
	display: flex;
	flex-direction: column
}

.imaginative .lesson-header-wrap--small .lesson-header__info-row {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: flex-start;
	margin-block-end: .4rem
}

.imaginative .lesson-header-wrap--small .lesson-header__info-row--divider {
	color: var(--color-header-text);
	font-size: 1.6rem;
	line-height: 1.6rem;
	padding-block: 0;
	padding-inline: 1.2rem
}

.imaginative .lesson-header-wrap--small .lesson-header__counter {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .05rem;
	line-height: 1.4rem;
	margin-block: 0;
	margin-inline: 0;
	order: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__author {
	align-items: center;
	display: flex;
	font-family: var(--font-family-head);
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4rem;
	margin-block: 0;
	margin-inline: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__author-img {
	height: 2rem;
	margin-inline-end: .8rem;
	width: 2rem
}

.imaginative .lesson-header-wrap--small .lesson-header__partner-content-author {
	align-items: center;
	display: flex;
	margin-block-end: 0;
	padding-inline-end: 1.2rem
}

.imaginative .lesson-header-wrap--small .lesson-header__partner-content-author:last-child {
	padding-inline-end: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__partner-content-author-img {
	height: 2rem;
	width: 2rem
}

.imaginative .lesson-header-wrap--small .lesson-header__author-name {
	margin-block: 0;
	margin-inline: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__title {
	font-family: var(--font-family-body);
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 3.6rem;
	margin-block: 0;
	margin-inline: 0
}

@media(min-width:62em) {
	.imaginative .lesson-header-wrap--large .page__header {
		min-height: 29.6rem;
		padding-block-start: 7.2rem
	}

	.imaginative .lesson-header-wrap--large .lesson-header {
		padding-block-end: 6rem
	}

	.imaginative .lesson-header-wrap--large .lesson-header__title {
		font-size: 7.2rem;
		line-height: 7.8rem
	}
}

.imaginative .lesson-header-wrap--dark,
.imaginative .lesson-header-wrap--image {
	--color-background: #303030
}

.imaginative .lesson-header-wrap--black {
	--color-background: #000
}

.imaginative .lesson-header-wrap--black,
.imaginative .lesson-header-wrap--dark,
.imaginative .lesson-header-wrap--image {
	--color-header-text: #fff;
	--color-counter-text: #fff
}

.imaginative .lesson-header-wrap--light {
	--color-background: #fff
}

.imaginative .lesson-header-wrap--gray {
	--color-background: #fafafa
}

.imaginative .lesson-header-wrap--gray,
.imaginative .lesson-header-wrap--light {
	--color-counter-text: var(--color-theme)
}

.imaginative .lesson-header-wrap--accent {
	--color-background: var(--color-theme);
	--color-header-text: var(--color-theme-contrast);
	--color-counter-text: var(--color-theme-contrast)
}

.imaginative .lesson-header-wrap--tint {
	--color-background: var(--color-theme-transparent);
	--color-header-text: #000
}

.imaginative .lesson-header-wrap--image .page__header-bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.imaginative .lesson-header-wrap--image-light {
	--color-header-text: #000;
	--color-counter-text: #000
}

.imaginative .lesson-header-wrap--custom {
	--color-header-text: var(--lesson-header-contrast-color);
	--color-counter-text: var(--lesson-header-contrast-color)
}

@keyframes imaginative-lesson-content-enter {
	0% {
		opacity: 0
	}

	10% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes imaginative-lesson-content-exit {
	0% {
		opacity: 1
	}

	10% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

.imaginative .lesson {
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute;
	z-index: 2
}

.imaginative .lesson--entering .lesson__content {
	animation: imaginative-lesson-content-enter .5s
}

.imaginative .lesson--exiting .lesson__content {
	animation: imaginative-lesson-content-exit .6s;
	animation-fill-mode: forwards
}

.imaginative {
	--color-one-page-cover-contrast: var(--color-theme-contrast);
	--color-one-page-cover-contrast-complementary: var(--color-theme-contrast-complementary)
}

.imaginative .one-page-cover__wrapper {
	background-color: var(--color-background)
}

.imaginative .one-page-cover__wrapper--image,
.imaginative .one-page-cover__wrapper--white {
	--color-background: #fff
}

.imaginative .one-page-cover__wrapper--overlay-light,
.imaginative .one-page-cover__wrapper--white {
	--color-one-page-cover-contrast: #000;
	--color-one-page-cover-contrast-complementary: #fff
}

.imaginative .one-page-cover__wrapper--overlay-dark {
	--color-one-page-cover-contrast: #fff;
	--color-one-page-cover-contrast-complementary: #000
}

.imaginative .one-page-cover-info__title {
	margin-block-end: 1.6rem
}

.imaginative .one-page-cover-info .one-page-title {
	color: var(--color-one-page-cover-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	letter-spacing: -.02rem;
	line-height: 3.6rem;
	text-align: center
}

@media(min-width:30em) {
	.imaginative .one-page-cover-info .one-page-title {
		font-size: 4rem;
		line-height: 4.8rem
	}
}

@media(min-width:48em) {
	.imaginative .one-page-cover-info .one-page-title {
		font-size: 7.2rem;
		line-height: 7.8rem
	}
}

.imaginative .one-page-authors {
	justify-content: center
}

@media(min-width:62em) {

	.imaginative .one-page-authors__avatar,
	.imaginative .one-page-authors__avatar-fallback {
		height: 4rem;
		width: 4rem
	}
}

.imaginative .one-page-authors__name {
	color: var(--color-one-page-cover-contrast, #fff);
	font-weight: 400;
	letter-spacing: .05rem
}

@media(min-width:62em) {
	.imaginative .one-page-authors__name {
		font-size: 1.6rem
	}
}

.imaginative {
	--color-background: var(--color-theme);
	--color-one-page-lesson-header-contrast: var(--color-theme-contrast);
	--color-one-page-lesson-header-contrast-complementary: var(--color-theme-contrast-complementary)
}

.imaginative .one-page-lesson-header {
	background-color: var(--color-background);
	clip-path: url(#cover-page-clip-path);
	height: 34rem;
	text-align: center
}

.imaginative .one-page-lesson-header--image {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #fff
}

.imaginative .one-page-lesson-header--image.one-page-lesson-header--overlay-light {
	--color-one-page-lesson-header-contrast: #000
}

.imaginative .one-page-lesson-header--white {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #000;
	border-block-end: none
}

.imaginative .one-page-lesson-header-info__title {
	margin-block-end: 1.6rem
}

.imaginative .one-page-lesson-header-info .one-page-title {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 3.2rem
}

.imaginative .one-page-lesson-header-info .one-page-title--text-dark {
	color: #282828
}

@media(min-width:30em) {
	.imaginative .one-page-lesson-header-info .one-page-title {
		font-size: 4.5rem
	}
}

.imaginative .one-page-lesson-header-info .one-page-authors__avatar {
	border-color: var(--color-one-page-lesson-header-contrast, #fff)
}

.imaginative .one-page-lesson-header-info .one-page-authors__name {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: .06rem
}

.partner-content-book-info {
	letter-spacing: 0
}

.partner-content-book-info__flex-block {
	display: flex;
	margin-inline-start: .25rem
}

@media(max-width:25.8125em) {
	.partner-content-book-info__flex-block {
		justify-content: center;
		margin-block-end: 3rem
	}
}

.partner-content-book-info__flex-course {
	display: flex;
	margin-block-end: 3rem;
	margin-inline-start: .25rem
}

@media(max-width:25.8125em) {
	.partner-content-book-info__flex-course {
		justify-content: center
	}
}

.partner-content-book-info__image-container-course {
	margin-block-start: -.2rem;
	margin-inline-end: 1rem;
	width: 7.3rem
}

.partner-content-book-info__image-container-block {
	margin-block-start: -.2rem;
	margin-inline-end: 1.5rem;
	width: 7.3rem
}

@media(max-width:25.8125em) {
	.partner-content-book-info__image-container-block {
		margin-block-end: 3rem
	}
}

.partner-content-book-info__small-text {
	color: #7f7f7f;
	font-size: 1.3rem;
	font-weight: 700
}

@media(max-width:33.6875em) {
	.partner-content-book-info__small-text {
		font-size: 1.1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-book-info__small-text {
		font-size: 1.3rem
	}
}

.partner-content-book-info__black-text {
	color: #000;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 2.1rem;
	margin-block-end: .75rem
}

@media(max-width:33.6875em) {
	.partner-content-book-info__black-text {
		font-size: 1.1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-book-info__black-text {
		font-size: 1.3rem
	}
}

.partner-content-book-info__button {
	border: .1rem solid #444;
	border-radius: .6rem;
	color: #444;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 700;
	padding-block: .3rem;
	padding-inline: .8rem;
	text-decoration: none
}

@media(max-width:33.6875em) {
	.partner-content-book-info__button {
		font-size: 1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-book-info__button {
		font-size: 1.2rem
	}
}

.partner-content-book-info__book-image-course {
	background-color: #e5e5e5;
	border: .1rem solid #e5e5e5;
	border-radius: .4rem;
	height: 8.3rem;
	object-fit: cover;
	width: 5.8rem
}

.partner-content-book-info__book-image-block {
	background-color: #e5e5e5;
	border: .1rem solid #e5e5e5;
	border-radius: .4rem;
	height: 10.5rem;
	object-fit: cover;
	width: 7rem
}

@media(max-width:33.6875em) {
	.partner-content-book-info__book-image-block {
		height: 8.5rem;
		width: 5rem
	}
}

.partner-content-book-info__text-container {
	max-width: 16rem
}

@media(max-width:25.8125em) {
	.partner-content-book-info__text-container {
		max-width: 14rem
	}
}

.partner-content-book-info__dark-theme {
	color: #fff
}

.partner-content-book-info__dark-theme-button {
	border: .1rem solid #fff;
	color: #fff
}

.partner-content-book-info__dark-theme-book-image {
	background-color: #e5e5e5;
	border-radius: .4rem;
	height: 10.5rem;
	object-fit: cover;
	width: 7rem
}

@media(max-width:33.6875em) {
	.partner-content-book-info__dark-theme-book-image {
		height: 8.5rem;
		width: 5rem
	}
}

.partner-content-partner-info {
	letter-spacing: 0
}

.partner-content-partner-info__flex {
	display: flex
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__flex {
		justify-content: center;
		margin-block-end: 3rem
	}
}

.partner-content-partner-info__logo-container {
	margin-inline-end: 1rem
}

.partner-content-partner-info__block-logo-container {
	margin-block-start: -.7rem;
	margin-inline-end: 2rem
}

@media(max-width:33.6875em) {
	.partner-content-partner-info__block-logo-container {
		margin-inline: -1rem 1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__block-logo-container {
		margin-inline: -3rem 1rem
	}
}

.partner-content-partner-info__small-text {
	color: #7f7f7f;
	font-size: 1.3rem;
	font-weight: 700
}

@media(max-width:33.6875em) {
	.partner-content-partner-info__small-text {
		font-size: 1.1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__small-text {
		font-size: 1.3rem
	}
}

.partner-content-partner-info__black-text {
	color: #000;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 2.1rem;
	margin-block-end: .75rem
}

@media(max-width:33.6875em) {
	.partner-content-partner-info__black-text {
		font-size: 1.1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__black-text {
		font-size: 1.3rem
	}
}

.partner-content-partner-info__button {
	border: .1rem solid #444;
	border-radius: .6rem;
	color: #444;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 700;
	padding-block: .3rem;
	padding-inline: .8rem;
	text-decoration: none
}

@media(max-width:33.6875em) {
	.partner-content-partner-info__button {
		font-size: 1rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__button {
		font-size: 1.2rem
	}
}

.partner-content-partner-info__nbic-logo {
	height: 6.2rem;
	object-fit: fill;
	width: 7.3rem
}

.partner-content-partner-info__nbic-logo-light-bulb {
	height: 8rem;
	object-fit: cover;
	width: 13.8rem
}

@media(max-width:33.6875em) {
	.partner-content-partner-info__nbic-logo-light-bulb {
		height: 6rem;
		width: 11.8rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-partner-info__nbic-logo-light-bulb {
		height: 4.5rem;
		width: 9rem
	}
}

.partner-content-partner-info__dark-theme {
	color: #fff
}

.partner-content-partner-info__dark-theme-button {
	border: .1rem solid #fff;
	color: #fff
}

.partner-content-author-card {
	letter-spacing: 0;
	padding-block-end: 2.5rem
}

.partner-content-author-card__flex {
	display: flex;
	padding-block-end: 3rem
}

.partner-content-author-card__image-container {
	margin-inline-end: 1rem;
	width: 7.3rem
}

.partner-content-author-card__author-container {
	align-items: center
}

.partner-content-author-card__author-name-text {
	color: #000;
	font-size: 1.7rem;
	font-weight: 700
}

.partner-content-author-card__author-image {
	background-color: #e5e5e5;
	border-radius: 50%;
	height: 6.1rem;
	object-fit: cover;
	width: 6.1rem
}

.partner-content-author-card__author-image--dark-border {
	border-color: #000
}

.lesson-progress {
	align-items: center;
	display: flex;
	height: 3rem;
	justify-content: center;
	position: absolute;
	width: 3rem
}

.lesson-progress--legacy-cover {
	inset-block-start: 1.3rem;
	inset-inline-end: 2.5rem
}

.overview--modern .lesson-progress--legacy-cover {
	inset-inline-end: .2rem
}

.lesson-progress--legacy-sidebar {
	inset-block-start: 1.1rem;
	inset-inline-end: 1.3rem
}

.lesson-progress--inactive {
	pointer-events: none
}

.lesson-progress__graphic--legacy-cover,
.lesson-progress__graphic--legacy-sidebar {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	padding-block: .5rem;
	padding-inline: .5rem;
	width: 100%
}

.lesson-progress__action {
	cursor: pointer;
	height: 100%;
	width: 100%
}

.lesson-progress__action--disabled {
	cursor: not-allowed
}

.lesson-progress__tooltip--legacy {
	inset-block-end: calc(100% - 1rem);
	inset-inline-start: 50%;
	margin-block-end: 1rem;
	max-width: none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	white-space: nowrap
}

.lesson-progress__tooltip--legacy--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.lesson-progress__tooltip--legacy__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: .6rem;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative;
	text-align: center
}

.lesson-progress__tooltip--legacy__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.lesson-progress__tooltip--legacy__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.lesson-progress__tooltip--legacy__inner--dark:after {
	border-bottom-color: #f8f8f8;
	border-right-color: #f8f8f8
}

.organic .lesson-progress {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute
}

.organic .lesson-progress--compact {
	height: 2.5rem;
	inset-block-start: 2.1rem;
	inset-inline-end: 1.1rem;
	width: 2.5rem
}

.organic .lesson-progress--cover {
	height: 2.8rem;
	inset-block-start: 1rem;
	inset-inline-end: 2.5rem;
	width: 2.8rem
}

.organic .lesson-progress--sidebar {
	height: 2.5rem;
	inset-block-start: 1rem;
	inset-inline-end: 1.3rem;
	width: 2.5rem
}

.organic .lesson-progress--overlay {
	height: 4.2rem;
	inset-block-start: 2.2rem;
	inset-inline-end: 2.3rem;
	width: 4.2rem
}

@media(max-width:29.9375em) {
	.organic .lesson-progress--overlay {
		height: 2.4rem;
		inset-block-start: .7rem;
		inset-inline-end: .1rem;
		width: 2.4rem
	}
}

.organic .lesson-progress--inactive {
	pointer-events: none
}

.organic .lesson-progress__graphic {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	padding-block: .5rem;
	padding-inline: .5rem;
	width: 100%
}

.organic .lesson-progress__action {
	cursor: pointer
}

.organic .lesson-progress__tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	max-width: none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	white-space: nowrap;
	width: max-content
}

.organic .lesson-progress__tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .lesson-progress__tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .lesson-progress__tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .lesson-progress__tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .lesson-progress__tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .progress-circle {
	height: 100%;
	overflow: visible;
	width: 100%
}

.organic .progress-circle__track {
	stroke: var(--color-progress-circle-track, #00000026)
}

.organic .progress-circle__track--theme-default {
	--color-progress-circle-track: #00000026
}

.organic .progress-circle__track--circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.organic .progress-circle__track--incomplete-complete {
	--color-progress-circle-track: #919191
}

@media(forced-colors:active) {
	.organic .progress-circle__track {
		stroke: CanvasText;
		stroke-width: 4
	}
}

.organic .progress-circle__runner {
	stroke: var(--color-progress-circle-runner, var(--color-theme));
	transition: stroke-dashoffset .4s ease-out, fill .3s ease .3s, stroke .3s ease .3s
}

.organic .progress-circle__runner--circular-fill {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.organic .progress-circle__runner--done,
.organic .progress-circle__runner--unstarted {
	transition: none
}

.organic .progress-circle__runner--done {
	fill: var(--color-progress-circle-runner, var(--color-theme))
}

.organic .progress-circle__runner--done.progress-circle__runner--failed {
	fill: var(--color-progress-circle-runner-bg-fail, #000);
	stroke: var(--color-progress-circle-runner-stroke-fail, #000);
	stroke-width: var(--stroke-width-progress-circle-runner-fail, .2rem)
}

@media(forced-colors:active) {
	.organic .progress-circle__runner--done {
		fill: Canvas;
		stroke: Canvas
	}

	.organic .progress-circle__runner {
		stroke: MarkText
	}
}

.organic .progress-circle__fail,
.organic .progress-circle__pass {
	opacity: 0;
	transition: opacity .3s .3s;
	visibility: hidden
}

.organic .progress-circle__fail--done,
.organic .progress-circle__pass--done {
	transition: none
}

.organic .progress-circle__fail--visible,
.organic .progress-circle__pass--visible {
	opacity: 1;
	visibility: visible
}

@media(forced-colors:active) {

	.organic .progress-circle__fail,
	.organic .progress-circle__pass {
		fill: CanvasText
	}
}

.organic .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #fff)
}

@media(forced-colors:active) {
	.organic .progress-circle__pass {
		fill: CanvasText !important
	}
}

.organic .progress-circle__fail {
	fill: var(--color-progress-circle-fail, #fff)
}

@media(forced-colors:active) {
	.organic .lesson-progress__action .progress-circle__track {
		stroke: LinkText
	}

	.organic .lesson-progress__action .progress-circle__fail,
	.organic .lesson-progress__action .progress-circle__pass {
		fill: LinkText
	}
}

.organic .nav-compact {
	--color-nav-compact-bg-dark: #1a1a1a;
	--color-nav-compact-bg-light: #fff;
	--color-nav-compact-contrast: #000;
	--color-nav-compact-header-bg: inherit;
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-nav-compact-progress-runner: var(--color-theme);
	--color-nav-compact-progress-track: #eee;
	inset-block-end: 2rem;
	inset-inline-start: 4rem;
	position: fixed;
	transition-duration: .3s;
	transition-property: opacity, visibility, bottom;
	transition-timing-function: ease;
	z-index: 7
}

.organic .nav-compact--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.organic .nav-compact--light {
	--color-nav-compact-bg: #fff;
	--color-nav-compact-header-control-hover-bg: #00000040;
	--color-nav-compact-outline-item-active-bg: #f5f5f5;
	--color-nav-compact-outline-item-link-hover-bg: #e5e5e5;
	--color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
	--color-nav-compact-outline-scrollbar-thumb-border: #f5f5f5;
	--color-nav-compact-outline-section-text: #000;
	--color-nav-compact-outline-section-toggle-icon: #000;
	--color-progress-circle-fail: #fff;
	--color-progress-circle-runner-fail: #000
}

.organic .nav-compact--dark,
.organic .nav-compact--image-dark-overlay {
	--color-nav-compact-contrast: #fff;
	--color-nav-compact-header-control-hover-bg: #ffffff40
}

.organic .nav-compact--dark.nav-compact--progress-circular-fill,
.organic .nav-compact--dark.nav-compact--progress-incomplete-complete,
.organic .nav-compact--image-dark-overlay.nav-compact--progress-circular-fill,
.organic .nav-compact--image-dark-overlay.nav-compact--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-compact--dark {
	--color-nav-compact-bg: var(--color-nav-compact-bg-dark);
	--color-nav-compact-outline-item-active-bg: #000;
	--color-nav-compact-outline-item-link-hover-bg: #313537;
	--color-nav-compact-outline-scrollbar-thumb-bg: #757575;
	--color-nav-compact-outline-scrollbar-thumb-border: #1a1a1a;
	--color-nav-compact-outline-section-text: #fff;
	--color-nav-compact-outline-section-toggle-icon: #fff;
	--color-nav-compact-progress-track: #fff3;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-fail: var(--color-nav-compact-bg-light)
}

.organic .nav-compact--image-dark-overlay {
	--color-nav-compact-header-bg: #fff;
	--color-nav-compact-progress-runner: var(--color-nav-compact-bg-light);
	--color-nav-compact-progress-track: #ffffff4d
}

.organic .nav-compact--image-light-overlay {
	--color-nav-compact-header-bg: #fff;
	--color-nav-compact-contrast: #000;
	--color-nav-compact-progress-runner: #1a1a1a;
	--color-nav-compact-progress-track: #0000004d
}

.organic .nav-compact--accent {
	--color-nav-compact-contrast: var(--color-theme-contrast);
	--color-nav-compact-header-bg: var(--color-theme);
	--color-nav-compact-header-control-hover-bg: rgb(var(--color-theme-contrast-rgb), 0.25);
	--color-nav-compact-progress-runner: var(--color-nav-compact-contrast);
	--color-nav-compact-progress-track: rgb(var(--color-theme-contrast-rgb), 0.3)
}

.organic .nav-compact .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.organic .nav-compact .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #000)
}

.organic .nav-compact .progress-circle__runner--failed {
	fill: var(--color-progress-circle-runner-fail);
	stroke: var(--color-progress-circle-runner-fail)
}

.organic .nav-compact--navNextIsVisible {
	inset-block-end: 8.4rem
}

.organic .nav-compact__wrap {
	background-color: var(--color-nav-compact-bg);
	border-radius: 1.2rem;
	filter: drop-shadow(0 4px 40px rgba(0, 0, 0, .15));
	font-family: var(--font-family-body);
	outline: 1px solid #0000;
	transition: transform .3s ease;
	width: 24rem
}

.organic .nav-compact--dark .nav-compact__wrap {
	border-top-left-radius: 1.3rem;
	border-top-right-radius: 1.3rem
}

.organic .nav-compact--dark .nav-compact__wrap--collapsed {
	border-radius: 1.3rem
}

.organic .nav-compact__header,
.organic .nav-compact__header-image {
	background-color: var(--color-nav-compact-header-bg);
	border-radius: 12px 12px 0 0;
	transition: border-radius .4s
}

.organic .nav-compact__header--collapsed,
.organic .nav-compact__header-image--collapsed {
	border-radius: 12px
}

.organic .nav-compact__header,
.organic .nav-compact__header-inner {
	position: relative
}

.organic .nav-compact__header {
	padding-block: 1.2rem;
	padding-inline: 1.5rem
}

.organic .nav-compact__header--collapsed {
	padding-block: 1.5rem;
	padding-inline: 1.5rem
}

.organic .nav-compact__header-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.organic .nav-compact__header-controls {
	color: var(--color-nav-compact-contrast, #000);
	display: flex;
	inset-block-start: -.4rem;
	inset-inline-end: 0;
	position: absolute
}

.organic .nav-compact__header-control {
	align-items: center;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	height: 2rem;
	justify-content: center;
	margin-inline-start: .4rem;
	width: 2rem
}

.organic .nav-compact__header-control:hover {
	background-color: var(--color-nav-compact-header-control-hover-bg);
	color: currentColor
}

.organic .nav-compact__header-search-icon {
	height: 1.3rem;
	width: 1.2rem
}

.organic .nav-compact__header-toggle-icon {
	height: .7rem;
	width: 1.2rem
}

.organic .nav-compact__header-counter {
	color: var(--color-nav-compact-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-block-end: 1.2rem
}

.organic .nav-compact__header-title {
	display: flex
}

.organic .nav-compact__header-title-link {
	color: var(--color-nav-compact-contrast, #000);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.8rem;
	text-decoration: none
}

.organic .nav-compact__header-title-link--collapsed {
	line-height: 1.9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.organic .nav-compact__header-progress {
	margin-block-start: 1.2rem
}

.organic .nav-compact__header-progress-text {
	color: var(--color-nav-compact-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .15rem;
	line-height: 1.3rem;
	margin-block-end: .6rem
}

.organic .nav-compact__header-progress-text--collapsed {
	height: 0;
	margin-block-end: 0;
	visibility: hidden
}

.organic .nav-compact__header-progress-runner,
.organic .nav-compact__header-progress-track {
	border-radius: 1rem;
	height: .4rem
}

.organic .nav-compact__header-progress-track {
	background-color: var(--color-nav-compact-progress-track)
}

@media(forced-colors:active) {
	.organic .nav-compact__header-progress-track {
		border: .1rem solid #0000
	}
}

.organic .nav-compact__header-progress-runner {
	background-color: var(--color-nav-compact-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.organic .nav-compact__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}

	.organic .nav-compact__header-image+.nav-compact__header-inner .nav-compact__header-progress-track {
		background-color: Canvas;
		border-color: Canvas
	}
}

.organic .nav-compact__outline {
	border-radius: 0 0 12px 12px;
	max-height: 35rem;
	overflow: hidden auto;
	transition: max-height .3s
}

.organic .nav-compact__outline-section-list .nav-compact__outline-list-item:last-of-type,
.organic .nav-compact__outline-section:last-of-type .nav-compact__outline-section-empty,
.organic .nav-compact__outline-section:last-of-type .nav-compact__outline-section-toggle--collapsed {
	margin-block-end: .8rem
}

.organic .nav-compact__outline--collapsed {
	max-height: 0;
	overflow: hidden;
	visibility: hidden
}

.organic .nav-compact__outline::-webkit-scrollbar {
	-webkit-appearance: none;
	appearance: none
}

.organic .nav-compact__outline::-webkit-scrollbar:vertical {
	width: .8rem
}

.organic .nav-compact__outline::-webkit-scrollbar-thumb {
	background-color: var(--color-nav-compact-outline-scrollbar-thumb-bg);
	border: .2rem solid var(--color-nav-compact-outline-scrollbar-thumb-border);
	border-radius: .8rem
}

.organic .nav-compact__outline-list-item {
	position: relative
}

.organic .nav-compact__outline-item,
.organic .nav-compact__outline-section-empty,
.organic .nav-compact__outline-section-item,
.organic .nav-compact__outline-section-toggle {
	border-block-start: 1px solid var(--color-nav-compact-outline-item-border)
}

.organic .nav-compact__outline-item :focus,
.organic .nav-compact__outline-section-empty :focus,
.organic .nav-compact__outline-section-item :focus,
.organic .nav-compact__outline-section-toggle :focus {
	outline-offset: -2px;
	outline-width: 2px
}

.organic .nav-compact__outline-item--active:after,
.organic .nav-compact__outline-section-item--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .4rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.organic .nav-compact__outline-item--restricted,
.organic .nav-compact__outline-section-item--restricted {
	cursor: not-allowed
}

.organic .nav-compact__outline-item-tooltip,
.organic .nav-compact__outline-section-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.organic .nav-compact__outline-item-tooltip--visible,
.organic .nav-compact__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .nav-compact__outline-item-tooltip__inner,
.organic .nav-compact__outline-section-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .nav-compact__outline-item-tooltip__inner:after,
.organic .nav-compact__outline-section-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .nav-compact__outline-item-tooltip__inner--dark,
.organic .nav-compact__outline-section-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .nav-compact__outline-item-tooltip__inner--dark:after,
.organic .nav-compact__outline-section-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .nav-compact__outline-item__link,
.organic .nav-compact__outline-section-item__link {
	align-items: center;
	color: var(--color-nav-compact-outline-section-text);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 500;
	justify-content: space-between;
	line-height: 2.2rem;
	min-height: 6.6rem;
	padding-block: 1.5rem;
	padding-inline: 1.2rem 3.6rem;
	text-decoration: none;
	width: 100%
}

.organic .nav-compact__outline-item__link--active,
.organic .nav-compact__outline-section-item__link--active {
	background-color: var(--color-nav-compact-outline-item-active-bg)
}

.organic .nav-compact__outline-item__link:not(.nav-compact__outline-item__link--restricted):focus,
.organic .nav-compact__outline-item__link:not(.nav-compact__outline-item__link--restricted):hover,
.organic .nav-compact__outline-item__link:not(.nav-compact__outline-section-item__link--restricted):focus,
.organic .nav-compact__outline-item__link:not(.nav-compact__outline-section-item__link--restricted):hover,
.organic .nav-compact__outline-section-item__link:not(.nav-compact__outline-item__link--restricted):focus,
.organic .nav-compact__outline-section-item__link:not(.nav-compact__outline-item__link--restricted):hover,
.organic .nav-compact__outline-section-item__link:not(.nav-compact__outline-section-item__link--restricted):focus,
.organic .nav-compact__outline-section-item__link:not(.nav-compact__outline-section-item__link--restricted):hover {
	background-color: var(--color-nav-compact-outline-item-link-hover-bg)
}

.organic .nav-compact__outline-section-empty,
.organic .nav-compact__outline-section-toggle {
	align-items: center;
	color: var(--color-nav-compact-outline-section-toggle-icon);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1.8rem;
	padding-block: .4rem;
	padding-inline: 1.6rem 1.9rem;
	text-align: start;
	text-transform: uppercase;
	width: 100%
}

.organic .nav-compact__outline-section-empty {
	padding-inline-end: 3.7rem
}

.organic .nav-compact__outline-section-toggle {
	cursor: pointer
}

.organic .nav-compact__outline-section-toggle-icon {
	flex: 0 0 auto;
	margin-block: 0;
	margin-inline: .75rem 0;
	transition: transform .3s;
	width: .9rem
}

.organic .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .organic .nav-compact__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

@media(forced-colors:active) {
	.organic .nav-compact__outline-section-toggle-icon {
		color: ButtonText
	}
}

.organic .nav-compact__outline-section-list {
	transition: max-height .3s, opacity .5s
}

.organic .nav-compact__outline-section-list--collapsed {
	max-height: 0 !important;
	opacity: 0;
	overflow: hidden
}

@keyframes organic-nav-compact-enter {
	0% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes organic-nav-compact-exit {
	0% {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.organic .lesson--entering .nav-compact {
	animation: organic-nav-compact-enter .4s
}

.organic .lesson--exiting .nav-compact {
	animation: organic-nav-compact-exit .4s;
	opacity: 0
}

.organic .nav-overlay {
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-header-control-btn-hover: #00000040;
	--color-nav-overlay-header-progress-runner: var(--color-theme);
	--color-nav-overlay-outline-item-bg-hover: #0000000a;
	--color-nav-overlay-outline-item-icon: #525252;
	--color-nav-overlay-outline-section-divider: #55585a26;
	--color-nav-overlay-progress-track: #0000001a;
	--color-nav-overlay-search-container-border-block-end: #000;
	--color-nav-overlay-search-input-placeholder: #20212180;
	--color-progress-circle-fail: #fff;
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-progress-circle-runner-bg-fail: #000;
	--color-progress-circle-runner-stroke-fail: #000;
	--color-progress-circle-runner: var(--color-theme);
	--color-progress-circle-track: #00000026;
	--color-progress-circle-background: var(--color-theme);
	--stroke-width-progress-circle-runner-fail: 0.1rem;
	background-color: var(--color-nav-overlay-bg)
}

.organic .nav-overlay--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.organic .nav-overlay--accent {
	--color-nav-overlay-bg: var(--color-theme);
	--color-nav-overlay-contrast: var(--color-theme-contrast);
	--color-nav-overlay-header-control-btn-hover: rgb(var(--color-theme-contrast-rgb), 0.1);
	--color-nav-overlay-outline-item-bg-hover: rgb(var(--color-theme-contrast-rgb), 0.1);
	--color-nav-overlay-outline-item-icon: var(--color-nav-overlay-contrast);
	--color-nav-overlay-header-progress-runner: var(--color-nav-overlay-contrast);
	--color-nav-overlay-outline-section-divider: var(--color-nav-overlay-contrast);
	--color-nav-overlay-progress-track: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-nav-overlay-search-container-border-block-end: var(--color-nav-overlay-contrast);
	--color-nav-overlay-search-input-placeholder: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-progress-circle-background: var(--color-nav-overlay-contrast);
	--color-progress-circle-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-pass: var(--color-theme);
	--color-progress-circle-runner: var(--color-nav-overlay-contrast);
	--color-progress-circle-runner-bg-fail: var(--color-theme-contrast-complementary);
	--color-progress-circle-runner-stroke-fail: var(--color-nav-overlay-contrast);
	--color-progress-circle-track: rgb(var(--color-theme-contrast-rgb), 0.15)
}

.organic .nav-overlay--accent.nav-overlay--progress-circular-fill,
.organic .nav-overlay--accent.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme-contrast)
}

.organic .nav-overlay--accent-tint {
	--color-nav-overlay-bg: var(--color-theme-tint)
}

.organic .nav-overlay--dark,
.organic .nav-overlay--image-dark-overlay {
	--color-nav-overlay-contrast: #fff;
	--color-nav-overlay-header-control-btn-hover: #ffffff40;
	--color-nav-overlay-outline-item-bg-hover: #fafafa0f;
	--color-nav-overlay-outline-section-divider: #3d3d3d;
	--color-nav-overlay-progress-track: #ffffff4d;
	--color-nav-overlay-search-container-border-block-end: #fff;
	--color-nav-overlay-search-input-placeholder: #ffffff80;
	--color-progress-circle-runner-stroke-fail: #fff;
	--stroke-width-progress-circle-runner-fail: 0.1rem
}

.organic .nav-overlay--dark {
	--color-nav-overlay-bg: #1a1a1a;
	--color-nav-overlay-outline-item-icon: #acacac;
	--color-progress-circle-runner-stroke-fail: #fff;
	--color-progress-circle-track: #ffffff26
}

.organic .nav-overlay--dark.nav-overlay--progress-circular-fill,
.organic .nav-overlay--dark.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-overlay--gray {
	--color-nav-overlay-bg: #fafafa
}

.organic .nav-overlay--image-dark-overlay {
	--color-nav-overlay-bg: #fff;
	--color-nav-overlay-header-progress-runner: #fff;
	--color-nav-overlay-outline-item-icon: #fff;
	--color-nav-overlay-outline-section-divider: #ffffff4d;
	--color-progress-circle-background: #fff;
	--color-progress-circle-pass: #000;
	--color-progress-circle-runner: #fff;
	--color-progress-circle-track: #e1e1e180
}

.organic .nav-overlay--image-dark-overlay.nav-overlay--progress-circular-fill,
.organic .nav-overlay--image-dark-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #fff
}

.organic .nav-overlay--image-light-overlay {
	--color-nav-overlay-bg: #fff;
	--color-nav-overlay-contrast: #000;
	--color-nav-overlay-header-progress-runner: #000;
	--color-progress-circle-background: #000;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-bg-fail: #fff;
	--color-progress-circle-runner: #000;
	--color-progress-circle-pass: #fff
}

.organic .nav-overlay--image-light-overlay.nav-overlay--progress-circular-fill,
.organic .nav-overlay--image-light-overlay.nav-overlay--progress-incomplete-complete {
	--color-progress-circle-track: #000
}

.organic .nav-overlay--light {
	--color-nav-overlay-bg: #fff
}

.organic .nav-overlay__body {
	height: 100%;
	margin-block: 0;
	margin-inline: auto;
	overflow-y: auto;
	width: 100%
}

.organic .nav-overlay__content {
	display: flex;
	flex-direction: column
}

.organic .nav-overlay__content--has-sticky-header {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.organic .nav-overlay__content--graphic {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.organic .nav-overlay__header-container {
	flex: 1 0;
	padding-block-end: 6rem;
	width: 100%
}

@media(max-width:61.9375em) {
	.organic .nav-overlay__header-container {
		padding-block-end: 4rem
	}
}

.organic .nav-overlay__header-controls {
	color: var(--color-nav-overlay-contrast, #000)
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-controls {
		padding-block: 2.4rem;
		padding-inline: 1.6rem
	}
}

.organic .nav-overlay__header-control-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.organic .nav-overlay__header-control-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.organic .nav-overlay__header-search-icon {
	height: 2.2rem;
	width: 2.2rem
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-search-icon {
		height: 1.6rem;
		width: 1.6rem
	}
}

.organic .nav-overlay__header-close-icon {
	height: 2.2rem;
	width: 2.2rem
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-close-icon {
		height: 1.6rem;
		width: 1.6rem
	}
}

.organic .nav-overlay__header-title-progress-container {
	margin-block: 0;
	margin-block-start: -6.2rem;
	margin-inline: auto;
	max-width: 70rem
}

@media(min-width:75em) {
	.organic .nav-overlay__header-title-progress-container {
		max-width: 85rem
	}
}

@media(max-width:61.9375em) {
	.organic .nav-overlay__header-title-progress-container {
		margin-block: -1rem 0;
		margin-inline: 6rem;
		max-width: 87.2rem
	}
}

@media(max-width:47.9375em) {
	.organic .nav-overlay__header-title-progress-container {
		margin-block: -1rem 0;
		margin-inline: 8.1rem;
		max-width: 60.8rem
	}
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-title-progress-container {
		margin-block: 0;
		margin-inline: 1.6rem
	}
}

.organic .nav-overlay__header-title {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	padding-block-end: 1.2rem
}

@media(max-width:61.9375em) {
	.organic .nav-overlay__header-title {
		max-width: 85rem
	}
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-title {
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 2rem
	}
}

.organic .nav-overlay__header-title-link {
	color: var(--color-nav-overlay-contrast, #000);
	cursor: pointer;
	font-family: var(--font-family-head);
	text-decoration: none
}

.organic .nav-overlay__header-progress-text {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 1.5px;
	line-height: 1.3rem;
	margin-block-start: 1.2rem
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__header-progress-text {
		font-size: 1rem
	}
}

.organic .nav-overlay__header-progress-runner,
.organic .nav-overlay__header-progress-track {
	height: .2rem;
	transition: background-color .3s
}

.organic .nav-overlay__header-progress-track {
	background-color: var(--color-nav-overlay-progress-track)
}

@media(forced-colors:active) {
	.organic .nav-overlay__header-progress-track {
		background-color: Canvas;
		border: .1rem solid #0000;
		height: .4rem
	}
}

.organic .nav-overlay__header-progress-runner {
	background-color: var(--color-nav-overlay-header-progress-runner);
	transition: width .6s
}

@media(forced-colors:active) {
	.organic .nav-overlay__header-progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}

	.organic .nav-overlay--image-dark-overlay .nav-overlay__header-progress-track {
		border: .1rem solid Canvas
	}
}

.organic .nav-overlay__outline {
	margin-block: 0;
	margin-block-start: 1rem;
	margin-inline: auto;
	max-width: 70rem
}

@media(min-width:75em) {
	.organic .nav-overlay__outline {
		max-width: 85rem
	}
}

@media(max-width:61.9375em) {
	.organic .nav-overlay__outline {
		margin-block: 0;
		margin-inline: 6rem;
		max-width: 87.2rem
	}
}

@media(max-width:47.9375em) {
	.organic .nav-overlay__outline {
		margin-block: 0;
		margin-inline: 8.1rem;
		max-width: 60.8rem
	}
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__outline {
		margin-block: 0 2rem;
		margin-inline: 1.6rem
	}
}

.organic .nav-overlay__outline-list-item {
	align-items: baseline;
	border-block-end: .1rem solid var(--color-nav-overlay-outline-section-divider);
	display: flex;
	justify-content: space-between;
	position: relative
}

.organic .nav-overlay__outline-list-item--first {
	border-block-start: .1rem solid var(--color-nav-overlay-outline-section-divider);
	margin-block-start: 2.5rem
}

.organic .nav-overlay__outline-list-item--last {
	margin-block-end: 3rem
}

.organic .nav-overlay__outline-section-list {
	padding-block-end: 4.8rem
}

@media(max-width:61.9375em) {
	.organic .nav-overlay__outline-section-list {
		padding-block-end: 1rem
	}
}

.organic .nav-overlay__outline-section-text {
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.2rem;
	text-transform: uppercase
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__outline-section-text {
		font-size: 1rem;
		line-height: 1.8rem
	}
}

.organic .nav-overlay__outline-section-divider {
	border-block-end: .1rem solid var(--color-nav-overlay-outline-section-divider);
	margin-block-start: 2rem
}

.organic .nav-overlay__outline-item {
	padding-block-start: 2.1rem;
	width: 100%
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__outline-item {
		padding-block-start: .9rem
	}
}

.organic .nav-overlay__outline-item--section {
	padding-block-start: 0
}

.organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):active:before,
.organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):hover:before {
	background-color: var(--color-nav-overlay-outline-item-bg-hover);
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

@media(max-width:29.9375em) {

	.organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):active:before,
	.organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):hover:before {
		background-color: var(--color-nav-overlay-outline-item-bg-hover);
		content: "";
		inset-block: -.2rem;
		inset-inline: -.2rem;
		position: absolute
	}
}

.organic .nav-overlay__outline-item--section__link,
.organic .nav-overlay__outline-item__link {
	align-items: baseline;
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -.2px;
	line-height: 4rem;
	margin-block-end: 2.7rem;
	padding-inline: 2.3rem 7.5rem;
	text-decoration: none
}

@media(max-width:61.9375em) {

	.organic .nav-overlay__outline-item--section__link,
	.organic .nav-overlay__outline-item__link {
		line-height: 4.6rem;
		padding-inline-start: 3rem
	}
}

@media(max-width:47.9375em) {

	.organic .nav-overlay__outline-item--section__link,
	.organic .nav-overlay__outline-item__link {
		font-size: 2.8rem
	}
}

@media(max-width:29.9375em) {

	.organic .nav-overlay__outline-item--section__link,
	.organic .nav-overlay__outline-item__link {
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 2.2rem;
		margin-block-end: 1.8rem;
		padding-inline-start: 0
	}
}

.organic .nav-overlay__outline-item--section__link--restricted,
.organic .nav-overlay__outline-item__link--restricted {
	cursor: not-allowed
}

.organic .nav-overlay__outline-item--section__link--restricted:hover,
.organic .nav-overlay__outline-item__link--restricted:hover {
	color: #707070
}

.organic .nav-overlay__outline-item--section-link-icon,
.organic .nav-overlay__outline-item-link-icon {
	color: var(--color-nav-overlay-outline-item-icon);
	forced-color-adjust: auto;
	height: auto;
	min-width: 2.5rem;
	pointer-events: none;
	z-index: 1
}

@media(max-width:61.9375em) {

	.organic .nav-overlay__outline-item--section-link-icon,
	.organic .nav-overlay__outline-item-link-icon {
		min-width: 2.2rem
	}
}

@media(max-width:47.9375em) {

	.organic .nav-overlay__outline-item--section-link-icon,
	.organic .nav-overlay__outline-item-link-icon {
		min-width: 2rem
	}
}

@media(max-width:29.9375em) {

	.organic .nav-overlay__outline-item--section-link-icon,
	.organic .nav-overlay__outline-item-link-icon {
		padding-inline-end: .3rem
	}
}

.organic .nav-overlay__outline-item--section-link-icon--quiz,
.organic .nav-overlay__outline-item-link-icon--quiz {
	align-self: center;
	margin-block-start: .4rem
}

.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):active:before,
.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):hover:before {
	background-color: var(--color-nav-overlay-outline-item-bg-hover);
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

@media(max-width:29.9375em) {

	.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):active:before,
	.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):hover:before {
		background-color: var(--color-nav-overlay-outline-item-bg-hover);
		content: "";
		inset-block: -.2rem;
		inset-inline: -.2rem;
		position: absolute
	}
}

.organic .nav-overlay__outline-lesson-title {
	display: block;
	margin-inline-start: 3.2rem;
	width: 100%;
	z-index: 1
}

@media(max-width:29.9375em) {
	.organic .nav-overlay__outline-lesson-title {
		margin-inline-start: 1.6rem;
		padding-inline-end: 4rem
	}
}

.organic .nav-overlay__outline-section {
	padding-block-start: 0
}

.organic .nav-overlay__outline-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.organic .nav-overlay__outline-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .nav-overlay__outline-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .nav-overlay__outline-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .nav-overlay__outline-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .nav-overlay__outline-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .nav-overlay__search {
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%
}

.organic .nav-overlay__search-header {
	display: flex;
	justify-content: flex-end
}

.organic .nav-overlay__search-close-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.organic .nav-overlay__search-close-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.organic .nav-overlay__search-close-icon {
	height: 2.2rem;
	width: 2.2rem
}

.organic .nav-overlay__search-container {
	border-block-end: .4rem solid var(--color-nav-overlay-search-container-border-bottom);
	color: var(--color-nav-overlay-contrast, #000);
	display: flex;
	margin-block-start: 18rem;
	padding-block-end: 1.3rem;
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.organic .nav-overlay__search-container {
		margin-block-start: 31.3rem;
		padding-block-end: 1.5rem
	}
}

@media(min-width:75em) {
	.organic .nav-overlay__search-container {
		padding-block-end: 2.5rem
	}
}

.organic .nav-overlay__search-body {
	margin-block: 0;
	margin-inline: 1.6rem;
	width: 101.8rem
}

@media(min-width:30em) {
	.organic .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 4rem
	}
}

@media(min-width:75em) {
	.organic .nav-overlay__search-body {
		margin-block: 0;
		margin-inline: 5.6rem
	}
}

.organic .nav-overlay__search-header {
	color: var(--color-nav-overlay-contrast, #000);
	inset-block-start: 0;
	inset-inline-start: 0;
	padding-block: 2rem;
	padding-inline: 1.6rem;
	position: absolute;
	width: 100%
}

@media(min-width:48em) {
	.organic .nav-overlay__search-header {
		padding-block: 3.2rem;
		padding-inline: 2.8rem
	}
}

.organic .nav-overlay__search-icon {
	flex-shrink: 0;
	height: 3.3rem;
	width: 3.3rem
}

@media(min-width:48em) {
	.organic .nav-overlay__search-icon {
		height: 5.7rem;
		width: 5.7rem
	}
}

@media(min-width:75em) {
	.organic .nav-overlay__search-icon {
		height: 7.8rem;
		width: 7.8rem
	}
}

.organic .nav-overlay__search-input {
	background: #0000;
	border: none;
	color: var(--color-nav-overlay-contrast, #000);
	font-size: 3.2rem;
	margin-block: 0;
	margin-inline: 1.6rem;
	outline: none;
	position: relative;
	width: 100%
}

.organic .nav-overlay__search-input::placeholder {
	color: var(--color-nav-overlay-search-input-placeholder);
	font-weight: 700;
	text-transform: capitalize
}

@media(min-width:48em) {
	.organic .nav-overlay__search-input {
		font-size: 5.6rem;
		line-height: normal;
		margin-block: 0;
		margin-inline: 2.5rem
	}
}

@media(min-width:75em) {
	.organic .nav-overlay__search-input {
		font-size: 7.2rem;
		line-height: 9rem;
		margin-block: 0;
		margin-inline: 4rem
	}
}

.organic .nav-overlay__search-input-wrap {
	position: relative;
	width: 100%
}

.organic .nav-overlay__search-clear-btn {
	padding-block: .5rem 0;
	padding-inline: .5rem
}

.organic .nav-overlay__search-clear-btn:hover {
	background-color: var(--color-nav-overlay-header-control-btn-hover);
	border-radius: .3rem
}

.organic .nav-overlay__search-actions {
	display: flex;
	justify-content: center
}

.organic .nav-overlay__search-submit-btn {
	background: #fff;
	border: .2rem solid #000;
	border-radius: 3rem;
	color: #000;
	cursor: pointer;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.1rem;
	margin-block: 3.5rem;
	margin-inline: 0;
	min-width: 18rem;
	padding-block: 1.73rem;
	padding-inline: 3.3rem;
	text-transform: uppercase;
	width: 100%
}

@media(min-width:30em) {
	.organic .nav-overlay__search-submit-btn {
		width: auto
	}
}

@media(min-width:48em) {
	.organic .nav-overlay__search-submit-btn {
		visibility: hidden
	}
}

.organic .nav-overlay__search-clear-icon {
	height: 2rem;
	width: 2rem
}

@media(min-width:48em) {
	.organic .nav-overlay__search-clear-icon {
		height: 4rem;
		width: 4rem
	}
}

@media(min-width:75em) {
	.organic .nav-overlay__search-clear-icon {
		height: 6rem;
		width: 6rem
	}
}

.organic .nav-sidebar {
	--color-nav-sidebar-contrast: #000;
	--color-nav-sidebar-search-btn-hover: #00000040;
	--color-progress-circle-pass: var(--color-theme-contrast);
	--color-progress-circle-track: #00000026
}

.organic .nav-sidebar--progress-circular-fill {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: #919191
}

.organic .nav-sidebar--light {
	--color-nav-content-background: #f5f5f5;
	--color-nav-sidebar-header-content: #000;
	--color-nav-sidebar-outline-item-border: #e4e4e4;
	--color-nav-sidebar-outline-item-link-active: #fff;
	--color-nav-sidebar-outline-item-link-hover: #e6e6e6;
	--color-nav-sidebar-outline-item-link-icon: #525252;
	--color-nav-sidebar-outline-item-link: #000;
	--color-nav-sidebar-outline-section-text: #000;
	--color-nav-sidebar-outline-section-toggle-icon: #000;
	--color-nav-sidebar-search-result-link-hover-bg: #f5f5f5;
	--color-nav-sidebar-search-result-link: #000;
	--color-nav-sidebar-search-results-message: #000;
	--color-progress-circle-fail: #fff;
	--color-progress-circle-runner-fail: #000
}

.organic .nav-sidebar--dark {
	--color-nav-content-background: #1a1a1a;
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-header-content: #fff;
	--color-nav-sidebar-outline-item-border: #373737;
	--color-nav-sidebar-outline-item-link-active: #000;
	--color-nav-sidebar-outline-item-link-hover: #313537;
	--color-nav-sidebar-outline-item-link-icon: #acacac;
	--color-nav-sidebar-outline-item-link: #fff;
	--color-nav-sidebar-outline-section-text: #fff;
	--color-nav-sidebar-outline-section-toggle-icon-hover: #fff;
	--color-nav-sidebar-outline-section-toggle-icon: #767676;
	--color-nav-sidebar-search-result-link-hover-bg: #000;
	--color-nav-sidebar-search-result-link: #fff;
	--color-nav-sidebar-search-results-message: #fff;
	--color-progress-circle-fail: #000;
	--color-progress-circle-runner-fail: #fff;
	--color-progress-circle-track: #ffffff26
}

.organic .nav-sidebar--dark.nav-sidebar--progress-circular-fill,
.organic .nav-sidebar--dark.nav-sidebar--progress-incomplete-complete {
	--color-progress-circle-track: var(--color-theme)
}

.organic .nav-sidebar--image-dark-overlay {
	--color-nav-sidebar-contrast: #fff;
	--color-nav-sidebar-progress-track: #ffffff80;
	--color-nav-sidebar-search-btn-hover: #ffffff40
}

.organic .nav-sidebar--image-light-overlay {
	--color-nav-sidebar-contrast: #000;
	--color-nav-sidebar-progress-track: #0000004d
}

.organic .nav-sidebar--accent {
	--color-nav-sidebar-contrast: var(--color-theme-contrast);
	--color-nav-sidebar-progress-track: rgb(var(--color-theme-contrast-rgb), 0.3)
}

.organic .nav-sidebar--searching {
	--color-nav-content-background: #fff
}

.organic .nav-sidebar--searching.nav-sidebar--dark {
	--color-nav-content-background: #1a1a1a
}

.organic .nav-sidebar__content {
	background-color: var(--color-nav-content-background);
	font-family: var(--font-family-body);
	width: 28rem
}

.organic .nav-sidebar__outline-list {
	border-block-end: 1px solid var(--color-nav-sidebar-outline-item-border)
}

.organic .nav-sidebar__outline-list-item {
	position: relative
}

.organic .nav-sidebar__outline-item,
.organic .nav-sidebar__outline-section-item,
.organic .nav-sidebar__outline-section-text,
.organic .nav-sidebar__outline-section-toggle {
	border-block-start: 1px solid var(--color-nav-sidebar-outline-item-border)
}

.organic .nav-sidebar__outline-item :focus,
.organic .nav-sidebar__outline-section-item :focus {
	outline-offset: -4px;
	outline-width: 2px
}

.organic .nav-sidebar__outline-item--active:after,
.organic .nav-sidebar__outline-section-item--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .5rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.organic .nav-sidebar__outline-item--restricted,
.organic .nav-sidebar__outline-section-item--restricted {
	cursor: not-allowed
}

.organic .nav-sidebar__outline-item-tooltip,
.organic .nav-sidebar__outline-section-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.organic .nav-sidebar__outline-item-tooltip--visible,
.organic .nav-sidebar__outline-section-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .nav-sidebar__outline-item-tooltip__inner,
.organic .nav-sidebar__outline-section-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .nav-sidebar__outline-item-tooltip__inner:after,
.organic .nav-sidebar__outline-section-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .nav-sidebar__outline-item-tooltip__inner--dark,
.organic .nav-sidebar__outline-section-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .nav-sidebar__outline-item-tooltip__inner--dark:after,
.organic .nav-sidebar__outline-section-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .nav-sidebar__outline-item__link,
.organic .nav-sidebar__outline-section-item__link {
	align-items: center;
	color: var(--color-nav-sidebar-outline-item-link);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.2rem;
	min-height: 10.5rem;
	padding-block: 3.6rem 2.4rem;
	padding-inline: 1.8rem;
	text-decoration: none;
	width: 100%
}

.organic .nav-sidebar__outline-item__link--active,
.organic .nav-sidebar__outline-section-item__link--active {
	background-color: var(--color-nav-sidebar-outline-item-link-active)
}

.organic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-item__link--restricted):not(.nav-sidebar__outline-item__link--active):hover,
.organic .nav-sidebar__outline-item__link:not(.nav-sidebar__outline-section-item__link--restricted):not(.nav-sidebar__outline-item__link--active):hover,
.organic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-item__link--restricted):not(.nav-sidebar__outline-item__link--active):hover,
.organic .nav-sidebar__outline-section-item__link:not(.nav-sidebar__outline-section-item__link--restricted):not(.nav-sidebar__outline-item__link--active):hover {
	background-color: var(--color-nav-sidebar-outline-item-link-hover)
}

.organic .nav-sidebar__outline-item-link-icon,
.organic .nav-sidebar__outline-section-item-link-icon {
	color: var(--color-nav-sidebar-outline-item-link-icon);
	forced-color-adjust: auto;
	height: 1.2rem;
	inset-block-start: 1.6rem;
	inset-inline-start: 1.8rem;
	position: absolute;
	transform: scaleX(var(--dir-x));
	width: 1.2rem
}

.organic .nav-sidebar__outline-section-text,
.organic .nav-sidebar__outline-section-toggle {
	align-items: center;
	color: var(--color-nav-sidebar-outline-section-text);
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	justify-content: space-between;
	line-height: 1.8rem;
	padding-block: .4rem;
	padding-inline: 2rem 2.1rem;
	text-align: start;
	text-transform: uppercase;
	width: 100%
}

.organic .nav-sidebar__outline-section-text {
	padding-inline-end: 3.8rem
}

.organic .nav-sidebar__outline-section-toggle {
	cursor: pointer
}

.organic .nav-sidebar__outline-section-toggle:focus {
	outline-offset: -.1rem
}

.organic .nav-sidebar__outline-section-toggle:focus .nav-sidebar__outline-section-toggle-icon,
.organic .nav-sidebar__outline-section-toggle:hover .nav-sidebar__outline-section-toggle-icon {
	color: var(--color-nav-sidebar-outline-section-toggle-icon-hover)
}

.organic .nav-sidebar__outline-section-toggle-icon {
	color: var(--color-nav-sidebar-outline-section-toggle-icon);
	flex: 0 0 auto;
	margin-block: 0;
	margin-inline: .75rem 0;
	transition: transform .3s;
	width: .9rem
}

.organic .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(-90deg)
}

[dir=rtl] .organic .nav-sidebar__outline-section-toggle-icon--collapsed {
	transform: rotate(90deg)
}

@media(forced-colors:active) {
	.organic .nav-sidebar__outline-section-toggle-icon {
		color: ButtonText
	}
}

.organic .nav-sidebar__outline-section-list {
	transition: max-height .3s, opacity .5s
}

.organic .nav-sidebar__outline-section-list--collapsed {
	max-height: 0 !important;
	opacity: 0;
	overflow: hidden
}

@media(forced-colors:active) {
	.organic .nav-sidebar--image-dark-overlay .nav-sidebar-header__progress-track {
		border: .1rem solid Canvas
	}
}

.organic .nav-sidebar .progress-circle__fail {
	fill: var(--color-progress-circle-fail)
}

.organic .nav-sidebar .progress-circle__pass {
	fill: var(--color-progress-circle-pass, #000)
}

.organic .nav-sidebar .progress-circle--sidebar .progress-circle__runner--done.progress-circle__runner--failed {
	stroke: var(--color-progress-circle-runner-fail);
	fill: var(--color-progress-circle-runner-fail)
}

.organic .nav-sidebar-header--searching {
	height: 10.5rem !important
}

.organic .nav-sidebar-header__inner {
	display: flex;
	min-height: 20rem;
	padding-block: 2.4rem 2.8rem;
	padding-inline: 2rem 2.4rem
}

.organic .nav-sidebar-header__inner--compact {
	min-height: 15rem;
	padding-block: 1.6rem 2.4rem;
	padding-inline: 2rem
}

.organic .nav-sidebar-header__search-btn {
	color: var(--color-nav-sidebar-contrast, #000);
	height: 2.6rem;
	inset-block-start: .8rem;
	inset-inline-end: 1.5rem;
	width: 2.6rem
}

.organic .nav-sidebar-header__search-btn:hover {
	background-color: var(--color-nav-sidebar-search-btn-hover);
	border-radius: .3rem
}

.organic .nav-sidebar-header__search-btn--hidden {
	transform: translateY(-1.5rem)
}

.organic .nav-sidebar-header__search-icon {
	height: 1.6rem;
	width: 1.6rem
}

@media(forced-colors:active) {
	.organic .nav-sidebar-header__search-icon {
		color: ButtonText
	}
}

.organic .nav-sidebar-header__search-area {
	inset-block-start: 2.6rem;
	inset-inline: 1.4rem
}

.organic .nav-sidebar-header__search-area--hidden {
	transform: translateY(calc(-100% - 2.7rem))
}

.organic .nav-sidebar-header__graphic {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.organic .nav-sidebar-header__content {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%
}

.organic .nav-sidebar-header__content--hidden {
	inset-inline: 2rem
}

.organic .nav-sidebar-header__title {
	align-items: center;
	color: var(--color-nav-sidebar-contrast, #000);
	display: flex;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.2rem;
	min-height: 11rem;
	padding-block: 2.4rem;
	text-decoration: none
}

.organic .nav-sidebar-header__title--compact {
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-inline-end: 2.4rem;
	min-height: auto;
	padding-block: 0 1.6rem
}

.organic .nav-sidebar-header__progress-runner,
.organic .nav-sidebar-header__progress-track {
	border-radius: 1rem;
	height: .7rem
}

.organic .nav-sidebar-header__progress-track {
	background-color: var(--color-nav-sidebar-progress-track);
	margin-block: 1rem 0;
	margin-inline: 0
}

@media(forced-colors:active) {
	.organic .nav-sidebar-header__progress-track {
		background-color: Canvas;
		border: .1rem solid #0000
	}
}

.organic .nav-sidebar-header__progress-runner {
	background-color: var(--color-nav-sidebar-contrast, #000);
	transition: width .6s
}

@media(forced-colors:active) {
	.organic .nav-sidebar-header__progress-runner {
		background-color: CanvasText !important;
		height: 100%
	}
}

.organic .nav-sidebar-header__progress-text {
	color: var(--color-nav-sidebar-contrast, #000);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .15rem;
	line-height: 1.3rem;
	text-transform: uppercase
}

.organic .nav-sidebar-search {
	border: .1rem solid #0000;
	border-radius: 10rem
}

.organic .nav-sidebar-search__icon {
	color: #000;
	height: 1.6rem;
	inset-block-start: 1.7rem;
	inset-inline-start: 1.6rem;
	pointer-events: none;
	position: absolute;
	width: 1.6rem
}

.organic .nav-sidebar-search__input {
	background-color: #fff;
	border-radius: 10rem;
	font-family: var(--font-family-ui);
	font-size: 1.8rem;
	line-height: 3rem;
	padding-block: 1rem .8rem;
	padding-inline: 4.7rem 4.4rem
}

.organic .nav-sidebar-search__input::placeholder {
	color: #000
}

.organic .nav-sidebar-search__close {
	color: #000;
	height: 2.4rem;
	inset-block-start: 1.2rem;
	inset-inline-end: 2rem;
	position: absolute;
	width: 2.4rem
}

.organic .nav-sidebar-search__close:focus,
.organic .nav-sidebar-search__close:hover {
	color: #000
}

.organic .nav-sidebar-search__close-icon {
	height: 1.4rem;
	width: 1.4rem
}

.organic .nav-sidebar-header-ghost--searching {
	height: 10.5rem !important
}

.organic .nav-sidebar-results {
	font-family: var(--font-family-ui);
	padding-block: 2rem;
	padding-inline: 0
}

.organic .nav-sidebar-results__message {
	color: #707070;
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-block: 0;
	margin-inline: 2.4rem
}

.organic .nav-sidebar-results__term {
	font-style: italic
}

.organic .nav-sidebar-result {
	margin-block-end: 1rem
}

.organic .nav-sidebar-result__inner--active:after {
	border-inline-start-color: var(--color-theme);
	border-inline-start-style: solid;
	border-inline-start-width: .5rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	pointer-events: none;
	position: absolute
}

.organic .nav-sidebar-result__link {
	color: var(--color-nav-sidebar-search-result-link);
	display: block;
	letter-spacing: .05rem;
	padding-block: 1.4rem;
	padding-inline: 2.7rem 3.1rem;
	position: relative;
	text-decoration: none
}

.organic .nav-sidebar-result__link--active,
.organic .nav-sidebar-result__link:focus,
.organic .nav-sidebar-result__link:hover {
	background-color: var(--color-nav-sidebar-search-result-link-hover-bg)
}

.organic .nav-sidebar-result__icon {
	display: none
}

.organic .nav-sidebar-result__title {
	display: block;
	font-size: 1.8rem;
	line-height: 2.8rem
}

.organic .nav-sidebar-result__count {
	color: #707070;
	display: block;
	font-size: 1.2rem;
	line-height: 2.4rem
}

@keyframes organic-nav-sidebar-enter {
	0% {
		opacity: 0
	}

	40% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes organic-nav-sidebar-text-enter {
	0% {
		transform: translateY(25px)
	}

	40% {
		transform: translateY(25px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes organic-nav-sidebar-exit {
	0% {
		opacity: 1
	}

	33% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes organic-nav-sidebar-text-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	33% {
		opacity: 0;
		transform: translateY(25px)
	}

	to {
		opacity: 0;
		transform: translateY(25px)
	}
}

.organic .lesson--entering .nav-sidebar__content {
	animation: organic-nav-sidebar-enter .4s
}

.organic .lesson--entering .nav-sidebar__body>* {
	animation: organic-nav-sidebar-text-enter .4s
}

.organic .lesson--exiting .nav-sidebar__content {
	animation: organic-nav-sidebar-exit .6s;
	animation-fill-mode: forwards
}

.organic .lesson--exiting .nav-sidebar__body>* {
	animation: organic-nav-sidebar-text-exit .6s;
	animation-fill-mode: forwards
}

.organic {
	--color-background: #fff;
	--color-header-text: #000
}

.organic .page__header {
	background-color: var(--color-background);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block-start: 0
}

@media(min-width:48em) {
	.organic .page__header {
		min-height: 27.4rem
	}
}

.organic .page__header:after {
	display: none
}

@media(max-width:67.5em)and (min-width:60em) {

	.organic .lesson--open .lesson-header__main:first-child,
	.organic .lesson--open-mobile .lesson-header__main:first-child {
		margin-inline-start: 0
	}
}

.organic .lesson-header {
	padding-block-end: 0
}

.organic .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

@media(min-width:62em) {
	.organic .lesson-header__top-wrap {
		padding-block: 6.4rem 6.1rem;
		padding-inline: 0
	}
}

@media(max-width:47.9375em) {
	.organic .lesson-header__top-wrap {
		padding-block: 4.8rem 4.6rem;
		padding-inline: 0
	}
}

.organic .lesson-header__top-wrap:after {
	display: none
}

.organic .lesson-header__title {
	color: var(--color-header-text);
	font-family: var(--font-family-head);
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 6rem;
	margin-block-end: .4rem
}

@media(min-width:62em) {
	.organic .lesson-header__title {
		margin-block-end: 2rem
	}
}

@media(min-width:48em) {
	.organic .lesson-header__title {
		margin-block-end: 1.2rem
	}
}

@media(max-width:61.9375em) {
	.organic .lesson-header__title {
		font-size: 3.6rem;
		line-height: 4.6rem
	}
}

.organic .lesson-header__author {
	color: var(--color-header-text);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	margin-block-end: 0;
	margin-inline-end: 3.5rem
}

.organic .lesson-header__author-img {
	border: none;
	height: 3.4rem;
	width: 3.4rem
}

.organic .lesson-header__partner-content-author {
	align-items: center;
	color: var(--color-header-text);
	display: flex;
	font-size: 1.4rem;
	font-weight: 600;
	margin-block-end: 0
}

.organic .lesson-header__partner-content-author-img {
	height: 3.2rem;
	width: 3.2rem
}

.organic .lesson-header__grouped-row {
	align-items: center
}

.organic .lesson-header__counter {
	color: var(--color-header-text);
	font-family: var(--font-family-body);
	font-style: normal;
	font-weight: 600;
	letter-spacing: .05rem;
	line-height: 3.85rem;
	margin-block-end: 0;
	order: 0;
	text-transform: uppercase
}

.organic .lesson-header__description {
	color: var(--color-header-text)
}

.organic .lesson-header__author-name {
	font-family: var(--font-family-ui);
	margin-inline-start: 1rem
}

.organic .lesson-header-wrap {
	transition: max-height .3s ease-in-out, opacity .3s ease-in-out
}

.organic .lesson-header-wrap--collapsed {
	max-height: 0;
	opacity: 0;
	overflow: hidden
}

.organic .lesson-header-wrap--mobile .page__header {
	min-height: 12.4rem;
	padding-block-start: 2rem
}

.organic .lesson-header-wrap--mobile .lesson-header {
	padding-block-end: 2.8rem
}

.organic .lesson-header-wrap--mobile .lesson-header__content {
	display: flex;
	flex-direction: column
}

.organic .lesson-header-wrap--mobile .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

.organic .lesson-header-wrap--mobile .lesson-header__top-wrap:after {
	height: .4rem;
	width: 4rem
}

.organic .lesson-header-wrap--mobile .lesson-header__counter {
	font-size: 1.2rem;
	font-weight: 600;
	height: 1.4rem;
	line-height: 1.4rem;
	opacity: .6;
	order: 0;
	padding-block-end: 1.4rem;
	text-align: end
}

.organic .lesson-header-wrap--mobile .lesson-header__author {
	margin-block-start: .4rem
}

.organic .lesson-header-wrap--mobile .lesson-header__author,
.organic .lesson-header-wrap--mobile .lesson-header__author-name {
	align-items: center;
	display: flex;
	font-size: 1.4rem;
	line-height: 2rem
}

.organic .lesson-header-wrap--mobile .lesson-header__author-img,
.organic .lesson-header-wrap--mobile .lesson-header__author-name-img {
	height: 2rem;
	width: 2rem
}

.organic .lesson-header-wrap--mobile .lesson-header__partner-content-author {
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block-end: .4rem
}

.organic .lesson-header-wrap--mobile .lesson-header__partner-content-author-img {
	height: 2rem;
	width: 2rem
}

.organic .lesson-header-wrap--mobile .lesson-header__title {
	font-family: var(--font-family-head);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	margin-block-end: 1.6rem
}

.organic .lesson-header-wrap--small {
	min-height: auto
}

.organic .lesson-header-wrap--small .page__header {
	min-height: auto;
	padding-block: 0;
	padding-inline: 0
}

.organic .lesson-header-wrap--small .lesson-header {
	padding-block: 0;
	padding-inline: 0
}

.organic .lesson-header-wrap--small .lesson-header__content {
	display: flex;
	flex-direction: column
}

.organic .lesson-header-wrap--small .lesson-header__info-row {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-block-end: .4rem
}

.organic .lesson-header-wrap--small .lesson-header__info-row--divider {
	color: var(--color-header-text);
	font-size: 1.6rem;
	line-height: 1.6rem;
	opacity: .8;
	padding-block: 0;
	padding-inline: 1.2rem
}

.organic .lesson-header-wrap--small .lesson-header__partner-content-author {
	padding-inline-end: 1.2rem
}

.organic .lesson-header-wrap--small .lesson-header__partner-content-author:last-child {
	padding-inline-end: 0
}

.organic .lesson-header-wrap--small .lesson-header__partner-content-author-img {
	height: 2rem;
	margin-inline-end: 0;
	width: 2rem
}

.organic .lesson-header-wrap--small .lesson-header__top-wrap {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 2.8rem;
	padding-inline: 0
}

@media(max-width:52.4375em) {
	.organic .lesson-header-wrap--small .lesson-header__top-wrap {
		padding-block-start: 4.8rem
	}
}

.organic .lesson-header-wrap--small .lesson-header__counter {
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 2rem;
	margin-block: 0;
	margin-inline: 0;
	order: 0
}

.organic .lesson-header-wrap--small .lesson-header__title {
	flex-grow: 1;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3rem;
	margin-block-end: 0
}

.organic .lesson-header-wrap--small .lesson-header__author {
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-block: 0;
	margin-inline: 0
}

.organic .lesson-header-wrap--small .lesson-header__author-name {
	margin-inline-start: .8rem
}

.organic .lesson-header-wrap--small .lesson-header__author-img {
	height: 2rem;
	margin-inline-end: 0;
	width: 2rem
}

.organic .lesson-header-wrap--small .lesson-header__description {
	display: none
}

.organic .lesson-header-wrap--large .page__header {
	min-height: 32.8rem
}

@media(max-width:61.9375em) {
	.organic .lesson-header-wrap--large .page__header {
		min-height: 25rem
	}
}

.organic .lesson-header-wrap--large .lesson-header__title {
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 6.2rem
}

@media(min-width:62em) {
	.organic .lesson-header-wrap--large .lesson-header__title {
		font-size: 7.2rem;
		line-height: 7.4rem
	}
}

.organic .lesson-header-wrap--light {
	--color-background: #fff;
	--color-header-text: #2d363a
}

.organic .lesson-header-wrap--gray {
	--color-background: #fafafa
}

.organic .lesson-header-wrap--dark,
.organic .lesson-header-wrap--image {
	--color-background: #303030
}

.organic .lesson-header-wrap--black {
	--color-background: #000
}

.organic .lesson-header-wrap--black,
.organic .lesson-header-wrap--dark,
.organic .lesson-header-wrap--image {
	--color-header-text: #fff
}

.organic .lesson-header-wrap--accent {
	--color-background: var(--color-theme);
	--color-header-text: var(--color-theme-contrast)
}

.organic .lesson-header-wrap--tint {
	--color-background: var(--color-theme-transparent)
}

.organic .lesson-header-wrap--image .page__header-bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.organic .lesson-header-wrap--image-light {
	--color-header-text: #000
}

.organic .lesson-header-wrap--custom {
	--color-header-text: var(--lesson-header-contrast-color)
}

.organic .lesson-header__partner-content--mobile {
	margin-block-end: .4rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
	height: 3rem;
	margin-block: 0;
	margin-inline: 0 .8rem;
	padding-block: 0;
	padding-inline: 0;
	position: relative;
	width: 3rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author--single {
	height: 2.2rem;
	margin-block: 0 1rem;
	margin-inline: 0 .8rem;
	width: 2.2rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img {
	height: 2.2rem;
	margin-inline-end: 0;
	position: absolute;
	width: 2.2rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img--single {
	inset-inline-start: 0 !important
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:first-of-type {
	inset-block-start: 1rem;
	z-index: 1
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author-img:last-of-type {
	inset-inline-start: 1rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__author-name {
	align-items: center;
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;
	margin-block-start: 1rem
}

.organic .cover__header-content-action-link {
	background: var(--color-cover-cta-bg);
	border-radius: 3rem;
	color: var(--color-cover-cta-text);
	cursor: pointer;
	display: inline-block;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.1rem;
	margin-block-end: 1.7rem;
	min-width: 18rem;
	outline-offset: .2rem;
	padding-block: 1.73rem;
	padding-inline: 3.3rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform .15s ease-in-out;
	white-space: nowrap;
	width: 100%;
	z-index: 3
}

.organic .cover__header-content-action-link:hover {
	transform: scale(1.05)
}

.organic .cover__header-content-action-link:active {
	transform: scale(.95);
	transition-duration: .1s
}

@media(min-width:30em) {
	.organic .cover__header-content-action-link {
		width: auto
	}
}

.organic .cover {
	--color-cover-contrast: var(--color-theme-contrast);
	--color-cover-contrast-complementary: var(--color-theme-contrast-complementary);
	--color-cover-cta-bg: var(--color-theme);
	--color-cover-cta-text: var(--color-cover-contrast);
	--color-cover-progress-outer-bg: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-cover-progress-inner-bg: var(--color-theme);
	--color-background: var(--color-theme);
	--color-progress-circle-pass: var(--color-theme-contrast);
	background-color: #fff;
	overflow-x: hidden
}

.organic .cover--layout-split-left,
.organic .cover--layout-split-left-image,
.organic .cover--layout-split-right,
.organic .cover--layout-split-right-image {
	--color-cover-contrast: #000;
	--color-cover-cta-text: var(--color-theme-contrast)
}

.organic .cover--layout-centered-overlay,
.organic .cover--layout-left-overlay {
	--color-cover-contrast: #fff;
	--color-cover-contrast-complementary: #000;
	--color-cover-cta-bg: var(--color-cover-contrast);
	--color-cover-cta-text: var(--color-cover-contrast-complementary);
	--color-cover-progress-outer-bg: #ffffff4d;
	--color-cover-progress-inner-bg: #fff
}

.organic .cover--layout-centered-overlay .cover__header-content--overlay-light,
.organic .cover--layout-left-overlay .cover__header-content--overlay-light {
	--color-cover-contrast: #000;
	--color-cover-contrast-complementary: #fff;
	--color-cover-cta-bg: #000;
	--color-cover-cta-text: #fff;
	--color-cover-progress-outer-bg: #0000004d;
	--color-cover-progress-inner-bg: #000
}

.organic .cover--layout-centered,
.organic .cover--layout-left {
	--color-cover-cta-bg: var(--color-theme-contrast);
	--color-cover-cta-text: var(--color-cover-contrast-complementary);
	--color-cover-progress-inner-bg: var(--color-theme-contrast)
}

.organic .cover--layout-centered-overlay,
.organic .cover--layout-left-overlay,
.organic .cover--layout-split-left-image,
.organic .cover--layout-split-right-image {
	--color-background: #0000
}

.organic .cover__header {
	clip-path: url(#cover-page-clip-path);
	display: flex;
	position: relative
}

@media(min-width:75em) {
	.organic .cover__header {
		clip-path: none
	}
}

.organic .cover__header-content {
	background-color: var(--color-background);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-block: 5.6rem 8rem;
	padding-inline: 1.5rem;
	width: 100%
}

@media(min-width:30em) {
	.organic .cover__header-content {
		padding-block: 2rem 9rem;
		padding-inline: 12rem
	}
}

@media(min-width:48em) {
	.organic .cover__header-content {
		padding-block: 4rem 12.5rem;
		padding-inline: 10rem
	}
}

@media(min-width:75em) {
	.organic .cover__header-content {
		padding-block: 4rem 12.5rem;
		padding-inline: 10rem
	}
}

@media(min-width:90em) {
	.organic .cover__header-content {
		padding-block: 4rem 12.5rem;
		padding-inline: 21rem
	}
}

.organic .cover__header-content-action-link,
.organic .cover__header-content-action-link:last-child {
	margin-inline-end: 0
}

.organic .cover__header-content-action-link--disabled {
	display: none
}

@media(min-width:30em) {
	.organic .cover__header-content-action-link {
		margin-inline-end: 2.4rem
	}
}

.organic .overview__start-again {
	background: #0000;
	border: .2rem solid var(--color-cover-cta-bg);
	color: var(--color-cover-cta-bg)
}

.organic .cover__header-content-action-wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1
}

@media(min-width:48em) {
	.organic .cover__header-content-action-wrapper {
		display: inline-flex
	}
}

.organic .cover__header-content-authors {
	align-items: center;
	display: inline-flex;
	margin-inline-end: 3.2rem
}

.organic .cover__header-content-authors-avatar {
	background-size: cover;
	border-radius: 50%;
	flex-shrink: 0;
	height: 3.2rem;
	margin-inline-end: 1rem;
	width: 3.2rem
}

@media(min-width:62em) {
	.organic .cover__header-content-authors-avatar {
		height: 4rem;
		width: 4rem
	}
}

.organic .cover__header-content-authors-name {
	color: var(--color-cover-contrast, #fff);
	display: flex;
	flex-direction: column;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	margin-block: 0;
	margin-inline: 0
}

@media(min-width:62em) {
	.organic .cover__header-content-authors-name {
		font-size: 1.6rem
	}
}

.organic .cover__header-content-info {
	max-width: 66rem
}

.organic .cover__header-content-info--rise-com .partner-content-course-author__author {
	align-items: center;
	margin-block-end: 0;
	margin-inline-end: 3.2rem
}

.organic .cover__header-content-info--rise-com .partner-content-course-author__author:last-child {
	margin-inline-end: 0
}

.organic .cover__header-content-title {
	color: var(--color-cover-contrast, #fff);
	font-family: var(--font-family-head);
	font-weight: 700;
	margin-block-start: 5.1rem
}

@media(min-width:30em) {
	.organic .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 8.5rem;
		margin-block-start: 9rem
	}
}

@media(min-width:48em) {
	.organic .cover__header-content-title {
		margin-block: 13.5rem 5.6rem;
		margin-inline: 0
	}
}

.organic .cover__header-graphic {
	background-color: var(--color-background);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%
}

.organic .cover__author-published-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: stretch;
	margin-block-start: 0
}

@media(min-width:30em) {
	.organic .cover__author-published-wrap {
		margin-block-start: 11.1rem
	}
}

.organic .cover__progress+.cover__author-published-wrap {
	margin-block-start: 0
}

.organic .cover__author-published-wrap+.cover__header-content-title,
.organic .cover__progress+.cover__header-content-title {
	margin-block-start: 1.6rem
}

@media(min-width:30em) {

	.organic .cover__author-published-wrap+.cover__header-content-title,
	.organic .cover__progress+.cover__header-content-title {
		margin-block-start: 2.4rem
	}
}

.organic .partner-content-course-author__author {
	align-items: center
}

.organic .cover__details-content-published-at {
	color: var(--color-cover-contrast, #fff);
	display: none;
	flex-direction: column;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	margin-block: .8rem 1.4rem;
	margin-inline: 0
}

@media(min-width:30em) {
	.organic .cover__details-content-published-at {
		display: flex
	}
}

@media(min-width:62em) {
	.organic .cover__details-content-published-at {
		font-size: 1.6rem;
		margin-block: 1.4rem;
		margin-inline: 0
	}
}

.organic .cover__details {
	display: block
}

.organic .cover__details-content {
	max-width: 70rem;
	width: 100%
}

@media(min-width:48em) {
	.organic .cover__details-content {
		min-width: 63rem;
		width: unset
	}
}

.organic .cover__details-content-description {
	color: #000;
	font-family: var(--font-family-body);
	font-size: 1.8rem;
	line-height: 3.2rem;
	margin-block-end: 6.4rem
}

.organic .cover__details-content-heading {
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.1rem;
	margin-block-end: 3.2rem;
	padding-block-end: 1.6rem
}

.organic .cover__details-content-wrap {
	display: flex;
	justify-content: center;
	margin-block: 0;
	margin-inline: auto;
	padding-block: 5rem;
	padding-inline: 2rem
}

.organic .cover__details-content-aside {
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	line-height: 1;
	margin-block: 6.4rem;
	margin-inline: 0;
	width: auto
}

@media(min-width:75em) {
	.organic .cover__details-content-aside {
		margin-block: 0;
		margin-inline: 14rem 0;
		width: 30rem
	}
}

.organic .cover__details-content-aside--logo {
	margin-block-start: 6.4rem
}

@media(min-width:75em) {
	.organic .cover__details-content-aside--logo {
		margin-block-start: 12.1rem
	}
}

.organic .cover__course-length-section {
	border-block-end: .1rem solid #eaeaeb;
	display: none;
	margin-block: 0 1.6rem;
	margin-inline: 0;
	padding-block: 0 1.6rem;
	padding-inline: 0
}

@media(min-width:75em) {
	.organic .cover__course-length-section {
		display: block
	}
}

.organic .cover__course-length-section+.cover__details-content-section--type-partner-content .cover__details-content-heading {
	border: none !important;
	height: 1px !important;
	margin-block: 0 !important;
	margin-inline: 0 !important;
	overflow: hidden !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important
}

.organic .cover__details-content-heading--row {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.organic .cover__details-content-heading--row .cover__course-length-section {
	border: none;
	display: block;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

.organic .cover__course-length-title,
.organic .cover__details-content-heading--row .cover__course-length-title {
	border: none !important;
	height: 1px !important;
	margin-block: 0 !important;
	margin-inline: 0 !important;
	overflow: hidden !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important
}

.organic .cover__course-length-list {
	display: flex;
	line-height: 2.1rem
}

.organic .cover__num-lessons {
	margin-inline-end: 1.7rem
}

@media(min-width:30em) {
	.organic .cover__num-lessons {
		margin-block: 0;
		margin-inline: 0 3.2rem
	}
}

.organic .cover__num-lessons-value,
.organic .cover__time-to-complete-value {
	font-weight: 700
}

.organic .cover__num-lessons-units,
.organic .cover__time-to-complete-units {
	font-weight: 400
}

.organic .cover__details-logo {
	margin-block-end: 4rem
}

.organic .cover__author-with-title {
	align-items: center;
	display: none;
	flex-direction: row;
	margin-block-end: 3.8rem
}

.organic .cover__author-name {
	color: #000;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.04rem;
	opacity: .8
}

.organic .cover__author-title {
	color: #6a737c;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .026rem;
	line-height: 1.44rem
}

.organic .cover__categories-title,
.organic .cover__requirements-title {
	border-block-end: .1rem solid #eaeaeb;
	font-size: 1.4rem;
	font-weight: 600;
	margin-block: 4.8rem 2.4rem;
	margin-inline: 0;
	padding-block: 0 1.6rem;
	padding-inline: 0
}

.organic .cover__lesson-requirement,
.organic .cover__quiz-requirement {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-block: .6rem;
	margin-inline: 2.6rem 0;
	text-indent: -2.6rem
}

.organic .cover__quiz-requirement-no-attempts {
	color: #db0000;
	font-weight: 500;
	margin-block: .7rem 0;
	margin-inline: 2.6rem 0
}

.organic .cover__lesson-requirement-icon,
.organic .cover__quiz-requirement-icon {
	fill: #c9c9ca;
	flex: 0 0 auto;
	margin-inline-end: .8rem;
	vertical-align: middle;
	width: 1.8rem
}

.organic .cover__lesson-requirement-icon--complete,
.organic .cover__lesson-requirement-icon--type-failed,
.organic .cover__lesson-requirement-icon--type-passed,
.organic .cover__quiz-requirement-icon--complete,
.organic .cover__quiz-requirement-icon--type-failed,
.organic .cover__quiz-requirement-icon--type-passed {
	height: 1.8rem
}

.organic .cover__due-date {
	border-color: var(--color-theme);
	border-radius: 1000000px;
	border-style: solid;
	border-width: .1rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.8rem;
	margin-block: 1.6rem;
	margin-inline: 0;
	max-width: 100%;
	padding-block: .4rem;
	padding-inline: .5em;
	text-align: center
}

@media(min-width:30em) {
	.organic .cover__due-date {
		max-width: 16.6rem
	}
}

@media(min-width:75em) {
	.organic .cover__due-date {
		max-width: 100%
	}
}

.organic .cover__due-date--urgent {
	background: var(--color-theme);
	color: #fff
}

.organic .cover__completed-info {
	align-items: center;
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	margin-block: 3.2rem 2.8rem;
	margin-inline: 0
}

.organic .cover__completed-info .certificateDownload {
	color: inherit;
	font-size: inherit;
	font-weight: inherit
}

.organic .cover__completed-info .certificateDownload:before {
	content: "|";
	margin-block: 0;
	margin-inline: .8rem
}

.organic .cover__completed-info .certificateDownload__btn {
	text-decoration: underline;
	text-underline-offset: .4rem
}

.organic .cover__completed-info-avatar {
	height: 4rem;
	margin-inline-end: 1.6rem;
	width: 4rem
}

.organic .cover__categories-list {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4rem;
	line-height: 1.7rem
}

.organic .cover__categories-item {
	align-items: center;
	background: var(--color-theme);
	border-radius: 1000000px;
	color: var(--color-cover-contrast, #fff);
	display: flex;
	flex: 0 1 auto;
	font-size: 1.2rem;
	font-weight: 600;
	margin-block: 0 .8rem;
	margin-inline: 0 .8rem;
	max-width: 100%;
	padding-block: .6rem;
	padding-inline: 1.6rem
}

.organic .cover__categories-item-wrap {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.organic .cover__progress {
	color: var(--color-cover-contrast);
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.8rem;
	margin-block: 0 3.2rem;
	margin-inline: 0;
	max-width: 62.4rem;
	width: 100%
}

@media(min-width:30em) {
	.organic .cover__progress {
		margin-block: 1.2rem 6.5rem;
		margin-inline: 0;
		max-width: 48.2rem
	}
}

@media(min-width:48em) {
	.organic .cover__progress {
		margin-block: 0 6.5rem;
		margin-inline: 0;
		max-width: 62.4rem
	}
}

@media(min-width:75em) {
	.organic .cover__progress {
		margin-block: 0 9rem;
		margin-inline: 0
	}
}

.organic .cover__progress-outer {
	background: var(--color-cover-progress-outer-bg);
	height: .2rem;
	margin-block: 0 1.2rem;
	margin-inline: 0;
	position: relative
}

.organic .cover__progress-inner {
	background: var(--color-cover-progress-inner-bg);
	inset-block: 0;
	inset-inline-start: 0;
	position: absolute
}

.organic .cover__progress-text-wrap {
	align-items: baseline;
	display: flex;
	justify-content: flex-start
}

.organic .cover__progress-text {
	margin-block-end: .8rem;
	white-space: nowrap
}

@media(min-width:30em) {
	.organic .cover__progress-text {
		margin-block: 0;
		margin-inline: 0 2em
	}
}

.organic .cover__progress-next-lesson {
	margin-inline-start: calc(1.6rem + 1em);
	text-indent: calc(-1.6rem - 1em)
}

.organic .cover__progress-next-lesson-icon {
	height: .8rem;
	margin-inline-end: 1em;
	width: 1.6rem
}

.organic .overview-list {
	font-family: var(--font-family-body)
}

.organic .overview-list__section-title {
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 600;
	margin-block: 4.8rem 0;
	margin-inline: 0;
	padding-block-end: 2.1rem
}

.organic .overview-list-item__link {
	border-block-end: 1px solid #eaeaeb
}

.organic .overview-list-item__title {
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5rem;
	padding-block: 1.6rem;
	padding-inline: 5rem 6.3rem
}

.organic .overview-list-item__icon {
	inset-block-start: 1.75rem;
	inset-inline-start: 1.75rem;
	width: 1.25rem
}

.organic .overview-list-item__icon>svg {
	width: 1.25rem
}

.organic .overview-list-item-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.organic .overview-list-item-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .overview-list-item-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .overview-list-item-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .overview-list-item-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .overview-list-item-tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .cover--layout-split-left .cover__header,
.organic .cover--layout-split-left-image .cover__header,
.organic .cover--layout-split-right .cover__header,
.organic .cover--layout-split-right-image .cover__header {
	clip-path: none;
	min-height: 54rem
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header,
	.organic .cover--layout-split-left-image .cover__header,
	.organic .cover--layout-split-right .cover__header,
	.organic .cover--layout-split-right-image .cover__header {
		overflow-x: initial
	}
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header,
	.organic .cover--layout-split-left-image .cover__header,
	.organic .cover--layout-split-right .cover__header,
	.organic .cover--layout-split-right-image .cover__header {
		min-height: 59rem
	}
}

@media(min-width:96.875em) {

	.organic .cover--layout-split-left .cover__header,
	.organic .cover--layout-split-left-image .cover__header,
	.organic .cover--layout-split-right .cover__header,
	.organic .cover--layout-split-right-image .cover__header {
		margin-block: 0;
		margin-inline: auto
	}
}

.organic .cover--layout-split-left .cover__header-content,
.organic .cover--layout-split-left-image .cover__header-content,
.organic .cover--layout-split-right .cover__header-content,
.organic .cover--layout-split-right-image .cover__header-content {
	--color-background: #fff;
	background-color: #0000
}

.organic .cover--layout-split-left .cover__header-content-authors,
.organic .cover--layout-split-left-image .cover__header-content-authors,
.organic .cover--layout-split-right .cover__header-content-authors,
.organic .cover--layout-split-right-image .cover__header-content-authors {
	align-items: center
}

.organic .cover--layout-split-left .partner-content-course-author__author,
.organic .cover--layout-split-left-image .partner-content-course-author__author,
.organic .cover--layout-split-right .partner-content-course-author__author,
.organic .cover--layout-split-right-image .partner-content-course-author__author {
	color: #000;
	font-weight: 600
}

.organic .cover--layout-split-left .cover__course-length-section,
.organic .cover--layout-split-left-image .cover__course-length-section,
.organic .cover--layout-split-right .cover__course-length-section,
.organic .cover--layout-split-right-image .cover__course-length-section {
	margin-block-end: 0
}

.organic .cover--layout-split-left .cover__author-with-title,
.organic .cover--layout-split-left-image .cover__author-with-title,
.organic .cover--layout-split-right .cover__author-with-title,
.organic .cover--layout-split-right-image .cover__author-with-title {
	display: none
}

.organic .cover--layout-split-left .cover__details-content-published-at,
.organic .cover--layout-split-left .cover__header-content-authors-name,
.organic .cover--layout-split-left-image .cover__details-content-published-at,
.organic .cover--layout-split-left-image .cover__header-content-authors-name,
.organic .cover--layout-split-right .cover__details-content-published-at,
.organic .cover--layout-split-right .cover__header-content-authors-name,
.organic .cover--layout-split-right-image .cover__details-content-published-at,
.organic .cover--layout-split-right-image .cover__header-content-authors-name {
	font-size: 1.6rem;
	line-height: 1.4rem
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header-content-authors-avatar,
	.organic .cover--layout-split-left-image .cover__header-content-authors-avatar,
	.organic .cover--layout-split-right .cover__header-content-authors-avatar,
	.organic .cover--layout-split-right-image .cover__header-content-authors-avatar {
		height: 4.2rem;
		width: 4.2rem
	}
}

.organic .cover--layout-split-left .cover__header-content-title,
.organic .cover--layout-split-left-image .cover__header-content-title,
.organic .cover--layout-split-right .cover__header-content-title,
.organic .cover--layout-split-right-image .cover__header-content-title {
	font-size: 4.8rem;
	line-height: 6rem
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header-content-title,
	.organic .cover--layout-split-left-image .cover__header-content-title,
	.organic .cover--layout-split-right .cover__header-content-title,
	.organic .cover--layout-split-right-image .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 8.5rem;
		width: auto
	}
}

.organic .cover--layout-split-left .cover__header-content-action-link-text,
.organic .cover--layout-split-left-image .cover__header-content-action-link-text,
.organic .cover--layout-split-right .cover__header-content-action-link-text,
.organic .cover--layout-split-right-image .cover__header-content-action-link-text {
	position: relative;
	z-index: 3
}

.organic .cover--layout-split-left .cover__header-graphic-container,
.organic .cover--layout-split-left-image .cover__header-graphic-container,
.organic .cover--layout-split-right .cover__header-graphic-container,
.organic .cover--layout-split-right-image .cover__header-graphic-container {
	height: 57rem;
	position: absolute;
	width: 57.9rem
}

@media(min-width:90em) {

	.organic .cover--layout-split-left .cover__header-graphic-container,
	.organic .cover--layout-split-left-image .cover__header-graphic-container,
	.organic .cover--layout-split-right .cover__header-graphic-container,
	.organic .cover--layout-split-right-image .cover__header-graphic-container {
		height: 101.6rem;
		width: 103.3rem
	}
}

.organic .cover--layout-split-left .cover__header-graphic,
.organic .cover--layout-split-left-image .cover__header-graphic,
.organic .cover--layout-split-right .cover__header-graphic,
.organic .cover--layout-split-right-image .cover__header-graphic {
	clip-path: url(#cover-page-clip-path);
	height: 100%;
	width: 100%
}

.organic .cover--layout-split-left .cover__header-content-info,
.organic .cover--layout-split-left-image .cover__header-content-info,
.organic .cover--layout-split-right .cover__header-content-info,
.organic .cover--layout-split-right-image .cover__header-content-info {
	max-width: 50rem;
	padding-inline-end: 2rem
}

@media(min-width:48em) {

	.organic .cover--layout-split-left .cover__header-content-info,
	.organic .cover--layout-split-left-image .cover__header-content-info,
	.organic .cover--layout-split-right .cover__header-content-info,
	.organic .cover--layout-split-right-image .cover__header-content-info {
		max-width: 47rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header-content-info,
	.organic .cover--layout-split-left-image .cover__header-content-info,
	.organic .cover--layout-split-right .cover__header-content-info,
	.organic .cover--layout-split-right-image .cover__header-content-info {
		max-width: 76rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-left .cover__header-content-info,
	.organic .cover--layout-split-left-image .cover__header-content-info,
	.organic .cover--layout-split-right .cover__header-content-info,
	.organic .cover--layout-split-right-image .cover__header-content-info {
		max-width: 72rem
	}
}

@media(min-width:96.875em) {

	.organic .cover--layout-split-left .cover__header,
	.organic .cover--layout-split-left-image .cover__header {
		max-width: 155rem
	}
}

.organic .cover--layout-split-left .cover__header--with-info,
.organic .cover--layout-split-left-image .cover__header--with-info {
	min-height: 50rem
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header--with-info,
	.organic .cover--layout-split-left-image .cover__header--with-info {
		min-height: 55rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-left .cover__header--with-info,
	.organic .cover--layout-split-left-image .cover__header--with-info {
		min-height: 70rem
	}
}

.organic .cover--layout-split-left .cover__header-content,
.organic .cover--layout-split-left-image .cover__header-content {
	margin-block: 0;
	margin-inline: auto;
	max-width: 70rem;
	padding-block: 4rem 10rem;
	padding-inline: 0
}

[dir=rtl] .organic .cover--layout-split-left .cover__header-content,
[dir=rtl] .organic .cover--layout-split-left-image .cover__header-content {
	margin-inline-end: 58rem
}

@media(min-width:48em) {

	[dir=rtl] .organic .cover--layout-split-left .cover__header-content,
	[dir=rtl] .organic .cover--layout-split-left-image .cover__header-content {
		margin-inline-end: 35rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header-content,
	.organic .cover--layout-split-left-image .cover__header-content {
		max-width: none;
		padding-block: 4rem 15rem;
		padding-inline: 15rem
	}

	[dir=rtl] .organic .cover--layout-split-left .cover__header-content,
	[dir=rtl] .organic .cover--layout-split-left-image .cover__header-content {
		margin-inline-end: 23rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header-content,
	.organic .cover--layout-split-left-image .cover__header-content {
		padding-block: 4rem 15rem;
		padding-inline: 7rem
	}

	[dir=rtl] .organic .cover--layout-split-left .cover__header-content,
	[dir=rtl] .organic .cover--layout-split-left-image .cover__header-content {
		margin-inline-end: 35rem
	}
}

@media(min-width:90em) {

	[dir=rtl] .organic .cover--layout-split-left .cover__header-content,
	[dir=rtl] .organic .cover--layout-split-left-image .cover__header-content {
		margin-inline-end: 55rem
	}
}

@media(min-width:96.875em) {

	.organic .cover--layout-split-left .cover__header-content,
	.organic .cover--layout-split-left-image .cover__header-content {
		padding-block: 4rem 15rem;
		padding-inline: 10rem
	}
}

.organic .cover--layout-split-left .cover__header-content-info,
.organic .cover--layout-split-left-image .cover__header-content-info {
	max-width: 40rem
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header-content-info,
	.organic .cover--layout-split-left-image .cover__header-content-info {
		max-width: 50rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header-content-info,
	.organic .cover--layout-split-left-image .cover__header-content-info {
		max-width: 76rem
	}
}

.organic .cover--layout-split-left .cover__header-graphic-container,
.organic .cover--layout-split-left-image .cover__header-graphic-container {
	inset-block-start: -6rem;
	inset-inline-end: -24.5rem
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__header-graphic-container,
	.organic .cover--layout-split-left-image .cover__header-graphic-container {
		inset-block-start: -6rem;
		inset-inline-end: -21.5rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__header-graphic-container,
	.organic .cover--layout-split-left-image .cover__header-graphic-container {
		inset-block-start: -7rem;
		inset-inline-end: -17rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-left .cover__header-graphic-container,
	.organic .cover--layout-split-left-image .cover__header-graphic-container {
		inset-block-start: -35rem;
		inset-inline-end: -40rem
	}
}

@media(min-width:96.875em) {

	.organic .cover--layout-split-left .cover__header-graphic-container,
	.organic .cover--layout-split-left-image .cover__header-graphic-container {
		inset-block-start: -30rem;
		inset-inline-end: -37.5rem
	}
}

.organic .cover--layout-split-left .cover__details-content[dir=rtl],
.organic .cover--layout-split-left-image .cover__details-content[dir=rtl] {
	margin-inline-end: 58rem
}

@media(min-width:48em) {

	.organic .cover--layout-split-left .cover__details-content[dir=rtl],
	.organic .cover--layout-split-left-image .cover__details-content[dir=rtl] {
		margin-inline-end: 0
	}
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__details-content[dir=rtl],
	.organic .cover--layout-split-left-image .cover__details-content[dir=rtl] {
		margin-inline-end: 0
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__details-content[dir=rtl],
	.organic .cover--layout-split-left-image .cover__details-content[dir=rtl] {
		margin-inline-end: 36rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-left .cover__details-content[dir=rtl],
	.organic .cover--layout-split-left-image .cover__details-content[dir=rtl] {
		margin-inline-end: 55rem
	}
}

.organic .cover--layout-split-left .cover__details-content-wrap,
.organic .cover--layout-split-left-image .cover__details-content-wrap {
	justify-content: flex-start;
	margin-block: 0;
	margin-inline: auto;
	max-width: 70rem;
	padding-block: 0 5rem;
	padding-inline: 0
}

@media(min-width:62em) {

	.organic .cover--layout-split-left .cover__details-content-wrap,
	.organic .cover--layout-split-left-image .cover__details-content-wrap {
		max-width: none;
		padding-block: 0 5rem;
		padding-inline: 15rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-left .cover__details-content-wrap,
	.organic .cover--layout-split-left-image .cover__details-content-wrap {
		padding-block: 0 5rem;
		padding-inline: 7rem
	}
}

@media(min-width:96.875em) {

	.organic .cover--layout-split-left .cover__details-content-wrap,
	.organic .cover--layout-split-left-image .cover__details-content-wrap {
		margin-block: 0;
		margin-inline: auto;
		max-width: 155rem;
		padding-block: 0 5rem;
		padding-inline: 10rem
	}
}

@media(min-width:125em) {

	.organic .cover--layout-split-right .cover__header,
	.organic .cover--layout-split-right-image .cover__header {
		max-width: 186rem
	}
}

@media(min-width:48em) {

	.organic .cover--layout-split-right .cover__header--with-info,
	.organic .cover--layout-split-right-image .cover__header--with-info {
		min-height: 50rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-split-right .cover__header--with-info,
	.organic .cover--layout-split-right-image .cover__header--with-info {
		min-height: 55rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__header--with-info,
	.organic .cover--layout-split-right-image .cover__header--with-info {
		min-height: 70rem
	}
}

.organic .cover--layout-split-right .cover__header-content,
.organic .cover--layout-split-right-image .cover__header-content {
	margin-block: 0;
	margin-inline: 35rem 0;
	padding-block: 4rem 7.7rem;
	padding-inline: 0
}

@media(min-width:62em) {

	.organic .cover--layout-split-right .cover__header-content,
	.organic .cover--layout-split-right-image .cover__header-content {
		margin-inline-start: 46rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__header-content,
	.organic .cover--layout-split-right-image .cover__header-content {
		margin-inline-start: 64.5rem;
		padding-block-end: 12.5rem
	}
}

@media(min-width:125em) {

	.organic .cover--layout-split-right .cover__header-content,
	.organic .cover--layout-split-right-image .cover__header-content {
		margin-inline-start: 85rem
	}
}

@media(min-width:48em) {

	.organic .cover--layout-split-right .cover__header-graphic-container,
	.organic .cover--layout-split-right-image .cover__header-graphic-container {
		inset-block-start: -14rem;
		inset-inline-start: -27rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-split-right .cover__header-graphic-container,
	.organic .cover--layout-split-right-image .cover__header-graphic-container {
		inset-block-start: -6rem;
		inset-inline-start: -18rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__header-graphic-container,
	.organic .cover--layout-split-right-image .cover__header-graphic-container {
		inset-block-start: -30rem;
		inset-inline-start: -47rem
	}
}

@media(min-width:125em) {

	.organic .cover--layout-split-right .cover__header-graphic-container,
	.organic .cover--layout-split-right-image .cover__header-graphic-container {
		inset-block-start: -31rem;
		inset-inline-start: -27rem
	}

	.organic .cover--layout-split-right .cover__details,
	.organic .cover--layout-split-right-image .cover__details {
		margin-block: 0;
		margin-inline: auto;
		max-width: 186rem
	}
}

.organic .cover--layout-split-right .cover__details-content-wrap,
.organic .cover--layout-split-right-image .cover__details-content-wrap {
	justify-content: flex-start;
	padding-block-start: 0
}

@media(min-width:75em) {

	.organic .cover--layout-split-right .cover__details-content-wrap,
	.organic .cover--layout-split-right-image .cover__details-content-wrap {
		padding-block: 0 5rem;
		padding-inline: 0
	}
}

@media(min-width:48em) {

	.organic .cover--layout-split-right .cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content {
		margin-block: 0;
		margin-inline: auto
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-right .cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content {
		margin-inline-start: 46rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content {
		margin-inline-start: 64.5rem
	}
}

@media(min-width:125em) {

	.organic .cover--layout-split-right .cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content {
		margin-inline-start: 85rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-right .cover__details-content-aside,
	.organic .cover--layout-split-right-image .cover__details-content-aside {
		margin-inline: 6.5rem 9.5rem
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__details-content-aside,
	.organic .cover--layout-split-right-image .cover__details-content-aside {
		margin-inline-start: 20.5rem
	}
}

@media(min-width:125em) {

	.organic .cover--layout-split-right .cover__details-content-aside,
	.organic .cover--layout-split-right-image .cover__details-content-aside {
		margin-inline-start: 41rem
	}
}

@media(min-width:75em) {

	.organic .cover--layout-split-right .cover__details-content-aside+.cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content-aside+.cover__details-content {
		margin-inline-start: 0
	}
}

@media(min-width:90em) {

	.organic .cover--layout-split-right .cover__details-content-aside+.cover__details-content,
	.organic .cover--layout-split-right-image .cover__details-content-aside+.cover__details-content {
		margin-inline-start: 0;
		margin-inline-start: 5rem
	}
}

.organic .cover--layout-left .cover__header-content,
.organic .cover--layout-left-overlay .cover__header-content {
	position: relative
}

.organic .cover--layout-left .cover__header-content:after,
.organic .cover--layout-left-overlay .cover__header-content:after {
	background: none;
	z-index: 1
}

@media(min-width:75em) {

	.organic .cover--layout-left .cover__header-content:after,
	.organic .cover--layout-left-overlay .cover__header-content:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='478' fill='none' viewBox='0 0 5000 478'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5000 478V240L2112.21 472.981a400 400 0 0 1-123-9.154L0 0v478z' clip-rule='evenodd'/%3E%3C/svg%3E");
		background-position: center calc(100% + 1px);
		background-repeat: no-repeat;
		content: "";
		inset-block: 0;
		inset-inline: 0;
		pointer-events: none;
		position: absolute
	}

	.organic .cover--layout-left .cover__header-content,
	.organic .cover--layout-left-overlay .cover__header-content {
		display: flex;
		justify-content: center
	}
}

.organic .cover--layout-left .cover__header-content-action-wrapper,
.organic .cover--layout-left-overlay .cover__header-content-action-wrapper {
	display: flex
}

@media(min-width:48em) {

	.organic .cover--layout-left .cover__header-content-action-wrapper,
	.organic .cover--layout-left-overlay .cover__header-content-action-wrapper {
		display: inline-flex
	}
}

.organic .cover--layout-left .cover__header-content-action-link,
.organic .cover--layout-left-overlay .cover__header-content-action-link {
	padding-block: .95rem;
	padding-inline: 3.85rem;
	z-index: 3
}

@media(min-width:30em) {

	.organic .cover--layout-left .cover__header-content-action-link,
	.organic .cover--layout-left-overlay .cover__header-content-action-link {
		align-self: center;
		padding-block: 1.73rem;
		padding-inline: 3.3rem
	}
}

.organic .cover--layout-left .cover__header-content-title,
.organic .cover--layout-left-overlay .cover__header-content-title {
	font-size: 3.2rem;
	line-height: 3.8rem;
	margin-block-end: 3.2rem;
	padding-inline-end: 1rem
}

@media(min-width:30em) {

	.organic .cover--layout-left .cover__header-content-title,
	.organic .cover--layout-left-overlay .cover__header-content-title {
		font-size: 4rem;
		line-height: 5rem;
		margin-block: 2.4rem 4.8rem;
		margin-inline: 0;
		max-width: 52.5rem;
		padding-inline-end: 0
	}
}

@media(min-width:48em) {

	.organic .cover--layout-left .cover__header-content-title,
	.organic .cover--layout-left-overlay .cover__header-content-title {
		font-size: 4.8rem;
		line-height: 5.6rem;
		margin-block-end: 4.8rem;
		max-width: 70.8rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-left .cover__header-content-title,
	.organic .cover--layout-left-overlay .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 8.5rem;
		margin-block: 2.4rem 5.6rem;
		margin-inline: 0;
		max-width: none
	}
}

@media(min-width:75em) {

	.organic .cover--layout-left .cover__header-content-title,
	.organic .cover--layout-left-overlay .cover__header-content-title {
		min-width: 80rem
	}
}

.organic .cover--layout-left .cover__header-content-info,
.organic .cover--layout-left-overlay .cover__header-content-info {
	margin-inline-start: 0;
	max-width: 120rem
}

@media(min-width:30em) {

	.organic .cover--layout-left .cover__header-content-info,
	.organic .cover--layout-left-overlay .cover__header-content-info {
		margin-inline-start: -3.8rem;
		min-width: 29rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-left .cover__header-content-info,
	.organic .cover--layout-left-overlay .cover__header-content-info {
		margin-inline-start: 0
	}
}

.organic .cover--layout-left .cover__details-content-wrap,
.organic .cover--layout-left-overlay .cover__details-content-wrap {
	padding-block-start: 3.6rem
}

@media(min-width:48em) {

	.organic .cover--layout-left .cover__details-content-wrap,
	.organic .cover--layout-left-overlay .cover__details-content-wrap {
		padding-block-start: 10rem
	}
}

.organic .cover--layout-left .cover__details-content,
.organic .cover--layout-left-overlay .cover__details-content {
	max-width: 60rem;
	width: 100%
}

@media(min-width:48em) {

	.organic .cover--layout-left .cover__details-content,
	.organic .cover--layout-left-overlay .cover__details-content {
		max-width: 70rem;
		min-width: 63rem;
		width: auto
	}
}

.organic .cover--layout-centered .cover__header-content,
.organic .cover--layout-centered-overlay .cover__header-content {
	padding-block: 2rem 8rem;
	padding-inline: 2rem;
	position: relative
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__header-content,
	.organic .cover--layout-centered-overlay .cover__header-content {
		padding-block: 2rem 8rem;
		padding-inline: 6rem
	}
}

@media(min-width:48em) {

	.organic .cover--layout-centered .cover__header-content,
	.organic .cover--layout-centered-overlay .cover__header-content {
		padding-block: 4rem 20rem;
		padding-inline: 2rem
	}
}

.organic .cover--layout-centered .cover__header-content:after,
.organic .cover--layout-centered-overlay .cover__header-content:after {
	background: none
}

@media(min-width:75em) {

	.organic .cover--layout-centered .cover__header-content:after,
	.organic .cover--layout-centered-overlay .cover__header-content:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='625' fill='none' viewBox='0 0 5000 625'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5000 625V.5L2732.75 566.859a960 960 0 0 1-465.49-.044L0 0v625z' clip-rule='evenodd'/%3E%3C/svg%3E");
		background-position: center calc(100% + 1px);
		background-repeat: no-repeat;
		content: "";
		inset-block: 0;
		inset-inline: 0;
		pointer-events: none;
		position: absolute
	}
}

.organic .cover--layout-centered .cover__header-content-info--rise-com .partner-content-course-author__author,
.organic .cover--layout-centered-overlay .cover__header-content-info--rise-com .partner-content-course-author__author {
	padding-inline-end: 0
}

.organic .cover--layout-centered .cover__header-content-action-link,
.organic .cover--layout-centered-overlay .cover__header-content-action-link {
	padding-block: .95rem;
	padding-inline: 9.35rem;
	z-index: 3
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__header-content-action-link,
	.organic .cover--layout-centered-overlay .cover__header-content-action-link {
		margin-inline: 1.2rem;
		padding-block: 1.73rem;
		padding-inline: 3.3rem
	}
}

.organic .cover--layout-centered .cover__header-content-action-wrapper,
.organic .cover--layout-centered-overlay .cover__header-content-action-wrapper {
	justify-content: center;
	margin-block-end: 3rem
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__header-content-action-wrapper,
	.organic .cover--layout-centered-overlay .cover__header-content-action-wrapper {
		margin-block-end: 0
	}
}

.organic .cover--layout-centered .cover__header-content-info,
.organic .cover--layout-centered-overlay .cover__header-content-info {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-block: 0;
	margin-inline: auto;
	max-width: 120rem
}

.organic .cover--layout-centered .cover__header-content-title,
.organic .cover--layout-centered-overlay .cover__header-content-title {
	font-size: 3.2rem;
	line-height: 3.8rem;
	margin-block-end: 3.2rem;
	padding-block: 0;
	padding-inline: 1.5rem;
	text-align: center
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__header-content-title,
	.organic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 4rem;
		line-height: 5rem;
		margin-block-end: 4.8rem;
		max-width: 61.2rem;
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:48em) {

	.organic .cover--layout-centered .cover__header-content-title,
	.organic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 4.8rem;
		line-height: 5.6rem;
		max-width: 70.8rem
	}
}

@media(min-width:62em) {

	.organic .cover--layout-centered .cover__header-content-title,
	.organic .cover--layout-centered-overlay .cover__header-content-title {
		font-size: 7.2rem;
		line-height: 8.5rem;
		margin-block-end: 5.6rem;
		max-width: none
	}
}

.organic .cover--layout-centered .cover__details-content,
.organic .cover--layout-centered-overlay .cover__details-content {
	padding-block: 0;
	padding-inline: 0
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__details-content,
	.organic .cover--layout-centered-overlay .cover__details-content {
		padding-block: 0;
		padding-inline: 4.5rem;
		width: 100%
	}
}

@media(min-width:48em) {

	.organic .cover--layout-centered .cover__details-content,
	.organic .cover--layout-centered-overlay .cover__details-content {
		max-width: 70rem;
		min-width: 63rem;
		padding-block: 0;
		padding-inline: 0;
		width: auto
	}
}

.organic .cover--layout-centered .cover__progress-text-wrap,
.organic .cover--layout-centered-overlay .cover__progress-text-wrap {
	justify-content: center
}

.organic .cover--layout-centered .cover__progress,
.organic .cover--layout-centered-overlay .cover__progress {
	margin-block-end: 3.2rem;
	text-align: center
}

@media(min-width:30em) {

	.organic .cover--layout-centered .cover__progress,
	.organic .cover--layout-centered-overlay .cover__progress {
		margin-block-end: 6.5rem
	}
}

@media(min-width:48em) {

	.organic .cover--layout-centered .cover__progress,
	.organic .cover--layout-centered-overlay .cover__progress {
		margin-block-end: 12rem
	}
}

.organic .cover--layout-centered .cover__author-published-wrap,
.organic .cover--layout-centered-overlay .cover__author-published-wrap {
	justify-content: center
}

.organic .partner-content-book-info__flex-course,
.organic .partner-content-partner-info__flex {
	justify-content: flex-start
}

@keyframes organic-cover-header-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0;
		transform: translateY(-90px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes organic-cover-header-exit {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translateY(-90px)
	}
}

@keyframes organic-cover-details-enter {
	0% {
		opacity: 0;
		transform: translateY(-90px)
	}

	20% {
		opacity: 0
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes organic-cover-details-exit {
	0% {
		opacity: 1
	}

	80% {
		opacity: 0
	}

	to {
		transform: translateY(-90px)
	}
}

.organic .cover-container {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.organic .cover-container--entering .cover__details {
	animation: organic-cover-details-enter .5s
}

.organic .cover-container--exiting .cover__details {
	animation: organic-cover-details-exit .5s;
	animation-fill-mode: forwards
}

.organic .cover-container--entering .cover__header {
	animation: organic-cover-header-enter 425ms
}

.organic .cover-container--exiting .cover__header {
	animation: organic-cover-header-exit .45s;
	animation-fill-mode: forwards
}

.organic .lesson-nav {
	--color-background: var(--color-theme);
	--button-icon-color: #000;
	--button-border-color: var(--color-theme);
	--button-text-hover-color: #000;
	--button-background-hover-color: #e3e3e3;
	--button-background-selected-color: #c5c5c5;
	--color-button-contrast: var(--color-theme-contrast)
}

.organic .lesson-nav--restricted {
	cursor: not-allowed
}

.organic .lesson-nav--full {
	align-items: center;
	background-color: var(--color-background);
	display: flex;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	width: 100%
}

.organic .lesson-nav--full .lesson-nav-link {
	display: block;
	flex: 1 1 auto;
	margin-block-end: .3rem;
	pointer-events: auto;
	transition: color .3s;
	width: 100%;
	z-index: 1
}

.organic .lesson-nav--full .lesson-nav-link__link {
	color: var(--color-button-contrast, #fff);
	display: flex;
	padding-block: 1.8rem;
	padding-inline: 1.8rem;
	text-align: center;
	text-decoration: none
}

.organic .lesson-nav--full .lesson-nav-link__link:focus {
	outline-offset: -4px;
	outline-width: 2px
}

.organic .lesson-nav--full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: -1
}

.organic .lesson-nav--full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--full .lesson-nav__link-icon {
	flex: 0 0 auto;
	height: 2.2rem;
	width: 2.2rem
}

.organic .lesson-nav--full .lesson-nav__link-text {
	flex: 0 1 auto;
	font-family: var(--font-family-ui);
	font-size: 2rem;
	font-weight: 600;
	margin-inline-start: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.organic .lesson-nav--floating {
	--color-background: #fff;
	background-color: var(--color-background);
	display: flex;
	flex-direction: row-reverse;
	height: 10px;
	padding-block: 0;
	padding-inline: 0;
	text-transform: uppercase
}

.organic .lesson-nav--floating .lesson-nav-link {
	align-items: flex-end;
	color: var(--color-button-contrast, #fff);
	display: block;
	inset-inline-end: 2vw;
	min-width: 24.8rem;
	opacity: 0;
	position: fixed;
	text-align: center;
	text-decoration: none;
	transition-duration: .5s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in;
	z-index: 300
}

.organic .lesson-nav--floating .lesson-nav-link svg {
	z-index: 2
}

.organic .lesson-nav--floating .lesson-nav-link__link {
	background-color: var(--color-background);
	border-radius: 7.2rem;
	height: 6rem;
	position: relative
}

@media(forced-colors:active) {
	.organic .lesson-nav--floating .lesson-nav-link__link {
		border: 1px solid
	}
}

.organic .lesson-nav--floating .lesson-nav-link__link:before {
	border-radius: 7.2rem;
	content: "";
	inset-block: .1rem;
	inset-inline: .1rem;
	position: absolute;
	z-index: 1
}

.organic .lesson-nav--floating .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--floating .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--floating .lesson-nav__link-icon {
	height: 1.8rem;
	width: 1.8rem
}

.organic .lesson-nav--floating .lesson-nav__link-text {
	font-family: var(--font-family-body);
	font-size: 1.4rem;
	font-weight: 600;
	margin-inline-end: 1rem;
	z-index: 2
}

.organic .lesson-nav--floating-full {
	align-items: center;
	background-color: var(--color-background);
	height: 8.2rem;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
	position: relative;
	text-transform: uppercase
}

.organic .lesson-nav--floating-full .lesson-nav-link {
	border: .2rem solid var(--button-border-color);
	border-radius: 10rem;
	height: 5rem;
	margin-block: 0;
	margin-inline: 1.6rem;
	pointer-events: auto;
	transition: color .3s;
	width: 100%;
	z-index: 1
}

.organic .lesson-nav--floating-full .lesson-nav-link__link {
	border-radius: 10rem;
	color: var(--color-button-contrast, #fff);
	height: 4.6rem;
	text-align: center;
	text-decoration: none
}

.organic .lesson-nav--floating-full .lesson-nav-link__link:focus {
	outline-offset: -4px;
	outline-width: 2px
}

.organic .lesson-nav--floating-full .lesson-nav-link__link:before {
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: -1
}

.organic .lesson-nav--floating-full .lesson-nav-link__link:hover {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--floating-full .lesson-nav-link__link:active {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--floating-full .lesson-nav__link-icon {
	flex: 0 0 auto;
	height: 1.8rem;
	width: 1.8rem
}

.organic .lesson-nav--floating-full .lesson-nav__link-text {
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	margin-inline: 0 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.organic .lesson-nav--previous {
	display: none
}

.organic .lesson-nav--previous.lesson-nav--floating .lesson-nav-link {
	inset-block-start: 2vh;
	inset-inline-end: 3vh
}

.organic .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
	inset-block-end: 2vh;
	inset-inline-end: 3vh
}

.organic .lesson-nav-link__link {
	align-items: center;
	color: inherit;
	display: flex;
	justify-content: center;
	text-decoration: none;
	width: 100%
}

.organic .lesson-nav-link-tooltip {
	inset-block-end: 100%;
	inset-inline-start: 50%;
	max-width: 95%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), 1rem);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.organic .lesson-nav-link-tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate(calc(-50%*var(--dir-x)), -.4rem)
}

.organic .lesson-nav-link-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	border-radius: 200px;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-block: 1.2rem;
	padding-inline: 2.1rem;
	position: relative;
	text-align: center
}

.organic .lesson-nav-link-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem);
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.organic .lesson-nav-link-tooltip__inner--dark {
	background-color: #f8f8f8;
	color: #000
}

.organic .lesson-nav-link-tooltip__inner--dark:after {
	background: #f8f8f8
}

.organic .lesson-nav--floating[data-visible=true] .lesson-nav-link {
	opacity: 1;
	transform: none
}

.organic .lesson-nav--floating.lesson-nav--previous[data-hidden=true] .lesson-nav-link {
	transform: translateY(-200%)
}

.organic .lesson-nav--floating.lesson-nav--next[data-hidden=true] .lesson-nav-link {
	transform: translateY(200%)
}

.organic .lesson-nav--light.lesson-nav--full {
	--color-background: #f0f0f0;
	--color-button-contrast: #000
}

.organic .lesson-nav--dark.lesson-nav--full {
	--color-background: #000;
	--button-background-hover-color: #303030;
	--button-background-selected-color: #707070;
	--color-button-contrast: #fff
}

.organic .lesson-nav--accent.lesson-nav--full {
	--button-background-hover-color: #0003;
	--button-background-selected-color: #0006;
	--button-text-hover-color: var(--color-button-contrast)
}

.organic .lesson-nav--tint.lesson-nav--full {
	--button-background-hover-color: #ffffffb3;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:before {
	background-color: #ffffffd9
}

.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--tint.lesson-nav--full .lesson-nav__link-icon,
.organic .lesson-nav--tint.lesson-nav--full .lesson-nav__link-text {
	filter: brightness(.85)
}

.organic .lesson-nav--light.lesson-nav--floating {
	--button-background-hover-color: #f0f0f0;
	--button-background-active-color: #e3e3e3;
	--color-button-contrast: #000
}

.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link {
	box-shadow: 0 .4rem 2rem #0000001a
}

.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:hover {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:active {
	background-color: var(--button-background-active-color);
	box-shadow: none;
	color: initial
}

.organic .lesson-nav--dark.lesson-nav--floating {
	--color-background: #303030;
	--button-background-hover-color: #454545;
	--button-background-active-color: #707070;
	--color-button-contrast: #fff
}

.organic .lesson-nav--tint.lesson-nav--floating {
	--color-background: var(--color-theme);
	--button-background-hover-color: #ffffffb3;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link {
	box-shadow: 0 0 0 2px var(--color-theme);
	box-sizing: border-box;
	height: 5.6rem
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:before {
	background-color: #fffc
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-icon,
.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav__link-text {
	filter: brightness(.85)
}

.organic .lesson-nav--accent.lesson-nav--floating {
	--color-background: var(--color-theme);
	--button-background-hover-color: #0003;
	--button-background-selected-color: #0006
}

.organic .lesson-nav--light.lesson-nav--floating-full {
	--color-background: #fff;
	--button-border-color: #303030;
	--color-button-contrast: #000
}

.organic .lesson-nav--dark.lesson-nav--floating-full {
	--color-background: #000;
	--button-border-color: #fff;
	--button-background-hover-color: #303030;
	--button-background-selected-color: #707070;
	--color-button-contrast: #fff
}

.organic .lesson-nav--accent.lesson-nav--floating-full {
	--button-background-hover-color: #0003;
	--button-background-selected-color: #0006;
	--button-border-color: var(--color-button-contrast)
}

.organic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link {
	border: .2rem solid var(--button-border-color)
}

.organic .lesson-nav--tint.lesson-nav--floating-full {
	--color-background: var(--color-theme);
	--button-border-color: var(--color-theme);
	--button-background-hover-color: #ffffffb3;
	--button-background-selected-color: #fff9;
	--color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--floating-full:before {
	background-color: #ffffffd9;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute;
	z-index: 0
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link {
	background-color: var(--color-background)
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:before {
	background-color: #fffc;
	border-radius: 10rem;
	margin-block: 1.9rem;
	margin-inline: 1.9rem
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover {
	background-color: var(--color-theme-tint)
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover:before {
	background-color: var(--button-background-hover-color)
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:active:before {
	background-color: var(--button-background-selected-color)
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,
.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
	color: var(--color-theme);
	filter: brightness(.8)
}

.organic .page-transition-back-enter .lesson-nav--floating .lesson-nav-link,
.organic .page-transition-back-leave .lesson-nav--floating .lesson-nav-link,
.organic .page-transition-enter .lesson-nav--floating .lesson-nav-link,
.organic .page-transition-leave .lesson-nav--floating .lesson-nav-link {
	display: none
}

@keyframes organic-lesson-content-enter {
	0% {
		opacity: 0
	}

	10% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes organic-lesson-content-exit {
	0% {
		opacity: 1
	}

	10% {
		opacity: 1
	}

	60% {
		opacity: 0
	}

	to {
		opacity: 0
	}
}

.organic .lesson {
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute;
	z-index: 2
}

.organic .lesson--entering .lesson__content {
	animation: organic-lesson-content-enter .5s
}

.organic .lesson--exiting .lesson__content {
	animation: organic-lesson-content-exit .6s;
	animation-fill-mode: forwards
}

.organic {
	--color-one-page-cover-contrast: var(--color-theme-contrast);
	--color-one-page-cover-contrast-complementary: var(--color-theme-contrast-complementary)
}

.organic .one-page-cover__wrapper--image,
.organic .one-page-cover__wrapper--white {
	--color-background: #fff
}

.organic .one-page-cover__wrapper--overlay-light,
.organic .one-page-cover__wrapper--white {
	--color-one-page-cover-contrast: #000;
	--color-one-page-cover-contrast-complementary: #fff
}

.organic .one-page-cover__wrapper--overlay-dark {
	--color-one-page-cover-contrast: #fff;
	--color-one-page-cover-contrast-complementary: #000
}

.organic .one-page-cover-info__title {
	margin-block-end: 1.6rem
}

.organic .one-page-cover-info .one-page-title {
	color: var(--color-one-page-cover-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 7.2rem;
	font-weight: 700;
	line-height: 8.5rem
}

@media(max-width:47.9375em) {
	.organic .one-page-cover-info .one-page-title {
		font-size: 4rem;
		line-height: 5rem
	}
}

@media(max-width:29.9375em) {
	.organic .one-page-cover-info .one-page-title {
		font-size: 3.2rem;
		line-height: 3.8rem
	}
}

@media(min-width:62em) {

	.organic .one-page-cover-info .one-page-authors__avatar,
	.organic .one-page-cover-info .one-page-authors__avatar-fallback {
		height: 4rem;
		width: 4rem
	}
}

.organic .one-page-cover-info .one-page-authors__name {
	color: var(--color-one-page-cover-contrast, #fff);
	font-weight: 600
}

@media(min-width:62em) {
	.organic .one-page-cover-info .one-page-authors__name {
		font-size: 1.6rem
	}
}

.organic {
	--color-background: var(--color-theme);
	--color-one-page-lesson-header-contrast: var(--color-theme-contrast);
	--color-one-page-lesson-header-contrast-complementary: var(--color-theme-contrast-complementary)
}

.organic .one-page-lesson-header {
	background-color: var(--color-background);
	clip-path: url(#cover-page-clip-path);
	height: 39.4rem
}

.organic .one-page-lesson-header--image {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #fff
}

.organic .one-page-lesson-header--image.one-page-lesson-header--overlay-light {
	--color-one-page-lesson-header-contrast: #000
}

.organic .one-page-lesson-header--white {
	--color-background: #fff;
	--color-one-page-lesson-header-contrast: #000;
	border-block-end: none
}

.organic .one-page-lesson-header-info__title {
	margin-block-end: 1.6rem
}

.organic .one-page-lesson-header-info .one-page-title {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-family: var(--font-family-head);
	font-size: 3.2rem;
	font-weight: 700
}

@media(min-width:30em) {
	.organic .one-page-lesson-header-info .one-page-title {
		font-size: 4.5rem
	}
}

.organic .one-page-lesson-header-info .one-page-authors__avatar {
	border-color: var(--color-one-page-lesson-header-contrast, #fff)
}

@media(min-width:62em) {
	.organic .one-page-lesson-header-info .one-page-authors__avatar {
		height: 4rem;
		width: 4rem
	}
}

.organic .one-page-lesson-header-info .one-page-authors__name {
	color: var(--color-one-page-lesson-header-contrast, #fff);
	font-weight: 700
}

.btn-skip-to-lesson {
	background: #313537;
	color: #fff;
	cursor: pointer;
	flex: 0 0 auto;
	font-size: 1.1rem;
	font-weight: 900;
	letter-spacing: .1rem;
	line-height: 1.1rem;
	overflow-y: hidden;
	position: relative;
	text-align: start;
	text-transform: uppercase;
	z-index: 3
}

.btn-skip-to-lesson:focus {
	outline: none
}

.btn-skip-to-lesson__wrap {
	align-items: center;
	display: flex;
	padding-block: 1.3rem 1.1rem;
	padding-inline: 2rem
}

.btn-skip-to-lesson__icon {
	flex: 0 0 auto;
	height: 1.6rem;
	transform: rotate(-90deg)
}

.browser-support {
	inset-block-end: 0;
	inset-inline: 0;
	position: fixed;
	z-index: 999
}

.browser-support__inner {
	background-color: #282828;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .02rem;
	padding-block: 2.5rem;
	padding-inline: 2.5rem;
	position: relative;
	text-align: start
}

@media(min-width:48em) {
	.browser-support__inner {
		text-align: center
	}
}

.browser-support__text {
	color: #a2acb0
}

.browser-support__text--full {
	display: none
}

@media(min-width:48em) {
	.browser-support__text--full {
		display: inline
	}

	.browser-support__text--mobile {
		display: none
	}
}

.browser-support__link {
	color: #fff;
	text-decoration: none
}

.browser-support__link>.icon {
	font-size: .75rem;
	margin-inline-start: .3rem
}

.browser-support__dismiss {
	background-color: #fafafa;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	height: 3.4rem;
	inset-block-start: 50%;
	inset-inline-end: 3rem;
	line-height: 3.4rem;
	margin-block-start: -1.7rem;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	text-align: center;
	width: 3.4rem
}

.browser-support__dismiss-icon {
	display: inline-block;
	font-size: 3rem;
	line-height: normal !important;
	margin-block-start: -.25rem
}

.button {
	-webkit-appearance: none;
	appearance: none;
	background: #0000;
	border: 0;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: inherit;
	padding-block: 0;
	padding-inline: 0
}

.button--sidebar {
	height: 5.2rem;
	inset-block-end: 0;
	inset-inline-start: 0;
	padding-block: 1.5rem;
	padding-inline: 0;
	position: fixed;
	width: 36rem
}

.button--sidebar-basic {
	padding-block: 1.85rem;
	padding-inline: 0;
	width: 100%
}

.button--sidebar,
.button--sidebar-basic {
	background-color: #000 !important;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .08rem;
	text-transform: uppercase
}

.button--sidebar [class*=icon-],
.button--sidebar-basic [class*=icon-] {
	background: #fff;
	border-radius: 50%;
	color: #000;
	display: inline-block;
	font-size: 1rem;
	height: 2.2rem;
	line-height: 2.2rem;
	margin-inline-end: .8rem;
	vertical-align: 5%;
	width: 2.2rem
}

.button--done {
	border-radius: 3.3rem;
	height: 3.3rem;
	letter-spacing: .16rem;
	line-height: 3.3rem;
	min-width: 12.5rem;
	padding-inline: 3rem;
	-webkit-font-smoothing: antialiased
}

.button--done,
.button--header {
	background: #fff;
	color: #000;
	font-size: 1.2rem;
	font-weight: 900;
	padding-block: 0;
	text-align: center;
	text-transform: uppercase
}

.button--header {
	border-radius: 2.5rem;
	height: 2.5rem;
	letter-spacing: .12rem;
	line-height: 2.5rem;
	padding-inline: 1.5rem
}

.button--logo {
	display: flex
}

.button--header-done,
.button--inverted,
.button--outline {
	border-radius: 2.5rem;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .12rem;
	padding-block: .25rem;
	padding-inline: 2rem;
	text-align: center;
	text-transform: uppercase
}

.button+.button--header-done,
.button+.button--inverted,
.button+.button--outline {
	margin-inline-start: 1.5rem
}

.button+.button--header-done-right-course-themes,
.button+.button--inverted-right-course-themes,
.button+.button--outline-right-course-themes {
	margin-inline-start: .6rem
}

.button--header-done,
.button--inverted,
button.button--outline {
	padding-block: .4rem;
	padding-inline: 2rem
}

.button--compact {
	padding-block: .3rem;
	padding-inline: 1.5rem
}

.button--next,
.button--submit {
	background: #d6d7d7;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 900;
	min-width: 13rem;
	padding-block: 1.5rem;
	padding-inline: 3rem;
	text-transform: uppercase;
	transition: background .3s
}

.button--next:hover,
.button--submit:hover {
	transition: background 0
}

.button--submit {
	pointer-events: none
}

.button--submit-active {
	background: #50abf1;
	pointer-events: inherit
}

.button--outline {
	background: #fff;
	border: 1px solid #0006;
	outline-offset: 2px;
	text-decoration: none
}

.button--outline-transparent {
	background: initial
}

.button--outline:focus:enabled:not(.button--disabled),
.button--outline:hover:enabled:not(.button--disabled),
.menu--active .button--outline {
	border-color: #000
}

.button--link {
	color: inherit;
	cursor: pointer;
	text-decoration: underline
}

.button--header-done,
.button--inverted {
	background: #000;
	border: 1px solid #0006;
	color: #fff
}

.button--header-done.button--disabled {
	margin-inline-start: 1.5rem;
	opacity: .2
}

.button--signin {
	background: #4fbdf4;
	border-radius: 2.25rem;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	height: 4.5rem;
	line-height: 4.5rem;
	outline: none;
	padding-block: 0;
	padding-inline: 3.5rem;
	text-decoration: none;
	transition: box-shadow 90ms ease-in-out, transform 90ms ease-in-out;
	-webkit-user-select: none;
	user-select: none
}

.button--signin:focus,
.button--signin:hover {
	box-shadow: inset 0 -1px #0003
}

.button--signin:active {
	box-shadow: inset 0 1px #0003, inset 0 100px #0000001a;
	transform: translateY(1px)
}

.button--disabled {
	cursor: not-allowed;
	opacity: .5
}

.button--controls-enhanced {
	background: #fff;
	border-radius: 4.4rem;
	box-shadow: 0 4px 24px #0000001a;
	color: #000;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2.4rem;
	padding-block: .8rem;
	padding-inline: 1.7rem;
	transition: background .2s ease-in-out
}

.button--controls-enhanced:focus,
.button--controls-enhanced:hover {
	background-color: #eaeaeb
}

.button--controls {
	background: #fff;
	border: 1px solid #0003;
	border-radius: 2.3rem;
	font-size: 1.2rem;
	font-weight: 400;
	height: 3rem;
	letter-spacing: 0;
	line-height: 2.3rem;
	padding-block: 0;
	padding-inline: 2rem;
	text-align: center;
	text-transform: none
}

.button+.button--controls {
	margin-inline-start: 1.5rem
}

.button--controls:hover {
	border-color: #000c
}

.button--extraPadding {
	padding-block: 1.15rem;
	padding-inline: 4.8rem
}

.modal {
	align-items: center;
	background: #0000;
	border: none;
	display: flex;
	flex-direction: column;
	height: 100%;
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	margin-block: 0;
	margin-inline: 0;
	max-height: 100vh;
	max-width: 100vw;
	padding-block: 0;
	padding-inline: 0;
	position: fixed;
	width: 100%;
	z-index: 1001
}

.modal--force-to-top {
	justify-content: flex-start;
	padding-block-start: 5rem
}

.modal-enter .modal__dialog,
.modal-enter .modal__overlay {
	opacity: 0
}

.modal-enter .modal__dialog {
	transform: scale(.97)
}

.modal-enter.modal-enter-active .modal__overlay {
	opacity: 1;
	transition: opacity .4s ease-out
}

.modal-enter.modal-enter-active .modal__dialog {
	opacity: 1;
	transform: scale(1);
	transition: opacity .3s ease-out, transform .3s ease-out
}

.modal-exit .modal__dialog,
.modal-exit .modal__overlay {
	opacity: 1
}

.modal-exit .modal__dialog {
	transform: scale(1)
}

.modal-exit.modal-exit-active .modal__overlay {
	opacity: 0;
	transition: opacity .4s ease-out
}

.modal-exit.modal-exit-active .modal__dialog {
	opacity: 0;
	transform: scale(.97);
	transition: opacity .15s ease-in, transform .15s ease-in
}

.modal__overlay {
	background: #ffffffb3;
	inset-block: 0;
	inset-inline: 0;
	position: fixed
}

.modal__overlay--dark {
	background: #00000080
}

.modal__dialog {
	background: #fff;
	border: none;
	box-shadow: 0 .6rem 2rem #00000014;
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
	max-width: 100%;
	position: relative;
	width: 54rem;
	z-index: 1002
}

.modal__close {
	color: #0009;
	cursor: pointer;
	height: 3rem;
	line-height: 3rem;
	margin-inline: auto 1.5rem;
	text-align: center;
	transition: color .3s;
	width: 3rem
}

.modal__close:active,
.modal__close:focus,
.modal__close:focus-within .modal__close:hover {
	color: #000
}

.modal__close .icon {
	display: inline-block;
	height: 2.6rem;
	padding-block: .2rem;
	padding-inline: .2rem;
	width: 2.6rem
}

.modal__close .icon svg {
	height: 100%;
	width: 100%
}

.modal__heading-wrapper {
	border-block-end: .1rem solid #eaeaeb;
	padding-block: 1.25rem;
	padding-inline: 3rem 0
}

.modal__header,
.modal__heading-flexbox {
	align-items: center;
	display: flex
}

.modal__header {
	gap: var(--arc-space-1);
	line-height: 3rem
}

.modal__heading {
	color: #000
}

.modal__subheading {
	font-size: 1.1rem;
	padding-inline-start: .5rem
}

.modal__subtitle {
	color: #adaeaf
}

.modal__text {
	color: #000
}

.modal__content {
	height: 100%
}

.modal__content--with-footer {
	flex-grow: 1;
	overflow-y: hidden
}

.modal__content--force-scroll {
	overflow-y: hidden
}

.modal__footer {
	flex-shrink: 0;
	height: 6.8rem;
	z-index: 12
}

.modal__footer-shadow {
	box-shadow: 0 0 2rem 0 #0000003d;
	height: 1rem;
	inset-block-end: 5.8rem;
	inset-inline: 0;
	position: absolute;
	width: 100%;
	z-index: -10
}

.modal::backdrop {
	display: none
}

.base-modal__content {
	padding-block: 2rem;
	padding-inline: 3rem
}

.base-modal__content--centered {
	text-align: center
}

.base-modal__fields {
	padding-block: 3rem 1rem;
	padding-inline: 3rem
}

.base-modal__input {
	background-color: #f7f7f7;
	background-image: none;
	border: 0;
	border-radius: 0;
	color: #000;
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-block-end: 1rem;
	outline: none;
	padding-block: 1.4rem;
	padding-inline: 1.4rem;
	width: 100%
}

.base-modal__label {
	display: inline-block;
	font-size: 1.3rem;
	margin-block-end: 1rem
}

.base-modal__btns {
	display: flex;
	justify-content: center;
	padding-block: 2rem;
	padding-inline: 0
}

.overview-list__section-title {
	border-block-end: .1rem solid #0000001a;
	color: #000;
	font-family: var(--font-family-ui);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .06rem;
	margin-block: 1.5rem;
	padding-block: .5rem;
	padding-inline: 0;
	text-transform: uppercase
}

.overview--modern .overview-list__section-title {
	border-block-end: none;
	margin-block: 3rem 1.2rem
}

.overview-list__list {
	list-style: none
}

.overview-list-item,
.overview-list__list {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

.overview-list-item--restricted {
	cursor: not-allowed
}

.overview-list-item__link {
	display: flex;
	position: relative;
	text-decoration: none;
	transition: background-color .3s
}

.overview-list-item__link:active,
.overview-list-item__link:hover {
	background-color: #f3f3f3;
	transition-duration: .1s
}

.overview-list-item--restricted .overview-list-item__link {
	cursor: inherit
}

.overview--modern .overview-list-item__link {
	margin-block: 0;
	margin-inline: -1rem;
	padding-inline: 1rem;
	transition: background .3s
}

.overview--modern .overview-list-item__link:hover {
	background: #f7f7f7;
	border-radius: .4rem;
	transition-duration: .1s
}

.overview-list-item__title {
	color: #000;
	display: block;
	font-family: var(--font-family-ui);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.6rem;
	padding-block: 2rem;
	padding-inline: 4rem 6.3rem;
	text-decoration: none;
	width: 100%
}

.overview-list-item--restricted .overview-list-item__title {
	color: #00000080
}

.overview--modern .overview-list-item__title {
	font-weight: 500;
	padding-inline-start: 3.5rem
}

.overview-list-item__icon {
	align-items: center;
	color: #717376;
	display: flex;
	inset-block-start: 2.2rem;
	inset-inline-start: .8rem;
	justify-content: center;
	pointer-events: none;
	position: absolute;
	transform: scaleX(var(--dir-x));
	width: 1.6rem
}

.overview-list-item__icon>svg {
	width: 1.6rem
}

.overview-list-item__link:not(.overview-list-item--restricted):not(.overview-list-item__link--restricted):active .overview-list-item__icon,
.overview-list-item__link:not(.overview-list-item--restricted):not(.overview-list-item__link--restricted):hover .overview-list-item__icon {
	color: #000
}

.svgPath {
	height: 0;
	position: absolute;
	width: 0
}

.overview__wrap {
	display: flex
}

.overview__image {
	background-size: cover;
	position: relative
}

.cover {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.locale-selector__modal .modal__dialog {
	height: 100vh;
	width: 100vw
}

@media(min-width:48em) {
	.locale-selector__modal .modal__dialog {
		border-radius: .8rem;
		height: 24.4rem;
		width: 44rem
	}
}

.locale-selector__modal .modal__content {
	align-items: center;
	display: flex;
	padding-block: 2rem;
	padding-inline: 3rem;
	width: 100%
}

.locale-selector__container {
	width: 100%
}

.locale-selector__heading {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.6rem;
	margin-block-end: 2.4rem
}

.locale-selector__course-title {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6rem
}

.locale-selector__selector {
	border: 1px solid #0000004d;
	border-radius: .8rem;
	height: 4rem;
	margin-block: 2rem 3.6rem;
	margin-inline: 0;
	padding-block: .75rem;
	padding-inline: 1.5rem;
	text-align: center
}

.locale-selector__selector select {
	border: none;
	font-size: 1.4rem;
	width: 100%
}

.locale-selector__footer {
	text-align: end
}

@keyframes one-page-slide-bottom-enter {
	0% {
		opacity: 0;
		transform: translateY(100vh)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes one-page-slide-bottom-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 0;
		transform: translateY(100vh)
	}
}

.one-page .lesson:after {
	content: none
}

.one-page .lesson--entering-slide .lesson__content {
	animation: one-page-slide-bottom-enter 625ms;
	z-index: 1
}

.one-page .lesson--exiting-slide .lesson__content {
	animation: one-page-slide-bottom-exit 625ms
}

.lesson {
	margin-block: 0;
	margin-inline: auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	transition: padding-inline-start .3s;
	word-wrap: break-word;
	height: 100%;
	overflow-wrap: break-word
}

.lesson:after {
	content: "mobile";
	height: 0;
	visibility: hidden;
	width: 0
}

@media(min-width:60em) {
	.lesson:after {
		content: "desktop"
	}

	.lesson--open {
		padding-inline-start: 28rem
	}
}

.lesson__sidebar {
	backface-visibility: hidden;
	background: #fafafa;
	height: 100vh;
	inset-block-start: 0;
	inset-inline-start: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transform: translateZ(0);
	transition: opacity 0s .3s;
	width: 26rem
}

.lesson__sidebar:after {
	box-shadow: inset calc(-2rem*var(--dir-x)) 0 2rem -2rem #0000003d;
	content: "";
	inset-block: 0;
	inset-inline-end: 0;
	pointer-events: none;
	position: absolute;
	width: 2rem;
	z-index: 1
}

.lesson__sidebar--safari:after {
	background: linear-gradient(90deg, #0000 30%, #0000001a);
	box-shadow: none
}

.lesson--open .lesson__sidebar {
	opacity: 0;
	transition: opacity 0s .3s
}

.lesson--open-mobile .lesson__sidebar {
	opacity: 1;
	transition: opacity 0s
}

@media(min-width:60em) {
	.lesson__sidebar {
		width: 28rem
	}

	.lesson--open .lesson__sidebar {
		opacity: 1;
		transition: opacity 0s
	}
}

.lesson__content {
	background: #f5f5f5;
	height: 100%;
	margin-block: 0;
	margin-inline: auto;
	max-height: 100vh;
	overflow: hidden;
	position: relative;
	transition: transform .3s
}

.theme .lesson__content {
	box-shadow: 0 0 4rem #0000001f
}

@media(max-width:59.9375em) {
	.lesson--open-mobile .lesson__content {
		transform: translateX(calc(26rem*var(--dir-x)))
	}
}

.blocks-lesson {
	background: #fff;
	padding-block-end: 2rem
}

@media(min-width:48em) {
	.blocks-lesson {
		padding-block-end: 9.5rem
	}
}

.blocks-lesson--one-page {
	padding-block-end: 0
}

.blocks-lesson__block-wrapper--hidden {
	display: none
}

.block-text__heading h2,
.block-text__heading h3,
.block-text__heading h4,
.block-text__heading h5 {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25;
	padding-block: .8rem;
	padding-inline: 0
}

.block-text__heading h2 p,
.block-text__heading h3 p,
.block-text__heading h4 p,
.block-text__heading h5 p {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25
}

.block-text__heading h2 {
	font-size: 2.8rem
}

@media(min-width:45em) {
	.block-text__heading h2 {
		font-size: 3.2rem
	}
}

@media print {
	.block-text__heading h2 {
		font-size: 2.2rem
	}
}

.block-text__heading h3 {
	font-size: 2.2rem
}

@media(min-width:45em) {
	.block-text__heading h3 {
		font-size: 2.4rem
	}
}

@media print {
	.block-text__heading h3 {
		font-size: 1.8rem
	}
}

.block-text__heading h4 {
	font-size: 1.8rem
}

@media(min-width:45em) {
	.block-text__heading h4 {
		font-size: 2rem
	}
}

@media print {
	.block-text__heading h4 {
		font-size: 1.6rem
	}
}

.block-text__heading h5 {
	font-size: 1.6rem
}

@media(min-width:45em) {
	.block-text__heading h5 {
		font-size: 1.8rem
	}
}

@media print {
	.block-text__heading h5 {
		font-size: 1.4rem
	}
}

.block-text {
	--color-code-caption-border: #eaeaeb;
	--color-table-border: #ddd;
	--color-th-bg: var(--color-theme);
	--color-th-text: var(--color-theme-contrast);
	font-family: var(--font-family-body);
	font-size: 1.7rem;
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-text:not(.bg--type-light) .audio-player {
	--color-track-opacity: 0.3
}

.block-text.bg--type-accent,
.block-text.bg--type-color,
.block-text.bg--type-image {
	--color-table-border: var(--color-text)
}

.block-text.bg--type-accent,
.block-text.bg--type-color {
	--color-code-caption-border: var(--color-text, #eaeaeb)
}

.block-text.bg--type-image {
	--color-th-bg: #0000;
	--color-th-text: var(--color-text)
}

.block-text.bg--type-image.bg--overlay-light,
.block-text.bg--type-tint {
	--color-code-caption-border: #000
}

@media(prefers-reduced-motion:reduce) {
	.block-text {
		transition: none
	}
}

@media print {
	.block-text {
		font-size: 1.3rem
	}
}

.block-text p {
	font-weight: 400;
	line-height: 1.9411764706;
	margin-block-end: 3.4rem
}

.block-text p:last-child {
	margin-block-end: 0
}

.block-text ol p,
.block-text ul p {
	margin-block-end: unset
}

.block-text table p {
	font-weight: inherit
}

.block-text table+* {
	margin-block-start: 3.4rem
}

.block-text--heading h2,
.block-text--heading h3,
.block-text--heading h4,
.block-text--heading h5 {
	margin-block: 0 -1px;
	margin-inline: 0;
	padding-block: .8rem;
	padding-inline: 0
}

.block-text__col h2,
.block-text__col h3,
.block-text__col td,
.block-text__col th {
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {

	.block-text__col h2,
	.block-text__col h3,
	.block-text__col td,
	.block-text__col th {
		transition: none
	}
}

.block-text--heading-custom-text-padding-sm .block-text__col h2,
.block-text--heading-custom-text-padding-sm .block-text__col h3,
.block-text--heading-custom-text-padding-sm .block-text__col h4,
.block-text--heading-custom-text-padding-sm .block-text__col h5 {
	padding-block-end: .8rem
}

.block-text--heading-custom-text-padding-med .block-text__col h2,
.block-text--heading-custom-text-padding-med .block-text__col h3,
.block-text--heading-custom-text-padding-med .block-text__col h4,
.block-text--heading-custom-text-padding-med .block-text__col h5 {
	padding-block-end: 3.2rem
}

.block-text--heading-custom-text-padding-lg .block-text__col h2,
.block-text--heading-custom-text-padding-lg .block-text__col h3,
.block-text--heading-custom-text-padding-lg .block-text__col h4,
.block-text--heading-custom-text-padding-lg .block-text__col h5 {
	padding-block-end: 5.6rem
}

.block-text--onecol-custom-cell-padding-sm .block-text__col td,
.block-text--onecol-custom-cell-padding-sm .block-text__col th {
	padding-block: 1rem;
	padding-inline: 1rem
}

.block-text--onecol-custom-cell-padding-med .block-text__col td,
.block-text--onecol-custom-cell-padding-med .block-text__col th {
	padding-block: 1.5rem;
	padding-inline: 1.5rem
}

.block-text--onecol-custom-cell-padding-lg .block-text__col td,
.block-text--onecol-custom-cell-padding-lg .block-text__col th {
	padding-block: 3rem;
	padding-inline: 3rem
}

@media(min-width:52.5em) {

	.block-text--heading .block-text__col,
	.block-text--onecol .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.block-text--heading .block-text__col:first-child,
	.block-text--onecol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}

	.block-text--heading-custom-width-text-med .block-text__col,
	.block-text--onecol-custom-width-text-med .block-text__col {
		width: 76rem
	}

	.block-text--heading-custom-width-text-med .block-text__col:first-child,
	.block-text--onecol-custom-width-text-med .block-text__col:first-child {
		margin-block: 0;
		margin-inline: auto
	}

	.block-text--onecol-custom-width-table-med .block-text__col {
		margin-block: 0;
		margin-inline: auto;
		width: 76rem
	}

	.block-text--heading-custom-width-text-sm .block-text__col,
	.block-text--onecol-custom-width-text-sm .block-text__col {
		width: 52rem
	}

	.block-text--heading-custom-width-text-sm .block-text__col:first-child,
	.block-text--onecol-custom-width-text-sm .block-text__col:first-child {
		margin-block: 0;
		margin-inline: auto
	}

	.block-text--onecol-custom-width-table-sm .block-text__col {
		margin-block: 0;
		margin-inline: auto;
		width: 52rem
	}
}

@media(min-width:62em) {

	.block-text--heading-custom-width-text-lg .block-text__col,
	.block-text--onecol-custom-width-table-lg .block-text__col,
	.block-text--onecol-custom-width-text-lg .block-text__col {
		width: 92rem
	}

	.block-text--heading-custom-width-text-lg .block-text__col:first-child,
	.block-text--onecol-custom-width-table-lg .block-text__col:first-child,
	.block-text--onecol-custom-width-text-lg .block-text__col:first-child {
		margin-block: 0;
		margin-inline: auto
	}
}

@media(min-width:30em) {

	.block-text--heading-custom-width .block-text__col,
	.block-text--onecol-custom-width .block-text__col {
		padding-inline: 3rem
	}
}

@media(min-width:62em) {

	.block-text--heading-custom-width .block-text__col,
	.block-text--onecol-custom-width .block-text__col {
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:52.5em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,
	.lesson--open .block-text--heading .block-text__col,
	.lesson--open .block-text--onecol .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,
	.lesson--open .block-text--heading .block-text__col:first-child,
	.lesson--open .block-text--onecol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,
	.lesson--open .block-text--heading .block-text__col,
	.lesson--open .block-text--onecol .block-text__col {
		width: 100%
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,
	.lesson--open .block-text--heading .block-text__col:first-child,
	.lesson--open .block-text--onecol .block-text__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,
	.lesson--open .block-text--heading .block-text__col,
	.lesson--open .block-text--onecol .block-text__col {
		width: 83.3333333333%
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,
	.lesson--open .block-text--heading .block-text__col:first-child,
	.lesson--open .block-text--onecol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:52.5em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
		width: 100%
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:80em) {

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
		width: 92rem
	}

	.course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,
	.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
		margin-block: 0;
		margin-inline: auto
	}
}

@media print {
	.block-text--twocol .block-text__row {
		display: flex;
		margin-block: 0;
		margin-inline: 0
	}
}

@media(min-width:52.5em) {
	.block-text--twocol .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		margin-inline-start: 8.3333333333%;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}
}

@media print and (min-width:52.5em) {
	.block-text--twocol .block-text__col {
		float: none;
		margin-inline-start: 0;
		width: 100%
	}
}

@media(min-width:60em) {
	.block-text--twocol .block-text__col {
		margin-inline-start: 0;
		width: 41.6666666667%
	}

	.block-text--twocol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.block-text--fourcol .block-text__image,
.block-text--threecol .block-text__image,
.block-text--twocol .block-text__image {
	margin-block-end: 2rem;
	width: 100%
}

.block-text--fourcol .block-text__image--legacy,
.block-text--threecol .block-text__image--legacy,
.block-text--twocol .block-text__image--legacy {
	background-position: 50%;
	background-size: cover;
	cursor: pointer;
	cursor: zoom-in
}

.block-text--fourcol .block-text__image img,
.block-text--threecol .block-text__image img,
.block-text--twocol .block-text__image img {
	height: 39rem;
	object-fit: cover;
	width: 100%
}

@media(min-width:60em) {

	.block-text--fourcol .block-text__image img,
	.block-text--threecol .block-text__image img,
	.block-text--twocol .block-text__image img {
		height: 22.7rem
	}
}

@media(min-width:48em) {
	.block-text--threecol .block-text__image img {
		height: 50rem
	}
}

@media(min-width:75em) {
	.block-text--threecol .block-text__image img {
		height: 22.7rem
	}
}

@media(min-width:52.5em) {
	.block-text--fourcol .block-text__image img {
		height: 50rem
	}
}

@media(min-width:62em) {
	.block-text--fourcol .block-text__image img {
		height: 17.4rem
	}
}

@media(min-width:52.5em) {
	.lesson--open .block-text--twocol .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		margin-inline-start: 8.3333333333%;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 41.6666666667%
	}

	.lesson--open .block-text--twocol .block-text__col:last-child {
		margin-inline-start: 0
	}
}

@media(min-width:60em) {
	.lesson--open .block-text--twocol .block-text__col {
		margin-inline-start: 0;
		width: 50%
	}

	.lesson--open .block-text--twocol .block-text__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .block-text--twocol .block-text__col {
		width: 41.6666666667%
	}

	.lesson--open .block-text--twocol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.block-text--threecol .block-text__row {
	display: flex;
	flex-direction: column;
	margin-block: 0;
	margin-inline: auto
}

@media(min-width:52.5em) {
	.block-text--threecol .block-text__row {
		align-items: center
	}
}

@media(min-width:75em) {
	.block-text--threecol .block-text__row {
		align-items: baseline;
		flex-direction: row
	}
}

@media(min-width:96.875em) {
	.block-text--threecol .block-text__row {
		width: 144rem
	}
}

@media(min-width:22.5em) {
	.block-text--threecol .block-text__col {
		padding-block: 0 3rem;
		padding-inline: 2rem
	}
}

@media(min-width:37.5em) {
	.block-text--threecol .block-text__col {
		padding-block: 0 3rem;
		padding-inline: 3rem
	}
}

@media(min-width:52.5em) {
	.block-text--threecol .block-text__col {
		padding-inline: 0;
		width: 75%
	}

	.block-text--threecol .block-text__col:last-child {
		padding-block-end: 0
	}
}

@media(min-width:75em) {
	.block-text--threecol .block-text__col {
		margin-block: 0;
		margin-inline: 0 2rem;
		padding-block-end: 0;
		width: 25%
	}

	.block-text--threecol .block-text__col:first-child {
		margin-inline-start: 10.8333333333%
	}

	.block-text--threecol .block-text__col:last-child {
		margin-inline-end: 0
	}
}

@media(min-width:96.875em) {
	.block-text--threecol .block-text__col {
		width: 36.5rem
	}

	.block-text--threecol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:75em) {
	.course-navigation__sidebar--nav-open .block-text--threecol .block-text__col {
		width: 25%
	}
}

@media(min-width:125em) {
	.course-navigation__sidebar--nav-open .block-text--threecol .block-text__col {
		width: 38.5rem
	}
}

.block-text--fourcol .block-text__row {
	display: flex;
	flex-direction: column;
	margin-block: 0;
	margin-inline: auto
}

@media(min-width:52.5em) {
	.block-text--fourcol .block-text__row {
		align-items: baseline;
		flex-flow: row wrap
	}
}

@media(min-width:80em) {
	.block-text--fourcol .block-text__row {
		flex-flow: row nowrap
	}
}

@media(min-width:96.875em) {
	.block-text--fourcol .block-text__row {
		width: 144rem
	}
}

.block-text--fourcol .block-text__col {
	margin-inline-end: 2rem
}

@media(min-width:22.5em) {
	.block-text--fourcol .block-text__col {
		padding-block: 0 3rem;
		padding-inline: 2rem
	}
}

@media(min-width:37.5em) {
	.block-text--fourcol .block-text__col {
		padding-block: 0 3rem;
		padding-inline: 3rem
	}
}

@media(min-width:52.5em) {
	.block-text--fourcol .block-text__col {
		margin-block: 0;
		margin-inline: auto;
		padding-inline: 0;
		width: 75%
	}
}

@media(min-width:62em) {
	.block-text--fourcol .block-text__col {
		margin-block: 0;
		margin-inline: 0 2rem;
		width: 32.5%
	}

	.block-text--fourcol .block-text__col:first-child,
	.block-text--fourcol .block-text__col:nth-child(3) {
		margin-inline-start: 16.6666666667%
	}
}

@media(min-width:75em) {
	.block-text--fourcol .block-text__col {
		padding-block-end: 0;
		width: 18.3333333333%
	}

	.block-text--fourcol .block-text__col:first-child {
		margin-inline-start: 10.8333333333%
	}

	.block-text--fourcol .block-text__col:last-child {
		margin-inline-end: 0
	}

	.block-text--fourcol .block-text__col:nth-child(3) {
		margin-inline-start: 0
	}
}

@media(min-width:96.875em) {
	.block-text--fourcol .block-text__col {
		width: 28rem
	}

	.block-text--fourcol .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}

	.course-navigation__sidebar--nav-open .block-text--fourcol .block-text__row {
		align-items: baseline;
		flex-flow: row wrap
	}
}

@media(min-width:125em) {
	.course-navigation__sidebar--nav-open .block-text--fourcol .block-text__row {
		flex-flow: row nowrap
	}
}

@media(min-width:96.875em) {
	.course-navigation__sidebar--nav-open .block-text--fourcol .block-text__col {
		width: 18.3333333333%
	}
}

@media(min-width:125em) {
	.course-navigation__sidebar--nav-open .block-text--fourcol .block-text__col {
		width: 28rem
	}
}

.block-text__figure {
	position: relative
}

.block-text__code {
	background: #fafafa;
	border: .1rem solid var(--color-snippet-contrast, #eee);
	border-radius: .3rem;
	color: var(--color-snippet-contrast, #000);
	font-family: Courier, monospace;
	font-size: 1.5rem;
	overflow: auto;
	padding-block: 3rem;
	padding-inline: 3rem
}

@media print {
	.block-text__code {
		font-size: 1.3rem
	}
}

.block-text__code-caption {
	border-block-end: .1rem solid var(--color-code-caption-border);
	margin-block: 0;
	margin-inline: 0;
	padding-block: 1.2rem 0;
	padding-inline: 0
}

.block-text__code-caption,
.block-text__code-caption p {
	font-size: 1.2rem;
	line-height: 2
}

@media(min-width:52.5em) {
	.block-text--code .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.block-text--code .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}

	.lesson--open .block-text--code .block-text__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson--open .block-text--code .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {
	.lesson--open .block-text--code .block-text__col {
		width: 100%
	}

	.lesson--open .block-text--code .block-text__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .block-text--code .block-text__col {
		width: 83.3333333333%
	}

	.lesson--open .block-text--code .block-text__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.block-text__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	overflow: hidden;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-text__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-text__container {
		padding-inline: 6rem 6rem
	}
}

.block-text__container--authoring {
	align-items: center;
	display: grid;
	min-height: 5rem
}

.block-text__row {
	word-break: normal
}

@media(min-width:52.5em) {
	.block-text__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.block-text__row:after,
	.block-text__row:before {
		content: " ";
		display: table
	}

	.block-text__row:after {
		clear: both
	}
}

@media(max-width:59.9375em) {
	.block-text--twocol .block-text__col {
		padding-block-end: 3rem
	}
}

@media print and (max-width:59.9375em) {
	.block-text--twocol .block-text__col:first-child {
		margin-inline-end: 2rem
	}
}

.block-text table.block-text__table {
	width: 100%
}

.block-text table.block-text__table th {
	background-color: var(--color-th-bg);
	color: var(--color-th-text)
}

.block-text table.block-text__table td {
	color: var(--color-text);
	text-align: center
}

.block-text--fourcol .block-text__row--media.block-text__row--top,
.block-text--threecol .block-text__row--media.block-text__row--top,
.block-text--twocol .block-text__row--media.block-text__row--top,
.block-text__row--media.block-text__row--top {
	margin-block: var(--arc-space-1)
}

.block-text--fourcol .block-text__row--media.block-text__row--top:not(.block-text__row--hasHeading),
.block-text--threecol .block-text__row--media.block-text__row--top:not(.block-text__row--hasHeading),
.block-text--twocol .block-text__row--media.block-text__row--top:not(.block-text__row--hasHeading),
.block-text__row--media.block-text__row--top:not(.block-text__row--hasHeading) {
	margin-block: 0;
	margin-bottom: var(--arc-space-1)
}

.block-text--fourcol .block-text__row--media.block-text__row--bottom,
.block-text--threecol .block-text__row--media.block-text__row--bottom,
.block-text--twocol .block-text__row--media.block-text__row--bottom,
.block-text__row--media.block-text__row--bottom {
	margin-block-start: var(--arc-space-1)
}

@media(min-width:52.5em) {

	.block-text--fourcol .block-text__col--media,
	.block-text--threecol .block-text__col--media,
	.block-text--twocol .block-text__col--media {
		width: 83.3333333333%
	}
}

@media(min-width:60em) {

	.block-text--fourcol .block-text__col--media,
	.block-text--threecol .block-text__col--media,
	.block-text--twocol .block-text__col--media {
		margin-inline-start: 0;
		width: 83.3333333333%
	}

	.block-text--fourcol .block-text__col--media:first-child,
	.block-text--threecol .block-text__col--media:first-child,
	.block-text--twocol .block-text__col--media:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.fr-view table.block-text__table td,
.fr-view table.block-text__table th {
	border-color: var(--color-table-border)
}

.block-wrapper {
	--color-background: #fff;
	background-color: var(--color-background);
	background-position: 50% 50%;
	background-size: cover;
	transition: background-color .1s linear, padding-block .5s linear, padding-inline .5s linear
}

.bg {
	--color-border-decorative: #0003;
	--color-caption-placeholder-text: #aaa;
	--color-carousel-arrow: #00000080;
	--color-progress-track: #0000004d;
	--color-text: #000;
	--color-theme-decorative-fg: var(--color-theme-contrast, #fff);
	--color-theme-decorative: var(--color-theme);
	color: var(--color-text);
	transition: color .1s linear
}

.bg--type-black,
.bg--type-dark {
	--color-border-decorative: #ffffff80;
	--color-caption-placeholder-text: #fff;
	--color-progress-track: #eaeaeb;
	--color-text: #fff
}

.bg--type-accent.bg--contrast-light,
.bg--type-black,
.bg--type-color.bg--contrast-light,
.bg--type-dark,
.bg--type-image:not(.bg--overlay-light) {
	--color-carousel-arrow: #fffc
}

.bg--type-accent {
	--color-border-decorative: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-caption-placeholder-text: var(--color-theme-contrast);
	--color-progress-track: rgb(var(--color-theme-contrast-complementary-rgb), 0.3);
	--color-text: var(--color-theme-contrast);
	--color-theme-decorative-fg: var(--color-theme-contrast-complementary);
	--color-theme-decorative: var(--color-theme-contrast)
}

.bg--type-accent.bg--contrast-light {
	--color-border-decorative: rgb(var(--color-theme-contrast-rgb), 0.5)
}

.bg--type-color {
	--color-border-decorative: rgb(var(--color-background-contrast-rgb), 0.3);
	--color-caption-placeholder-text: var(--color-background-contrast);
	--color-progress-track: rgb(var(--color-background-contrast-rgb), 0.3);
	--color-text: var(--color-background-contrast, #000)
}

.bg--type-color.bg--contrast-light {
	--color-border-decorative: rgb(var(--color-background-contrast-rgb), 0.5)
}

.bg--type-image {
	--color-border-decorative: #fffc;
	--color-caption-placeholder-text: #fff;
	--color-progress-track: #ffffff80;
	--color-text: #fff;
	--color-theme-decorative-fg: #000;
	--color-theme-decorative: #fff
}

.bg--type-image.bg--overlay-light {
	--color-border-decorative: #0009;
	--color-caption-placeholder-text: #000;
	--color-progress-track: #0003;
	--color-text: #000;
	--color-theme-decorative-fg: #fff;
	--color-theme-decorative: #000
}

.bg--type-accent .brand--linkColor a,
.bg--type-accent .brand--linkColor a:hover,
.bg--type-accent a:hover:not(.blocks-button__button),
.bg--type-accent a:not(.blocks-button__button),
.bg--type-image .brand--linkColor a,
.bg--type-image .brand--linkColor a:hover,
.bg--type-image a:hover:not(.blocks-button__button),
.bg--type-image a:not(.blocks-button__button) {
	color: var(--color-text) !important
}

[data-rmiz-modal-img],
[data-rmiz-modal-overlay] {
	transition-duration: .35s;
	transition-timing-function: ease-in-out
}

[data-rmiz-btn-unzoom] {
	inset-block: 20px auto;
	inset-inline: auto 20px
}

[data-rmiz-btn-unzoom],
[data-rmiz-btn-unzoom]>span,
[data-rmiz-btn-zoom],
[data-rmiz-btn-zoom]>span {
	align-items: center;
	display: flex;
	justify-content: center
}

[data-rmiz-btn-unzoom],
[data-rmiz-btn-zoom] {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 2px 4px #0003;
	color: #000;
	height: 3rem;
	padding-block: 0;
	padding-inline: 0;
	width: 3rem
}

[data-rmiz-btn-unzoom]>span,
[data-rmiz-btn-zoom]>span {
	height: 1.4rem;
	width: 1.4rem
}

[data-rmiz-btn-unzoom]>span>svg,
[data-rmiz-btn-zoom]>span>svg {
	height: auto;
	width: 100%
}

.media-group .embed,
.media-group .figure-video,
.media-group .img {
	margin-block-end: 4rem
}

.media-group .embed-border {
	background: #fff;
	border: 1px solid;
	border-radius: 3px;
	box-sizing: border-box;
	margin-block: 3rem 0;
	padding-block: 3rem;
	padding-inline: 3rem;
	width: 100%
}

.audio-player {
	--color-track: var(--color-text, var(--color-theme-contrast));
	--color-track-opacity: 0.1;
	--color-action: var(--color-text, var(--color-theme-contrast));
	--color-border-opacity: calc(var(--color-track-opacity)*100%);
	align-items: center;
	display: flex;
	flex: 1;
	height: var(--arc-size-5);
	line-height: 0;
	padding-block: .3rem;
	padding-inline: 0
}

@layer arc-components {

	.audio-player [arc-button],
	.audio-player [arc-button]:where(:focus, :focus-within):focus-visible {
		--arc-button-color: var(--color-action)
	}

	.audio-player [arc-button]:not([is-disabled], [is-processing]):hover {
		--arc-button-color: var(--color-action);
		--arc-button-background: color-mix(in sRGB, var(--color-action) calc(var(--color-track-opacity)*50%), #0000)
	}

	.audio-player [arc-button]:not([is-disabled], [is-processing]):is(:active, [is-active]) {
		--arc-button-color: var(--color-action);
		--arc-button-background: color-mix(in sRGB, var(--color-action) calc(var(--color-track-opacity)*100%), #0000)
	}
}

@media(forced-colors:active) {
	.audio-player {
		background: Canvas
	}
}

.audio-player__container {
	width: 100%
}

.audio-player--overlay {
	--color-action: var(--arc-color-mono-black);
	--color-track: var(--arc-color-mono-black);
	--color-track-opacity: 0.1;
	background-color: var(--arc-color-overlay-light);
	border-radius: var(--arc-border-radius-pill);
	color: var(--arc-color-mono-black);
	inset-block-end: var(--arc-space-1);
	inset-inline-start: 0;
	margin-inline-start: var(--arc-space-1);
	padding-inline: 0 var(--arc-space-2);
	position: absolute;
	transition: width .3s ease-in-out;
	width: calc(100% - var(--arc-space-2))
}

.audio-player--overlay:not(.audio-player--static):focus-within,
.audio-player--overlay:not(.audio-player--static):hover {
	background-color: #fff;
	opacity: 1
}

@media(prefers-reduced-motion) {
	.audio-player--overlay {
		transition: none
	}
}

.audio-player--overlay .audio-player__waveform {
	flex-shrink: 0;
	padding-inline: 0
}

.audio-player--overlay .audio-player__waveform-icon {
	padding-block: var(--arc-space-1-5);
	width: var(--arc-size-5)
}

.audio-player--collapsed {
	width: var(--arc-size-5)
}

.audio-player--collapsed .audio-player__housing {
	opacity: 0
}

.audio-player--collapsed .audio-player__waveform {
	height: var(--arc-size-5)
}

.audio-player--collapsed .audio-player__waveform-icon {
	border-color: #0000;
	border-radius: 10rem
}

.audio-player--expanded {
	opacity: 1
}

@media(prefers-reduced-motion) {
	.audio-player--expanded {
		transition: none
	}
}

.audio-player__upload-state.upload-progress__wrapper {
	margin-block: 0;
	padding-inline-start: var(--arc-space-2)
}

.audio-player__expand-button {
	background-color: var(--arc-color-overlay-light);
	border-radius: var(--arc-border-radius-circle);
	color: var(--color-action);
	font-size: var(--arc-space-2);
	height: var(--arc-space-5);
	inset-block-end: var(--arc-space-1);
	inset-inline-start: var(--arc-space-0);
	margin-inline-start: var(--arc-space-1);
	outline-offset: var(--arc-size-1-75);
	padding-inline: 1rem;
	position: absolute;
	width: var(--arc-space-5)
}

.audio-player__expand-button:focus-within,
.audio-player__expand-button:hover {
	background-color: #fff;
	opacity: 1
}

.audio-player__housing {
	align-items: center;
	border-radius: var(--arc-border-radius-sm);
	display: flex;
	flex: 1;
	flex-flow: row nowrap;
	transition: opacity .3s ease, width .3s ease;
	-webkit-user-select: none;
	user-select: none;
	width: 100%
}

.audio-player__housing:focus-visible {
	outline: 2px solid var(--arc-color-border-focus);
	outline-offset: 2px
}

.audio-player__housing--with-border {
	border-inline-start: 1px solid color-mix(in sRGB, var(--color-action, currentColor) var(--color-border-opacity), #0000);
	margin-inline-start: var(--arc-space-0-5);
	padding-inline-start: var(--arc-space-0-5)
}

[dir=rtl] .audio-player__housing--with-border {
	padding-inline-start: var(--arc-space-1-5)
}

@media(prefers-reduced-motion) {
	.audio-player__housing {
		transition: none
	}
}

.audio-player__play-timer-housing {
	align-items: center;
	direction: ltr;
	display: flex;
	flex: 1;
	flex-flow: row nowrap
}

.audio-player__player-controls {
	align-items: center;
	border-inline-start: 1px solid color-mix(in sRGB, var(--color-action, currentColor) var(--color-border-opacity), #0000);
	display: flex;
	font-family: var(--arc-font-family-body);
	justify-content: center;
	margin-inline-start: var(--arc-space-1-5);
	padding-inline-start: var(--arc-space-0-5)
}

[dir=rtl] .audio-player__player-controls {
	margin-inline-start: var(--arc-space-0-5)
}

.audio-player__waveform {
	height: var(--arc-size-4)
}

.audio-player__waveform,
.audio-player__waveform-icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.audio-player__waveform-icon {
	border-radius: 0;
	border-end-start-radius: 10rem;
	border-start-start-radius: 10rem;
	font-size: var(--arc-space-2);
	height: 100%;
	width: var(--arc-size-4)
}

.audio-player__waveform-icon--disabled {
	cursor: default
}

.audio-player__tracker-handle,
.audio-player__tracker-handle-icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.audio-player__play {
	margin-inline-end: var(--arc-space-1)
}

.audio-player__seek-slider {
	--seek-slider-percent: 0%;
	--seek-slider-gradient: linear-gradient(to right, var(--color-action) var(--seek-slider-percent), color-mix(in sRGB, var(--color-track) var(--color-border-opacity), #0000) var(--seek-slider-percent));
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border-radius: var(--arc-border-radius-sm);
	cursor: pointer;
	flex-shrink: 100;
	height: var(--arc-size-3);
	margin-block: auto;
	margin-inline: 0;
	min-width: var(--arc-size-2);
	width: 100%
}

.audio-player__seek-slider:focus-visible {
	outline: 2px solid var(--arc-color-border-focus);
	outline-offset: 2px
}

@media(forced-colors:active) {
	.audio-player__seek-slider {
		--color-track-opacity: 0.4;
		-webkit-appearance: auto;
		appearance: auto
	}

	.audio-player__seek-slider:focus-visible {
		outline-color: Highlight
	}
}

@media(forced-colors:none) {
	.audio-player__seek-slider::-webkit-slider-runnable-track {
		-webkit-appearance: none;
		appearance: none;
		background: var(--seek-slider-gradient);
		border: none;
		border-radius: var(--arc-space-1);
		box-shadow: none;
		height: .3rem
	}

	.audio-player__seek-slider::-moz-range-track {
		appearance: none;
		background: var(--seek-slider-gradient);
		border: none;
		border-radius: var(--arc-space-1);
		box-shadow: none;
		height: .3rem
	}

	.audio-player__seek-slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		background-color: var(--color-action);
		border: none;
		border-radius: 10rem;
		box-shadow: none;
		filter: drop-shadow(0 .1rem .4rem rgba(0, 0, 0, .2));
		height: .9rem;
		transform: translateY(-.3rem);
		width: .9rem
	}

	.audio-player__seek-slider::-moz-range-thumb {
		appearance: none;
		background-color: var(--color-action);
		border: none;
		border-radius: 10rem;
		box-shadow: none;
		filter: drop-shadow(0 .1rem .4rem rgba(0, 0, 0, .2));
		height: .9rem;
		width: .9rem
	}
}

.block-audio.bg--type-black .audio-player:not(.audio-player--overlay),
.block-audio.bg--type-dark .audio-player:not(.audio-player--overlay),
.block-process.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),
.block-process.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),
.block-process.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player .block-timeline.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),
.block-timeline.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),
.block-timeline.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player:not(.audio-player--overlay) {
	--color-track: #fff;
	--color-action: #fff;
	--color-track-opacity: 0.4
}

.block-process.bg--card-transparent.bg--type-image .audio-player .block-timeline.bg--card-transparent.bg--type-image .audio-player:not(.audio-player--overlay) {
	--color-track: var(--arc-color-mono-black);
	--color-action: var(--arc-color-mono-black)
}

.audio-player__timer {
	align-items: center;
	cursor: default;
	display: flex;
	font-family: var(--font-family-ui);
	font-size: var(--arc-font-size-12);
	font-weight: 700;
	height: 100%;
	margin-inline-start: 1.2rem;
	position: relative;
	white-space: nowrap
}

.audio-player__icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.portal-tooltip__tooltip {
	align-items: center;
	background-color: #000;
	border: .1rem solid #000;
	border-radius: .4rem;
	box-shadow: 0 .2rem .4rem #0000001a;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	height: 3rem;
	padding-block: 0;
	padding-inline: 1rem;
	pointer-events: none;
	position: fixed;
	transform: translate3d(-50%, 1.5rem, 0);
	transition-duration: .2s;
	transition-property: opacity;
	transition-timing-function: ease-in;
	z-index: 100000
}

.portal-tooltip__tooltip-enter {
	opacity: 0
}

.portal-tooltip__tooltip-enter-active,
.portal-tooltip__tooltip-exit {
	opacity: 1
}

.portal-tooltip__tooltip-exit-active {
	opacity: 0
}

.portal-tooltip__tooltip:before {
	background-color: #000;
	border-color: #000;
	border-style: none none solid solid;
	border-width: .1rem;
	content: "";
	height: 1rem;
	position: absolute;
	transform: rotate(-45deg);
	width: 1rem
}

.portal-tooltip__tooltip--above:before {
	inset-block-start: calc(100% - .5rem);
	inset-inline-start: calc(50% - .5rem)
}

.portal-tooltip__tooltip--below:before {
	inset-block-end: calc(100% - .5rem);
	inset-inline-start: calc(50% - .5rem)
}

.portal-tooltip__tooltip--left:before {
	inset-block-start: calc(50% - .5rem);
	inset-inline-start: calc(100% + .5rem)
}

.portal-tooltip__tooltip--right:before {
	inset-block-start: calc(50% - .6rem);
	inset-inline-end: calc(100% - .5rem)
}

.portal-tooltip__tooltip--offset-right {
	transform: translate3d(calc(-100% + 1.6rem), 1.5rem, 0)
}

.portal-tooltip__tooltip--offset-right:before {
	inset-inline-start: calc(100% - 2.1rem)
}

.portal-tooltip__tooltip--offset-left {
	transform: translate3d(-1.6rem, 1.5rem, 0)
}

.portal-tooltip__tooltip--offset-left:before {
	inset-inline-start: calc(100% - 2.1rem)
}

.audio-player-icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.audio-player-icon__bar {
	fill: currentColor;
	height: var(--base-height);
	transition: height .3s ease, y .3s ease-in-out;
	y: var(--base-y);
	animation: audioPlayerIconBarPulse .75s ease-in-out infinite;
	animation-delay: var(--delay);
	animation-play-state: paused
}

.audio-player-icon--animating .audio-player-icon__bar {
	height: var(--pulse-base-height);
	y: var(--pulse-base-y);
	animation-play-state: running
}

.audio-player-icon:not(.audio-player-icon--animating) .audio-player-icon__bar {
	height: var(--base-height);
	y: var(--base-y)
}

@keyframes audioPlayerIconBarPulse {

	0%,
	to {
		height: var(--pulse-base-height);
		y: var(--pulse-base-y)
	}

	50% {
		height: var(--pulse-height);
		y: var(--pulse-y)
	}
}

[data-menu-content] {
	background: #fff;
	border-radius: 8px;
	filter: drop-shadow(1px 2px 3px rgb(0 0 0/.2));
	font-size: 1.4rem;
	inset-block: 0 auto;
	inset-inline: 0 auto;
	margin-block-start: .5rem;
	min-width: 16.8rem;
	padding-block: 0;
	padding-inline: 0;
	position: fixed;
	visibility: hidden;
	z-index: 500
}

[data-menu-item] {
	align-items: center;
	background: none;
	border: none;
	display: flex;
	line-height: 1.6rem;
	padding-block: 1.2rem;
	padding-inline: 1.6rem;
	position: relative;
	text-align: start;
	width: 100%
}

[data-menu-item]:first-child {
	margin-block-start: .5rem
}

[data-menu-item]:last-child {
	margin-block-end: .5rem
}

[data-menu-item]:not([aria-disabled=true]):not([disabled]) {
	cursor: pointer
}

[data-menu-item][aria-disabled=true],
[data-menu-item][disabled] {
	cursor: not-allowed;
	opacity: .5
}

[data-menu-item]:not([aria-disabled=true]):not([disabled]):focus,
[data-menu-item]:not([aria-disabled=true]):not([disabled]):hover {
	background-color: #ededed
}

[data-menu-item-icon] {
	align-items: center;
	align-self: baseline;
	display: inline-flex;
	flex-shrink: 0;
	height: 2rem;
	justify-content: center;
	margin-inline-end: 1rem;
	width: 2rem
}

[data-menu-item-icon] svg {
	height: 1.5rem
}

[data-menu-separator] {
	border: none;
	border-block-start: 1px solid #e0e0e0;
	margin-block: .5rem
}

.audio-player-actions-condensed__content {
	padding-block: var(--arc-space-0-5);
	padding-inline: var(--arc-space-0-5)
}

.audio-player-actions-condensed__menu-item[aria-checked=true] {
	background: var(--arc-color-background-primary-selected);
	border-radius: var(--arc-border-radius-md);
	display: flex;
	justify-content: space-between
}

.audio-player-actions-condensed__menu-item:focus,
.audio-player-actions-condensed__menu-item:hover {
	background: var(--arc-color-background-primary-hover);
	border-radius: var(--arc-border-radius-md);
	outline: 1px solid currentColor;
	z-index: 1
}

.audio-player-actions-condensed__menu-item:first-child,
.audio-player-actions-condensed__menu-item:last-child {
	margin-block: 0;
	margin-inline: 0
}

.playback-speed-menu [data-select-trigger-icon] {
	display: none
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug] {
	min-width: calc(var(--arc•button-height)/var(--arc•modifier-em))
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug] [data-select-trigger-text] {
	letter-spacing: -.05rem;
	margin-inline: 0
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug][data-size=md] {
	--arc•button-padding-inline: 4
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug][data-size=md] [data-select-trigger-text] {
	font-size: var(--arc-font-size-body-sm)
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug][data-size=sm] {
	--arc•button-padding-inline: 2
}

.playback-speed-menu__trigger:where([arc-button])[data-layout=hug][data-size=sm] [data-select-trigger-text] {
	font-size: var(--arc-font-size-body-xs)
}

.playback-speed-menu__content[data-select-content] {
	background: var(--arc-color-background-primary);
	border-radius: var(--arc-border-radius-lg);
	box-shadow: 0 .6rem 2.4rem 0 #0000001a;
	font-family: var(--arc-font-family-body);
	font-size: var(--arc-font-size-14);
	font-style: normal;
	font-weight: var(--arc-font-weight-400);
	margin-block-start: -3.6rem;
	margin-inline-start: -1.6rem;
	max-height: none;
	padding-block: var(--arc-space-0-5);
	padding-inline: var(--arc-space-0-5);
	width: 13.2rem !important
}

.playback-speed-menu__content[data-select-content]>[data-select-item][aria-selected=true] {
	background: var(--arc-color-background-primary-selected);
	border-radius: var(--arc-border-radius-md)
}

.playback-speed-menu__content[data-select-content]>[data-select-item][aria-selected=true]>[data-select-item-selected] {
	margin-inline-start: auto
}

.playback-speed-menu__content[data-select-content]>[data-select-item]:focus,
.playback-speed-menu__content[data-select-content]>[data-select-item]:hover,
.playback-speed-menu__content[data-select-content]>[data-select-item][data-select-item=current] {
	background: var(--arc-color-background-primary-hover);
	border-radius: var(--arc-border-radius-md)
}

.playback-speed-menu__content[data-select-content]>[data-select-item]:first-child,
.playback-speed-menu__content[data-select-content]>[data-select-item]:last-child {
	margin-block: 0;
	margin-inline: 0
}

[data-select-trigger] {
	align-items: center;
	background-color: #00000008;
	border: 1px solid #0000;
	border-radius: 4px;
	color: #000;
	display: inline-flex;
	outline-offset: 2px;
	padding-block: .2rem;
	padding-inline: .9rem
}

[data-select-trigger-text] {
	font-size: 1.4rem;
	line-height: 1.96rem;
	margin-inline-end: .4rem
}

[data-select-trigger-icon] {
	height: 1.4rem;
	margin-inline-start: auto;
	width: 1.4rem
}

[data-select-item-selected],
[data-select-item-selected]>span:has(svg),
[data-select-trigger-icon],
[data-select-trigger-icon]>span:has(svg) {
	align-items: center;
	display: inline-flex;
	justify-content: center
}

[data-select-trigger-icon] svg {
	height: auto;
	width: 1rem
}

[data-select-content] {
	background: #fff;
	border-radius: 8px;
	color: #000;
	filter: drop-shadow(1px 2px 3px rgb(0 0 0/.2));
	font-size: 1.4rem;
	inset-block: 0 auto;
	inset-inline: 0 auto;
	margin-block-start: .5rem;
	max-height: 26rem;
	overflow: auto;
	padding-block: 0;
	padding-inline: 0;
	position: fixed;
	visibility: hidden;
	z-index: 10000;

	@media (forced-colors:active) {
		border-bottom-color: currentcolor;
		border-bottom-style: solid;
		border-bottom-width: .1rem;
		border-left-color: currentcolor;
		border-left-style: solid;
		border-left-width: .1rem;
		border-right-color: currentcolor;
		border-right-style: solid;
		border-right-width: .1rem;
		border-top-color: currentcolor;
		border-top-style: solid;
		border-top-width: .1rem
	}
}

[data-select-group-label] {
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .03rem;
	line-height: 1.6rem;
	padding-block: 1.2rem .5rem;
	padding-inline: 1rem 1.6rem;
	text-align: start;
	text-transform: uppercase
}

[data-select-item] {
	align-items: center;
	background: none;
	border: none;
	display: flex;
	line-height: 1.6rem;
	padding-block: 1.2rem;
	padding-inline: 1.6rem;
	text-align: start;
	width: 100%
}

[data-select-item-selected] {
	margin-inline-start: 1rem
}

[data-select-item-selected] svg {
	height: auto;
	width: 1.2rem
}

[data-select-item=current] {
	border-radius: 4px;
	outline: 1px solid;
	outline-offset: -1px
}

[data-select-item]:empty:before,
[data-select-item]>span:empty:before,
[data-select-trigger-text]:empty:before,
[data-select-trigger-text]>span:empty:before {
	content: "\200B";
	visibility: hidden
}

[data-select-item]:first-child {
	margin-block-start: .5rem
}

[data-select-item]:last-child {
	margin-block-end: .5rem
}

[data-select-item]:not([aria-disabled=true]):not([disabled]) {
	cursor: pointer
}

[data-select-item][aria-disabled=true],
[data-select-item][disabled] {
	cursor: not-allowed;
	opacity: .5
}

[data-select-item]:not([aria-disabled=true]):not([disabled]):focus,
[data-select-item]:not([aria-disabled=true]):not([disabled]):hover {
	background-color: #ededed
}

[data-select-item-icon] {
	align-items: center;
	align-self: baseline;
	display: inline-flex;
	flex-shrink: 0;
	height: 2rem;
	justify-content: center;
	margin-inline-end: 1rem;
	width: 2rem
}

[data-select-item-icon] svg {
	height: 1.5rem
}

[data-select-separator] {
	border: none;
	border-block-start: 1px solid #e0e0e0;
	margin-block: .5rem
}

@media (forced-colors:active) {
	[data-menu-content] {
		border: 1px solid #0000
	}
}

@media (min-width:37.5em) {
	[data-select-trigger] {
		padding-block: .4rem;
		padding-inline: 1.1rem
	}
}

.audio-player-volume {
	position: relative
}

.audio-player-volume__slider {
	--slider-background: var(--arc-color-border-standard);
	--slider-fill: var(--arc-color-background-inverse);
	--slider-volume: 100%;
	--slider-gradient: linear-gradient(to var(--dir-end), var(--slider-fill) var(--slider-volume), var(--slider-background) var(--slider-volume));
	--slider-inset-block: auto calc(100% + 0.2rem);
	-webkit-appearance: none;
	appearance: none;
	background: var(--arc-color-background-primary);
	border-radius: var(--arc-border-radius-lg);
	box-shadow: var(--arc-shadow-light-lg);
	cursor: pointer;
	inset-block: var(--slider-inset-block);
	inset-inline-end: 0;
	margin-block: 0;
	margin-inline: 0;
	padding: var(--arc-space-2);
	position: absolute;
	z-index: 299
}

.audio-player-volume__slider:active {
	cursor: grabbing
}

.audio-player-volume__slider:focus-visible {
	outline: 2px solid var(--arc-color-border-focus)
}

@media(forced-colors:active) {
	.audio-player-volume__slider {
		-webkit-appearance: auto;
		appearance: auto;
		padding-inline: 0
	}

	.audio-player-volume__slider,
	.audio-player-volume__slider:focus {
		outline: 1px solid ButtonBorder
	}

	.audio-player-volume__slider:active,
	.audio-player-volume__slider:hover {
		outline: 1px solid Highlight
	}

	.audio-player-volume__slider:focus-visible {
		outline: 2px solid Highlight
	}
}

@media(forced-colors:none) {
	.audio-player-volume__slider::-webkit-slider-runnable-track {
		-webkit-appearance: none;
		appearance: none;
		background: var(--slider-gradient);
		border: none;
		border-radius: var(--arc-space-1);
		box-shadow: none;
		height: .3rem
	}

	.audio-player-volume__slider::-moz-range-track {
		appearance: none;
		background: var(--slider-gradient);
		border: none;
		border-radius: var(--arc-space-1);
		box-shadow: none;
		height: .3rem
	}

	.audio-player-volume__slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		background-color: var(--slider-fill);
		border: none;
		border-radius: 10rem;
		box-shadow: none;
		height: .9rem;
		transform: translateY(-.3rem);
		width: .9rem
	}

	.audio-player-volume__slider::-moz-range-thumb {
		appearance: none;
		background-color: var(--slider-fill);
		border: none;
		border-radius: 10rem;
		box-shadow: none;
		height: .9rem;
		width: .9rem
	}
}

.upload-progress,
.upload-progress__wrapper {
	align-items: center;
	display: flex;
	gap: var(--arc-space-1)
}

.upload-progress__wrapper {
	font-family: var(--arc-font-family-body);
	justify-content: space-between;
	margin-block-start: var(--arc-space-1);
	padding-block: var(--arc-space-1);
	padding-inline: var(--arc-space-1);
	width: 100%
}

.upload-progress__text {
	color: var(--arc-color-text-secondary);
	font-family: var(--arc-font-family-body);
	font-size: var(--arc-font-size-body-md);
	font-weight: var(--arc-font-weight-bold);
	padding-block: var(--arc-space-0-25)
}

.upload-progress__pie {
	transform: rotate(-89.8deg)
}

@media(prefers-reduced-motion:no-preference) {
	.upload-progress__pie--processing {
		animation: spin 1.5s linear infinite
	}
}

.upload-progress__border {
	fill: none;
	stroke: var(--arc-color-border-standard);
	stroke-width: 2
}

.upload-progress__progress {
	fill: none;
	stroke: var(--arc-color-icon-secondary);
	stroke-linecap: round;
	stroke-width: 2;
	transition: stroke-dashoffset .4s ease-out, fill .3s .3s
}

.upload-error {
	align-items: center;
	color: var(--arc-color-text-critical);
	display: flex;
	font-size: var(--arc-font-size-body-md);
	font-weight: var(--arc-font-weight-bold);
	gap: var(--arc-space-1);
	--arc-icon-size: var(--arc-font-size-20)
}

.upload-error__text {
	padding-block: var(--arc-space-0-25)
}

.upload-success {
	align-items: center;
	color: var(--arc-color-text-secondary);
	display: flex;
	font-size: var(--arc-font-size-body-md);
	font-weight: var(--arc-font-weight-bold);
	gap: var(--arc-space-1);
	--arc-icon-size: var(--arc-font-size-20)
}

.upload-success__text {
	padding-block: var(--arc-space-0-25)
}

.embed--rich .embed__readMore,
.embed__provider {
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: .06rem;
	line-height: 1.4rem;
	margin-block-end: .6rem;
	text-transform: uppercase
}

.embed--rich .embed__readMore,
.embed--rich .embed__title,
.embed__provider {
	color: var(--color-text, #000);
	transition: color .15s
}

.embed--rich .embed__readMore,
.embed--rich .embed__title a,
.embed__provider a {
	color: currentColor;
	text-decoration: none
}

.embed__providerIcon {
	display: inline-block;
	margin-inline-end: .5rem;
	max-height: 1.4rem;
	vertical-align: middle
}

.embed__providerName {
	font-family: var(--font-family-head);
	vertical-align: middle
}

.embed__img {
	max-height: 38rem;
	max-width: 100%
}

@media print {
	.embed__img {
		max-height: 30rem
	}
}

.embed__title {
	color: var(--color-text, #000);
	font-family: var(--font-family-head);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.4rem
}

.embed--rich .embed__title {
	font-size: 2.8rem;
	line-height: 3.4rem;
	margin-block: 1rem;
	margin-inline: 0
}

@media print {
	.embed--rich .embed__title {
		font-size: 2.2rem
	}
}

.embed__description,
.embed__readMore {
	color: var(--color-text, #000);
	font-size: 1.4rem;
	line-height: 2.4rem
}

.embed__description {
	font-family: var(--font-family-body)
}

.embed--rich .embed__description {
	font-weight: 300
}

.embed--rich .embed__readMore {
	align-items: center;
	display: inline-flex;
	margin-block-start: 1rem
}

.embed--rich .embed__readMore .icon {
	font-size: 1rem;
	font-weight: 700;
	margin-block-start: -.1rem;
	margin-inline-start: .6rem;
	transform: scaleX(var(--dir-x))
}

.embed__media-wrap {
	height: 0;
	padding-block-end: 56.25%;
	position: relative;
	width: 100%
}

.embed__media-wrap--ms_browser:focus {
	outline-style: dotted;
	outline-width: 2px
}

.embed__media-wrap--photo {
	height: auto;
	padding-block-end: 0
}

.embed__title+.embed__media-wrap {
	margin-block-start: 1rem
}

.embed__media {
	height: 100% !important;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100% !important
}

.embed--iframe {
	height: 0;
	margin-block-end: 2rem;
	max-width: 100%;
	overflow: hidden;
	padding-block-end: 56.25%;
	position: relative
}

.embed--iframe__title {
	font-weight: 800
}

.embed-authoring__embed .embed--iframe {
	margin-block-start: 3rem
}

.embed--iframe iframe {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.embed--link {
	font-family: var(--font-family-head);
	padding-inline-start: 1.5rem;
	position: relative
}

.embed--link:before {
	background-color: #ededed;
	content: "";
	inset-block: .5rem;
	inset-inline-start: 0;
	position: absolute;
	width: 3px
}

.embed--rich.embed--link {
	padding-inline-start: 0
}

.embed--rich.embed--link:before {
	display: none
}

.embed--media {
	font-family: var(--font-family-head)
}

.embed__relativeUrl--url {
	color: inherit;
	text-decoration: none
}

.embed__relativeUrl--image {
	padding-block-start: 1.5rem
}

.embed__relativeUrl--iframe {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 3.4rem;
	margin-block: 1rem;
	margin-inline: 0
}

.embed__relativeUrl--title {
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: .06rem;
	line-height: 1.4rem;
	margin-block-end: .6rem;
	text-transform: uppercase
}

.img,
.img-img {
	max-width: 100%
}

.img-img {
	display: block;
	height: auto
}

.img-img--left {
	margin-inline-end: auto
}

.img-img--right {
	margin-inline-start: auto
}

.img-img--center {
	margin-block: auto;
	margin-inline: auto
}

.img-img--fill {
	width: 100%
}

.video-container {
	padding-block: .1rem .2rem;
	padding-inline: .1rem .2rem;
	position: relative
}

.video-wrapper {
	height: 0;
	opacity: 0;
	padding-block-end: 56.25%;
	position: relative;
	transition: opacity .6s;
	width: 100%
}

.video-wrapper--visible {
	opacity: 1
}

.video-wrapper__video {
	height: 100% !important;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100% !important
}

.video-wrapper .videoContainer {
	position: static
}

.video-wrapper .video-js,
.video-wrapper .vjs-poster {
	background-color: #0000
}

.video-wrapper .vjs-playback-rate .vjs-menu {
	width: 5rem
}

.video-wrapper .vjs-waiting .vjs-poster {
	display: inline-block
}

.video-wrapper.video-playback-started .vjs-waiting .vjs-poster {
	display: none
}

.video-wrapper--restrict-seek .vjs-play-progress:after {
	visibility: hidden !important
}

.video-wrapper--restrict-seek .vjs-control-bar .vjs-slider-bar .vjs-time-tooltip {
	visibility: hidden
}

.video-wrapper .vjs-menu-button-popup .vjs-menu {
	inset-block-end: 2rem
}

.video-wrapper .vjs-playback-rate-value {
	align-items: center;
	display: flex;
	justify-content: center
}

.video-wrapper .vjs-volume-panel {
	align-items: center
}

.video-wrapper .vjs-subs-caps-button .vjs-menu-content {
	height: auto;
	inset-inline-start: 50%;
	max-height: 16.6rem;
	transform: translateX(-50%);
	width: auto
}

.video-wrapper .vjs-subs-caps-button .vjs-menu-item {
	padding-block: .8rem;
	padding-inline: .8rem;
	text-align: start;
	text-transform: capitalize;
	white-space: nowrap
}

.video-wrapper .vjs-captions-menu-item {
	text-transform: capitalize
}

.seek-tooltip {
	background-color: #31353799;
	border-radius: 2rem;
	color: #fff;
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	padding-block: .2rem;
	padding-inline: 1rem;
	pointer-events: none;
	position: absolute
}

.seek-tooltip--hidden {
	visibility: hidden
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	animation-name: fadeIn;
	animation-timing-function: ease-in-out
}

@keyframes fadeInGrow {
	0% {
		opacity: 0;
		transform: scale3d(.9, .9, 1)
	}

	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

.fadeInGrow {
	animation-name: fadeInGrow;
	animation-timing-function: ease-in-out
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInRight {
	animation-name: fadeInRight;
	animation-timing-function: ease-in-out
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
	animation-timing-function: ease-in-out
}

@keyframes fadeInLeftSmall {
	0% {
		opacity: 0;
		transform: translate3d(-25px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeftSmall {
	animation-name: fadeInLeftSmall;
	animation-timing-function: ease-in-out
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 25px, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInUp {
	animation-name: fadeInUp;
	animation-timing-function: ease-in-out
}

.scroll-animation {
	--scroll-animation-step: 0.15s
}

.scroll-animation>* {
	--idx: 0;
	opacity: 0;
	transform: var(--scroll-animation-from, translateY(0));
	transition: opacity var(--scroll-animation-duration, 1s) ease-out, transform var(--scroll-animation-duration, 1s) ease-out;
	--scroll-animation-base-delay: 0.12s;
	transition-delay: calc(var(--scroll-animation-base-delay) + var(--idx)*var(--scroll-animation-step))
}

.scroll-animation.scroll-animation--in>* {
	opacity: 1;
	transform: none
}

.block-statement {
	font-family: var(--font-family-body);
	font-size: 1.7rem;
	line-height: 2;
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-statement {
		transition: none
	}
}

@media print {
	.block-statement {
		font-size: 1.3rem
	}
}

.block-statement:not(.bg--type-light) .audio-player {
	--color-track-opacity: 0.3
}

.block-statement__wrap {
	width: 100%
}

.block-statement p {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin-block-end: 3.4rem;
	word-wrap: normal;
	overflow-wrap: break-word
}

.block-statement p:last-child {
	margin-block-end: 0
}

.block-statement__note-background {
	display: none
}

.block-statement__quote {
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-statement__quote {
		transition: none
	}
}

.block-statement--a .block-statement__quote,
.block-statement--a-custom-width-sm .block-statement__quote {
	font-weight: 700;
	padding-block: 3.2rem;
	padding-inline: 0;
	text-align: center;
	width: 30rem
}

.block-statement--a .block-statement__quote p,
.block-statement--a-custom-width-sm .block-statement__quote p {
	box-sizing: border-box
}

.block-statement--a .block-statement__quote b,
.block-statement--a-custom-width-sm .block-statement__quote b {
	font-weight: inherit
}

@media print {

	.block-statement--a .block-statement__quote,
	.block-statement--a-custom-width-sm .block-statement__quote {
		width: inherit
	}
}

.block-statement--a .block-statement__quote {
	font-family: var(--font-family-body)
}

.course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote,
.course-navigation__sidebar--nav-open .block-statement--a-custom-width-med .block-statement__quote {
	width: 30rem
}

.block-statement--a .block-statement__divider-bottom,
.block-statement--a .block-statement__divider-top,
.block-statement--b .block-statement__divider-top,
.block-statement--d .block-statement__divider-top {
	transition: width .5s
}

@media(prefers-reduced-motion:reduce) {

	.block-statement--a .block-statement__divider-bottom,
	.block-statement--a .block-statement__divider-top,
	.block-statement--b .block-statement__divider-top,
	.block-statement--d .block-statement__divider-top {
		transition: none
	}
}

.block-statement--a .block-statement__divider-top {
	border-block-start: .1rem solid var(--color-border-decorative);
	width: 32rem
}

.block-statement--a .block-statement__divider-bottom {
	border-block-end: .1rem solid var(--color-border-decorative);
	width: 32rem
}

.block-statement--b .block-statement__quote,
.block-statement--b-custom-width-med .block-statement__quote {
	font-family: var(--font-family-head);
	font-size: 2.4rem;
	font-weight: 200;
	line-height: 1.5;
	padding-block-start: 3rem;
	position: relative;
	text-align: center
}

@media(min-width:45em) {

	.block-statement--b .block-statement__quote,
	.block-statement--b-custom-width-med .block-statement__quote {
		font-size: 3.2rem
	}
}

@media print {

	.block-statement--b .block-statement__quote,
	.block-statement--b-custom-width-med .block-statement__quote {
		font-size: 2rem
	}
}

.block-statement--b .block-statement__quote p,
.block-statement--b-custom-width-med .block-statement__quote p {
	box-sizing: border-box
}

.block-statement--b .block-statement__divider-top,
.block-statement--b-divider-size-sm .block-statement__divider-top {
	background: var(--color-theme-decorative, var(--color-theme));
	height: .4rem;
	margin-block: auto;
	margin-inline: auto;
	width: 7.6rem
}

@media print {

	.block-statement--b .block-statement__divider-top,
	.block-statement--b-divider-size-sm .block-statement__divider-top {
		height: .2rem
	}
}

.block-statement--c .block-statement__wrap {
	padding-block: 2rem 3rem;
	padding-inline: 0
}

.block-statement--c .block-statement__quote {
	font-family: var(--font-family-head);
	font-size: 2.8rem;
	font-weight: 200;
	line-height: 1.666;
	margin-block: 0;
	margin-inline: 0;
	position: relative
}

@media(min-width:45em) {
	.block-statement--c .block-statement__quote {
		font-size: 4.5rem
	}
}

@media print {
	.block-statement--c .block-statement__quote {
		font-size: 2.2rem
	}
}

.block-statement--c .block-statement__quote p {
	box-sizing: border-box
}

.block-statement--d .block-statement__wrap {
	padding-block: 2rem;
	padding-inline: 0
}

.block-statement--d .block-statement__quote {
	font-family: var(--font-family-body);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.666;
	padding-block: 2.25rem 0;
	padding-inline: 0;
	position: relative
}

@media print {
	.block-statement--d .block-statement__quote {
		font-size: 2rem
	}
}

.block-statement--d .block-statement__quote p {
	box-sizing: border-box
}

.block-statement--d .block-statement__quote b {
	font-weight: inherit
}

.block-statement--d .block-statement__divider-top-container {
	align-self: flex-start
}

.block-statement--d .block-statement__divider-top,
.block-statement--d-divider-size-sm .block-statement__divider-top {
	background: var(--color-theme-decorative, var(--color-theme));
	height: .4rem;
	width: 7.6rem
}

.block-statement--note.bg--type-image {
	--color-note-card-border: #000000b3;
	--color-theme-decorative: #000
}

.block-statement--note.bg--type-image.bg--overlay-light {
	--color-note-card-border: #ffffffb3;
	--color-theme-decorative: #fff
}

.block-statement--note {
	position: relative
}

.block-statement--note .block-statement__quote,
.block-statement--note-size-sm .block-statement__quote {
	color: var(--color-text, #000);
	font-family: var(--font-family-head);
	font-size: 1.5rem;
	line-height: 1.666;
	padding-block: 2.4rem;
	padding-inline: 0 2.4rem;
	position: relative;
	width: 100%;
	z-index: 1
}

@media print {

	.block-statement--note .block-statement__quote,
	.block-statement--note-size-sm .block-statement__quote {
		font-size: 1.3rem
	}
}

.block-statement--note .block-statement__quote p,
.block-statement--note-size-sm .block-statement__quote p {
	margin-block: 0 2rem;
	margin-inline: 0
}

.block-statement--note .block-statement__quote p:last-child,
.block-statement--note-size-sm .block-statement__quote p:last-child {
	margin-block-end: 0
}

.block-statement--note .block-statement__note-background {
	display: block;
	inset-block: 0;
	inset-inline: 1.5rem;
	opacity: .1;
	position: absolute;
	z-index: 0
}

@media(max-width:52.4375em) {
	.block-statement--note .block-statement__note-background {
		inset-inline: 0
	}
}

.block-statement--note .block-statement__note-icon,
.block-statement--note-size-sm .block-statement__note-icon {
	color: var(--color-theme-decorative, var(--color-theme));
	display: flex;
	font-size: 2.4rem;
	padding-block: 1.6rem 0;
	padding-inline: 3rem;
	transition: font-size .5s
}

@media(prefers-reduced-motion:reduce) {

	.block-statement--note .block-statement__note-icon,
	.block-statement--note-size-sm .block-statement__note-icon {
		transition: none
	}
}

.block-statement--note .block-statement__note-icon i,
.block-statement--note-size-sm .block-statement__note-icon i {
	font-style: normal
}

.block-statement--note .block-statement__note-icon--off,
.block-statement--note-size-sm .block-statement__note-icon--off {
	display: none
}

.block-statement--note .block-statement__note-icon--legacy {
	font-size: 2rem;
	padding-block-start: 2rem
}

.block-statement__note-card {
	background-color: var(--color-background);
	border: .1rem solid #0000;
	border-radius: .3rem;
	display: flex;
	flex-direction: row
}

.block-statement.bg--type-black.bg--range-light .block-statement__note-card,
.block-statement.bg--type-black.bg--range-med .block-statement__note-card,
.block-statement.bg--type-dark.bg--range-light .block-statement__note-card,
.block-statement.bg--type-dark.bg--range-med .block-statement__note-card,
.block-statement.bg--type-gray.bg--range-light .block-statement__note-card,
.block-statement.bg--type-gray.bg--range-med .block-statement__note-card,
.block-statement.bg--type-light.bg--range-light .block-statement__note-card,
.block-statement.bg--type-light.bg--range-med .block-statement__note-card {
	border: .1rem solid var(--color-theme);
	box-shadow: none
}

.block-statement.bg--range-light .block-statement__note-card {
	box-shadow: 0 .4rem 3rem rgba(0, 0, 0, .102)
}

.block-statement.bg--type-image .block-statement__note-card {
	border: .1rem solid var(--color-note-card-border)
}

.block-statement.bg--type-tint .block-statement__note-card {
	border: .1rem solid rgba(0, 0, 0, .102)
}

.block-statement--note-size-sm-no-icon .block-statement__quote {
	padding-block: 2.4rem;
	padding-inline: 2.4rem
}

.block-statement--note-size-med .block-statement__quote {
	font-size: 2rem;
	padding-block: 4.8rem;
	padding-inline: 0 2.4rem
}

.block-statement--note-size-med-no-icon .block-statement__quote {
	padding-block: 4.8rem;
	padding-inline: 2.4rem
}

.block-statement--note-size-med .block-statement__note-icon {
	font-size: 2.4rem;
	padding-block: 4.2rem 0;
	padding-inline: 3rem
}

.block-statement--note-size-lg .block-statement__quote {
	font-size: 2.4rem;
	padding-block: 5.6rem;
	padding-inline: 0 2.4rem
}

.block-statement--note-size-lg-no-icon .block-statement__quote {
	padding-block: 5.6rem;
	padding-inline: 2.4rem
}

.block-statement--note-size-lg .block-statement__note-icon {
	font-size: 3.2rem;
	padding-block: 4.8rem 0;
	padding-inline: 3rem
}

.block-statement--a-divider-padding-sm .block-statement__quote {
	padding-block: 3.2rem;
	padding-inline: 0
}

.block-statement--a-divider-padding-med .block-statement__quote {
	padding-block: 4.8rem;
	padding-inline: 0
}

.block-statement--a-divider-padding-lg .block-statement__quote {
	padding-block: 5.6rem;
	padding-inline: 0
}

.block-statement--b-divider-padding-sm .block-statement__quote {
	padding-block: 3.2rem 0;
	padding-inline: 0
}

.block-statement--b-divider-padding-med .block-statement__quote,
.block-statement--d-divider-padding-med .block-statement__quote {
	padding-block: 4.8rem 0;
	padding-inline: 0
}

.block-statement--b-divider-padding-lg .block-statement__quote,
.block-statement--d-divider-padding-lg .block-statement__quote {
	padding-block: 5.6rem 0;
	padding-inline: 0
}

.block-statement--d-divider-padding-sm .block-statement__quote {
	padding-block: 2rem 0;
	padding-inline: 0
}

.block-statement--a-divider-off .block-statement__divider-bottom,
.block-statement--a-divider-off .block-statement__divider-top {
	border: none
}

.block-statement--a-divider-off .block-statement__quote,
.block-statement--b-divider-off .block-statement__quote,
.block-statement--d-divider-off .block-statement__quote {
	padding-block: 0;
	padding-inline: 0
}

.block-statement--b-divider-off .block-statement__divider-top,
.block-statement--d-divider-off .block-statement__divider-top {
	background: none
}

.block-statement--b-divider-size-med .block-statement__divider-top,
.block-statement--d-divider-size-med .block-statement__divider-top {
	width: 20rem
}

.block-statement--b-divider-size-lg .block-statement__divider-top,
.block-statement--d-divider-size-lg .block-statement__divider-top {
	width: 32rem
}

.block-statement__audio-container--top {
	margin-block-end: var(--arc-space-2-5)
}

.block-statement__audio-container--bottom {
	margin-block-start: var(--arc-space-2-5)
}

@media(min-width:30em) {

	.block-statement--a .block-statement__divider-bottom,
	.block-statement--a .block-statement__divider-top,
	.block-statement--a-divider-size-sm .block-statement__divider-bottom,
	.block-statement--a-divider-size-sm .block-statement__divider-top {
		width: 46.5rem
	}
}

@media(min-width:52.5em) {

	.block-statement--a-divider-size-med .block-statement__divider-bottom,
	.block-statement--a-divider-size-med .block-statement__divider-top {
		width: 78rem
	}
}

@media(min-width:75em) {

	.block-statement--a-divider-size-lg .block-statement__divider-bottom,
	.block-statement--a-divider-size-lg .block-statement__divider-top {
		width: 120rem
	}
}

@media(min-width:30em) {

	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-bottom,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-top {
		width: 46.5rem
	}
}

@media(min-width:70.625em) {

	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-bottom,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-top {
		width: 78rem
	}
}

@media(min-width:96.875em) {

	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,
	.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top {
		width: 120rem
	}
}

.block-statement__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-statement__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-statement__container {
		padding-inline: 6rem 6rem
	}
}

.block-statement__row {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.block-statement--a .block-statement__col {
	display: flex;
	flex-direction: column;
	place-items: center
}

@media(min-width:33.75em) {

	.block-statement--b .block-statement__col,
	.block-statement--c .block-statement__col,
	.block-statement--d .block-statement__col,
	.block-statement--note .block-statement__col {
		display: flex;
		flex-direction: column;
		place-items: center
	}

	.block-statement--b-custom-width-med .block-statement__quote,
	.block-statement--b-custom-width-sm .block-statement__quote,
	.block-statement--c-custom-width-lg .block-statement__quote,
	.block-statement--c-custom-width-med .block-statement__quote,
	.block-statement--c-custom-width-sm .block-statement__quote,
	.block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.block-statement--d-custom-width-lg .block-statement__quote,
	.block-statement--d-custom-width-med .block-statement__divider-top-container,
	.block-statement--d-custom-width-med .block-statement__quote,
	.block-statement--d-custom-width-sm .block-statement__divider-top-container,
	.block-statement--d-custom-width-sm .block-statement__quote,
	.block-statement--note-custom-width-lg .block-statement__note-card,
	.block-statement--note-custom-width-med .block-statement__note-card,
	.block-statement--note-custom-width-sm .block-statement__note-card {
		width: 52rem
	}

	.block-statement--d .block-statement__divider-top-container {
		align-self: auto
	}
}

@media(min-width:37.5em) {

	.block-statement--c-custom-width-lg .block-statement__quote,
	.block-statement--c-custom-width-med .block-statement__quote,
	.block-statement--c-custom-width-sm .block-statement__quote,
	.block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.block-statement--d-custom-width-lg .block-statement__quote,
	.block-statement--d-custom-width-med .block-statement__divider-top-container,
	.block-statement--d-custom-width-med .block-statement__quote {
		width: 60rem
	}
}

@media(min-width:45em) {

	.block-statement--note-custom-width-lg .block-statement__note-card,
	.block-statement--note-custom-width-med .block-statement__note-card {
		width: 72rem
	}
}

@media(min-width:52.5em) {

	.block-statement--a-custom-width-lg .block-statement__quote,
	.block-statement--a-custom-width-med .block-statement__quote,
	.block-statement--b-custom-width-lg .block-statement__quote,
	.block-statement--b-custom-width-med .block-statement__quote,
	.block-statement--c-custom-width-lg .block-statement__quote,
	.block-statement--c-custom-width-med .block-statement__quote,
	.block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.block-statement--d-custom-width-lg .block-statement__quote,
	.block-statement--d-custom-width-med .block-statement__divider-top-container,
	.block-statement--d-custom-width-med .block-statement__quote,
	.block-statement--note-custom-width-lg .block-statement__note-card,
	.block-statement--note-custom-width-med .block-statement__note-card {
		width: 76rem
	}

	.course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,
	.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
		width: 60rem
	}
}

@media(min-width:62em) {

	.block-statement--a-custom-width-lg .block-statement__quote,
	.block-statement--b-custom-width-lg .block-statement__quote,
	.block-statement--c-custom-width-lg .block-statement__quote,
	.block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.block-statement--d-custom-width-lg .block-statement__quote,
	.block-statement--note-custom-width-lg .block-statement__note-card {
		width: 92rem
	}
}

@media(min-width:67.5em) {

	.course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--a-custom-width-med .block-statement__quote {
		width: 76rem
	}
}

@media(min-width:70.625em) {

	.course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,
	.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
		width: 76rem
	}
}

@media(min-width:80em) {
	.course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote {
		width: 92rem
	}
}

@media(min-width:90em) {

	.course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,
	.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,
	.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card {
		width: 92rem
	}
}

.block-card {
	--color-background-image-dark: #000000b3;
	--color-background-image-light: #ffffffb3;
	--color-background: #fff;
	background-color: var(--color-background);
	color: var(--color-text);
	transition: background-color .1s linear
}

.block-card.bg--range-light {
	box-shadow: 0 .2rem 3rem #0000001a
}

.block-card--disabled {
	background-color: #0000
}

.bg--type-black .block-card--disabled,
.bg--type-dark .block-card--disabled,
.bg--type-image .block-card--disabled {
	--color-text: #fff
}

.bg--type-accent .block-card--disabled {
	--color-text: var(--color-theme-contrast, #fff)
}

.bg--type-color .block-card--disabled {
	--color-text: var(--color-background-contrast, #fff)
}

.bg--type-image.bg--overlay-light .block-card--disabled {
	--color-text: #000
}

.block-card--white {
	--color-text: #000;
	--color-text-error: #de1d1d;
	--color-theme-decorative: var(--color-theme);
	--color-theme-decorative-fg: var(--color-theme-contrast, #fff)
}

.bg--type-accent .block-card--white .brand--linkColor a,
.bg--type-accent .block-card--white a,
.bg--type-image .block-card--white .brand--linkColor a,
.bg--type-image .block-card--white a {
	color: var(--color-theme) !important
}

.block-card--transparent {
	--color-question-draw-border: #0000
}

.bg--type-black .block-card--transparent {
	--color-background: #262626
}

.bg--type-gray .block-card--transparent,
.bg--type-light .block-card--transparent {
	--color-text-error: #de1d1d
}

.bg--type-dark .block-card--transparent {
	--color-background: #494949
}

.bg--type-accent .block-card--transparent {
	--color-text: #000;
	--color-theme-contrast-rgb: 0, 0, 0;
	--color-theme-contrast: #000;
	--color-theme-contrast-complementary: #fff;
	--color-theme-decorative-fg: #fff;
	--color-theme-decorative: #000
}

.bg--type-color .block-card--transparent {
	--color-text: #000
}

.bg--type-accent .block-card--transparent.block-card--contrast-light {
	--color-text: #fff;
	--color-theme-contrast-rgb: 255, 255, 255;
	--color-theme-contrast: #fff;
	--color-theme-contrast-complementary: #000;
	--color-theme-decorative-fg: #000;
	--color-theme-decorative: #fff
}

.bg--type-color .block-card--transparent.block-card--contrast-light {
	--color-text: #fff;
	--color-text-opposite: #000
}

.bg--type-image .block-card--transparent {
	--color-background: var(--color-background-image-light);
	--color-border-decorative: #000;
	--color-question-draw-border: #00000080;
	--color-text: #000;
	--color-theme-decorative-fg: #fff;
	--color-theme-decorative: #000
}

.bg--type-image.bg--overlay-light .block-card--transparent {
	--color-background: var(--color-background-image-dark);
	--color-border-decorative: #fff;
	--color-question-draw-border: #ffffff80;
	--color-text: #fff;
	--color-theme-decorative-fg: #000;
	--color-theme-decorative: #fff;
	box-shadow: 0 .2rem 3rem #0000001a
}

.block-quote {
	--color-carousel-dots: var(--color-theme-decorative);
	padding-block: 3rem;
	padding-inline: 0
}

.blocks-authoring .block-quote {
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-quote {
		transition: none
	}
}

.block-quote.bg--type-accent {
	--color-carousel-dots: var(--color-theme-contrast)
}

.block-quote.bg--type-image {
	--color-carousel-dots: #fff
}

.block-quote.bg--type-image.bg--overlay-light {
	--color-carousel-dots: #000
}

.block-quote p {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7;
	margin-block-end: 2.38rem;
	text-align: center
}

.block-quote p:last-child {
	margin-block: 0;
	margin-inline: 0
}

@media print {
	.block-quote p {
		font-size: 1.3rem
	}
}

.block-quote__text {
	font-family: var(--font-family-body)
}

.block-quote__caption {
	font-family: var(--font-family-head)
}

.block-quote__avatar {
	display: block;
	object-fit: cover;
	object-position: center center
}

@media(prefers-reduced-motion:reduce) {
	.block-quote__avatar {
		animation: none;
		transition: none
	}
}

.blocks-authoring .block-quote__avatar {
	transition: width .5s
}

@media(prefers-reduced-motion:reduce) {
	.blocks-authoring .block-quote__avatar {
		transition: none
	}
}

.block-quote--hidden {
	animation: quote-block-fade-out .5s;
	display: none
}

@media(prefers-reduced-motion:reduce) {
	.block-quote--hidden {
		animation: none
	}
}

.block-quote--a .block-quote__figure {
	padding-block: 4rem;
	padding-inline: 0
}

.block-quote--a .block-quote__divider-top {
	border-block-start: .1rem solid var(--color-border-decorative)
}

.block-quote--a .block-quote__divider-bottom {
	border-block-end: .1rem solid var(--color-border-decorative)
}

.block-quote--a .block-quote__divider-bottom,
.block-quote--a .block-quote__divider-top {
	animation: quote-block-fade-in .5s;
	transition: width .5s;
	width: 100%
}

@media(prefers-reduced-motion:reduce) {

	.block-quote--a .block-quote__divider-bottom,
	.block-quote--a .block-quote__divider-top {
		animation: none;
		transition: none
	}
}

@media(min-width:62em) {

	.block-quote--a .block-quote__divider-bottom,
	.block-quote--a .block-quote__divider-top {
		width: 95rem
	}
}

.block-quote--a-divider-off .block-quote__divider-bottom,
.block-quote--a-divider-off .block-quote__divider-top {
	animation: quote-block-fade-out .5s;
	border: none
}

@media(prefers-reduced-motion:reduce) {

	.block-quote--a-divider-off .block-quote__divider-bottom,
	.block-quote--a-divider-off .block-quote__divider-top {
		animation: none
	}
}

.block-quote--a-divider-off .block-quote__figure {
	padding-block: 4.1rem;
	padding-inline: 0
}

.block-quote--a .block-quote__avatar {
	border-radius: 50%;
	box-shadow: 0 .1rem 0 0 #0000001f;
	height: 7rem;
	margin-block: 0;
	margin-inline: auto;
	width: 7rem
}

@media print {
	.block-quote--a .block-quote__avatar {
		height: 4rem;
		width: 4rem
	}
}

.block-quote--a .block-quote__text {
	text-align: center
}

.block-quote--a-legacy-quote-mark .block-quote__text p:first-child:before {
	content: "“";
	display: inline
}

.block-quote--a-legacy-quote-mark .block-quote__text p:last-child:after {
	content: "”";
	display: inline
}

.block-quote--a-legacy-quote-mark .block-quote__text--blank p:first-child:before,
.block-quote--a-legacy-quote-mark .block-quote__text--blank p:last-child:after {
	display: none
}

.block-quote--a .block-quote__caption {
	text-align: center
}

@media print {
	.block-quote--a .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--a-legacy-quote-mark .block-quote__caption p:first-child:before {
	content: "- "
}

.block-quote--a-legacy-quote-mark .block-quote__caption--blank p:first-child:before {
	display: none
}

.block-quote--b .block-quote__figure {
	padding-block: 4.2rem;
	padding-inline: 0;
	position: relative
}

@media print {
	.block-quote--b .block-quote__figure {
		padding-block: 0;
		padding-inline: 0
	}
}

.block-quote--b .block-quote__avatar {
	border-radius: 50%;
	height: 6rem;
	margin-block: 0;
	margin-inline: auto;
	width: 6rem
}

@media print {
	.block-quote--b .block-quote__avatar {
		height: 4rem;
		width: 4rem
	}
}

.block-quote--b .block-quote__text {
	text-align: center
}

.block-quote--b .block-quote__text--blank p:first-child:before,
.block-quote--b .block-quote__text--blank p:last-child:after {
	display: none
}

.block-quote--b .block-quote__text {
	font-family: var(--font-family-head)
}

.block-quote--b .block-quote__caption {
	font-family: var(--font-family-body)
}

.block-quote--b .block-quote__text,
.block-quote--b .block-quote__text p {
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 1.4
}

@media print {

	.block-quote--b .block-quote__text,
	.block-quote--b .block-quote__text p {
		font-size: 2.6rem
	}
}

.block-quote--b .block-quote__caption {
	color: var(--color-theme-decorative);
	font-weight: 300;
	text-align: center
}

@media print {
	.block-quote--b .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--b.bg--legacy-background .block-quote__caption {
	color: #000
}

.block-quote--c p {
	text-align: start
}

.block-quote--c .block-quote__figure {
	*zoom: 1;
	margin-inline: -1.5rem -1.5rem;
	padding-block: 6rem;
	padding-inline: 0;
	position: relative
}

.block-quote--c .block-quote__figure:after,
.block-quote--c .block-quote__figure:before {
	content: " ";
	display: table
}

.block-quote--c .block-quote__figure:after {
	clear: both
}

.block-quote--c .block-quote__figure:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='77.611' height='99' viewBox='0 0 20.534 26.194'%3E%3Cpath d='M.161 26.194h13.23V13.229H8.363c0-5.477 3.354-6.752 7.938-8.202L15.243 0c-1.96 0-3.923.107-5.821.642C-1.993 3.859.162 16.966.162 26.194z'/%3E%3C/svg%3E");
	content: "";
	height: 9.9rem;
	inset-block-start: 0;
	inset-inline-start: 14.5rem;
	opacity: .027;
	pointer-events: none;
	position: absolute;
	transform: scaleX(var(--dir-x));
	width: 13.9rem
}

.block-quote--c .block-quote__figure--no-author {
	padding-block: 6rem 2rem;
	padding-inline: 0
}

.block-quote--c .block-quote__figure--no-avatar {
	padding-block: 6rem 4rem;
	padding-inline: 0
}

.block-quote--c-quote-icon-off .block-quote__figure:before {
	background-image: none
}

.block-quote--c.bg--range-med .block-quote__figure:before {
	opacity: .08
}

.block-quote--c.bg--range-dark .block-quote__figure:before {
	opacity: .12
}

.block-quote--c.bg--range-near-black .block-quote__figure:before {
	filter: invert(1);
	opacity: .1
}

.block-quote--c.bg--type-image .block-quote__figure:before {
	filter: invert(1);
	opacity: .22
}

.block-quote--c.bg--type-image.bg--overlay-light .block-quote__figure:before {
	filter: none;
	opacity: .22
}

.block-quote--c.bg--type-dark .block-quote__figure:before {
	filter: invert(1);
	opacity: .05
}

.block-quote--c.bg--type-black .block-quote__figure:before {
	filter: invert(1);
	opacity: .1
}

.block-quote--c .block-quote__col--no-avatar .block-quote__figure:before {
	inset-inline-start: -7%
}

.block-quote--c .block-quote__avatar-wrap {
	height: 18.6rem;
	position: relative;
	width: 18.6rem;
	z-index: 1
}

.block-quote--c .block-quote__avatar {
	height: auto;
	max-height: 100%;
	width: 100%
}

.block-quote--c .block-quote__text {
	position: relative;
	z-index: 1
}

.block-quote--c .block-quote__text p {
	font-size: 1.4rem;
	line-height: 2
}

@media print {
	.block-quote--c .block-quote__text p {
		font-size: 1.3rem
	}
}

.block-quote--c-legacy-quote-mark .block-quote__text p:first-child:before {
	content: "“";
	display: inline
}

.block-quote--c-legacy-quote-mark .block-quote__text p:last-child:after {
	content: "”";
	display: inline
}

.block-quote--c-legacy-quote-mark .block-quote__text--blank p:first-child:before,
.block-quote--c-legacy-quote-mark .block-quote__text--blank p:last-child:after {
	display: none
}

.block-quote--c .block-quote__figure {
	display: flex
}

.block-quote--c .block-quote__figure .block-quote__wrap {
	flex: 1 0 0
}

@media print {
	.block-quote--c .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--c-legacy-quote-mark .block-quote__caption p:first-child:before {
	content: "- "
}

.block-quote--d p {
	text-align: start
}

@media(min-width:45em) {
	.block-quote--d .block-quote__figure {
		padding-block: 2rem;
		padding-inline: 0
	}
}

@media(min-width:60em) {
	.block-quote--d .block-quote__figure {
		padding-block: 5rem;
		padding-inline: 0
	}
}

.block-quote--d .block-quote__avatar {
	border-radius: 50%;
	height: 8rem;
	inset-block: 0;
	inset-inline-start: 0;
	margin-block: 0 2rem;
	margin-inline: 0;
	width: 8rem
}

@media(min-width:47.5em) {
	.block-quote--d .block-quote__text {
		padding-block-start: 1.2rem;
		padding-inline-start: 3.2rem
	}
}

@media(min-width:62em) {
	.block-quote--d .block-quote__text {
		padding-inline-start: 7.8rem
	}
}

.block-quote--d .block-quote__text p {
	font-size: 1.7rem;
	line-height: 1.75
}

@media print {
	.block-quote--d .block-quote__text p {
		font-size: 1.3rem
	}
}

@media(min-width:47.5em) {
	.block-quote--d-no-avatar .block-quote__text {
		padding-block-start: 0
	}
}

.block-quote--d-legacy-quote-mark .block-quote__text p:first-child:before {
	content: "“";
	display: inline;
	position: absolute;
	transform: translateX(calc(-110%*var(--dir-x)))
}

.block-quote--d-legacy-quote-mark .block-quote__text p:last-child:after {
	content: "”";
	display: inline
}

.block-quote--d-legacy-quote-mark .block-quote__text--blank p:first-child:before,
.block-quote--d-legacy-quote-mark .block-quote__text--blank p:last-child:after {
	display: none
}

.block-quote--d .block-quote__caption {
	color: var(--color-text)
}

@media print {
	.block-quote--d .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--background {
	--color-quote-text: #fff;
	color: #fff
}

.block-quote--background p {
	color: var(--color-quote-text);
	text-align: start
}

.block-quote--background .brand--linkColor a,
.block-quote--background a {
	color: var(--color-theme) !important
}

.block-quote--background .block-quote__background {
	background-position: 50%;
	background-size: cover;
	padding-block: 3rem;
	padding-inline: 0
}

@media(min-width:45em) {
	.block-quote--background .block-quote__background {
		padding-block: 1rem 0;
		padding-inline: 8rem 0
	}
}

@media(min-width:60em) {
	.block-quote--background .block-quote__background {
		padding-block: 5rem;
		padding-inline: 0
	}
}

.block-quote--background-overlay-legacy .block-quote__background {
	background-blend-mode: multiply;
	background-color: #0000004d
}

.block-quote--background .block-quote__figure,
.block-quote--background-align-left .block-quote__figure {
	margin-inline-start: 4rem;
	padding-block-end: 1rem;
	position: relative
}

@media(min-width:45em) {

	.block-quote--background .block-quote__figure,
	.block-quote--background-align-left .block-quote__figure {
		margin-inline-start: 0
	}
}

.block-quote--background-align-center .block-quote__figure {
	margin-inline-start: 0
}

.block-quote--background .block-quote__avatar {
	border-radius: 50%;
	height: 6rem;
	inset-block: 0;
	inset-inline-start: 0;
	margin-block: 0;
	margin-inline: 0;
	width: 6rem
}

@media print {
	.block-quote--background .block-quote__avatar {
		height: 4rem;
		width: 4rem
	}
}

.block-quote--background .block-quote__text:before,
.block-quote--background-align-left .block-quote__text:before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQBAMAAADkNkIoAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAEe53RKqZIt1mVTPMu4inCm5kAAAAjElEQVQI12MAggUgwhFEeKgDCdHPQILzG5Bg79kAJOcbAAmJgyC+KkhRUAGQYPsIJFg+g/jyAUCCFcRnWJ8AJJg+gJj21/7fZqj/rK/JwJD/////Df5A4gGYGQBifmSwB5IN9UDiC8N6IKnABCR+MXAAyQRmsAKW//8/FTCe//8faL/v/2gGBrn/mgwACsFCFVZJXz4AAAAASUVORK5CYII=);
	content: "";
	display: block;
	height: 16px;
	inset-inline-start: -4rem;
	position: absolute;
	transform: scaleX(var(--dir-x));
	width: 20px
}

@media(min-width:45em) {

	.block-quote--background .block-quote__text:before,
	.block-quote--background-align-left .block-quote__text:before {
		inset-inline-start: -6rem
	}
}

.block-quote--background .block-quote__text p,
.block-quote--background-align-left .block-quote__text p {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.4
}

@media print {

	.block-quote--background .block-quote__text p,
	.block-quote--background-align-left .block-quote__text p {
		font-size: 2rem
	}
}

.block-quote--background-overlay-light {
	--color-quote-text: #000
}

.block-quote--background-overlay-light .block-quote__text:before {
	background-image: url("data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAABKUlEQVQ4T42TgW3CQBAEhxKgBCiBlAAlQAmkBCghKYGUEEqAEkgJSQlJC2isP+tj/dmchJD967293fsZee2Ay8h5HG2AL+DPF7PGBwLOwBx4AX4SUs/F2fgEvLcIDwX0AbyOqFsC16JKnAq7qhUGWd9tRNm9kG1j1CGhHQXdgP2Eb5+AtjTtCIV6ocLFsOOAXCJHTaeQUHN/S6LPqDOEtLGEAhxjKgjF2lgBre3oQzkCb8U/V8TRLf10tEhQn7/Lme/9TnL3z2cFdZ3CvywLzZc0/Mtw7uHpGUJvi95OEdpoIWGMnHXWhhVQj5xht3UoGUiPTLUOJcPuIy3NVkGr6vSnpulGtjJ/VFffCFN1sdeNzt2y1/skqQr8twzD5PqLX95LKs6f9W9tHnQCRMzdiKvSAAAAAElFTkSuQmCC")
}

.block-quote--background-quote-icon-off .block-quote__text:before {
	background-image: none
}

.block-quote--background .block-quote__caption p {
	font-weight: 700
}

@media print {
	.block-quote--background .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--background-align-center .block-quote__background {
	padding-inline-start: 0
}

.block-quote--background-align-center .block-quote__container {
	display: flex;
	justify-content: center
}

.block-quote--background-align-center .block-quote__figure {
	display: flex;
	flex-direction: column;
	place-items: center
}

.block-quote--background-align-center p {
	text-align: center
}

.block-quote--background-align-center .block-quote__text:before {
	inset-inline-start: -2rem
}

.block-quote--background-align-right .block-quote__container {
	display: flex;
	justify-content: flex-end
}

.block-quote--background-align-right .block-quote__figure {
	display: flex;
	flex-direction: column;
	place-items: flex-end
}

.block-quote--background-align-right p {
	text-align: end
}

.block-quote--background-align-right .block-quote__text:before {
	inset-inline-start: -4rem
}

.block-quote--background-align-left .block-quote__container {
	animation: quote-block-fade-in .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-quote--background-align-left .block-quote__container {
		animation: none
	}
}

.block-quote--background-align-center .block-quote__col {
	animation: quote-block-fade-in .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-quote--background-align-center .block-quote__col {
		animation: none
	}
}

.block-quote--background-align-right .block-quote__figure {
	animation: quote-block-fade-in .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-quote--background-align-right .block-quote__figure {
		animation: none
	}
}

.block-quote--carousel {
	position: relative
}

.block-quote--carousel .block-quote__wrap {
	padding-block-end: 5rem;
	position: relative
}

.block-quote--carousel .block-quote__wrapper {
	position: relative
}

.block-quote--carousel .block-quote__box {
	border: 1px solid #0000;
	box-shadow: 0 .4rem 1.2rem .2rem #0000000d;
	position: relative
}

.block-quote--carousel.block-quote--hide-border .block-quote__box {
	border: none;
	box-shadow: none
}

.block-quote--carousel .block-quote__slide {
	width: 100%
}

.block-quote--carousel .block-quote__figure {
	padding-block: 4rem;
	padding-inline: 8.3333333333%
}

.block-quote--carousel .block-quote__avatar {
	border-radius: 50%;
	box-shadow: 0 .1rem 0 0 #0000001f;
	height: 7rem;
	margin-block: 0;
	margin-inline: auto;
	width: 7rem
}

@media print {
	.block-quote--carousel .block-quote__avatar {
		height: 4rem;
		width: 4rem
	}
}

.block-quote--carousel .block-quote__avatar img {
	display: none !important
}

.block-quote--carousel .block-quote__text {
	text-align: center
}

@media print {
	.block-quote--carousel .block-quote__text {
		font-size: 1.3rem
	}
}

.block-quote--carousel-legacy-quote-mark .block-quote__text p:first-child:before {
	content: "“"
}

.block-quote--carousel-legacy-quote-mark .block-quote__text p:last-child:after {
	content: "”";
	display: inline-block
}

.block-quote--carousel-legacy-quote-mark .block-quote__text--blank p:first-child:before,
.block-quote--carousel-legacy-quote-mark .block-quote__text--blank p:last-child:after {
	display: none
}

.block-quote--carousel .block-quote__caption {
	color: var(--color-theme-decorative);
	text-align: center
}

@media print {
	.block-quote--carousel .block-quote__caption p {
		font-size: 1.2rem
	}
}

.block-quote--carousel-legacy-quote-mark .block-quote__caption p:first-child:before {
	content: "- "
}

.block-quote--carousel-legacy-quote-mark .block-quote__caption--blank p:first-child:before {
	display: none
}

.block-quote--carousel.bg--legacy-background .block-quote__caption {
	color: #000
}

.block-quote--c-custom-width-lg .block-quote__caption,
.block-quote--c-custom-width-med .block-quote__caption,
.block-quote--c-custom-width-sm .block-quote__caption {
	padding-inline-start: 4rem
}

@media(min-width:47.5em) {

	.block-quote--d-custom-width-lg .block-quote__caption,
	.block-quote--d-custom-width-med .block-quote__caption,
	.block-quote--d-custom-width-sm .block-quote__caption {
		padding-inline-start: 3.2rem
	}
}

@media(min-width:62em) {

	.block-quote--d-custom-width-lg .block-quote__caption,
	.block-quote--d-custom-width-med .block-quote__caption,
	.block-quote--d-custom-width-sm .block-quote__caption {
		padding-inline-start: 7.8rem
	}
}

.block-quote--a .block-quote__text,
.block-quote--b .block-quote__text,
.block-quote--background .block-quote__text,
.block-quote--c .block-quote__text,
.block-quote--carousel .block-quote__text,
.block-quote--d .block-quote__text {
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {

	.block-quote--a .block-quote__text,
	.block-quote--b .block-quote__text,
	.block-quote--background .block-quote__text,
	.block-quote--c .block-quote__text,
	.block-quote--carousel .block-quote__text,
	.block-quote--d .block-quote__text {
		transition: none
	}
}

.block-quote--a-quote-padding-sm .block-quote__text,
.block-quote--b-quote-padding-sm .block-quote__text,
.block-quote--background-quote-padding-sm .block-quote__text,
.block-quote--carousel-quote-padding-sm .block-quote__text {
	padding-block: 3rem 2rem;
	padding-inline: 0
}

.block-quote--a-quote-padding-med .block-quote__text,
.block-quote--b-quote-padding-med .block-quote__text,
.block-quote--background-quote-padding-med .block-quote__text,
.block-quote--carousel-quote-padding-med .block-quote__text {
	padding-block: 4rem;
	padding-inline: 0
}

.block-quote--a-quote-padding-lg .block-quote__text,
.block-quote--b-quote-padding-lg .block-quote__text,
.block-quote--background-quote-padding-lg .block-quote__text,
.block-quote--carousel-quote-padding-lg .block-quote__text {
	padding-block: 6rem;
	padding-inline: 0
}

.block-quote--c-quote-padding-sm .block-quote__text {
	padding-block-end: 2rem;
	padding-inline-start: 4rem
}

.block-quote--c-quote-padding-med .block-quote__text {
	padding-block-end: 4rem;
	padding-inline-start: 4rem
}

.block-quote--c-quote-padding-lg .block-quote__text {
	padding-block-end: 6rem;
	padding-inline-start: 4rem
}

.block-quote--d-quote-padding-sm .block-quote__text {
	padding-block-end: 2rem
}

.block-quote--d-quote-padding-med .block-quote__text {
	padding-block-end: 4rem
}

.block-quote--d-quote-padding-lg .block-quote__text {
	padding-block-end: 6rem
}

.block-quote--a-avatar-size-sm .block-quote__avatar,
.block-quote--b-avatar-size-sm .block-quote__avatar,
.block-quote--carousel-avatar-size-sm .block-quote__avatar {
	height: 6.4rem;
	width: 6.4rem
}

.block-quote--a-avatar-size-med .block-quote__avatar,
.block-quote--b-avatar-size-med .block-quote__avatar {
	height: 9.6rem;
	width: 9.6rem
}

.block-quote--carousel-avatar-size-med .block-quote__avatar {
	height: 10rem;
	width: 10rem
}

.block-quote--a-avatar-size-lg .block-quote__avatar,
.block-quote--b-avatar-size-lg .block-quote__avatar,
.block-quote--background-avatar-size-lg .block-quote__avatar,
.block-quote--carousel-avatar-size-lg .block-quote__avatar,
.block-quote--d-avatar-size-lg .block-quote__avatar {
	height: 16rem;
	width: 16rem
}

.block-quote--c-avatar-size-sm .block-quote__avatar-wrap {
	height: 10rem;
	width: 10rem
}

.block-quote--c-avatar-size-med .block-quote__avatar-wrap {
	height: 14.8rem;
	width: 14.8rem
}

.block-quote--c-avatar-size-lg .block-quote__avatar-wrap {
	height: 18.6rem;
	width: 18.6rem
}

.block-quote--d-avatar-size-sm .block-quote__avatar {
	height: 8rem;
	width: 8rem
}

.block-quote--d-avatar-size-med .block-quote__avatar {
	height: 12rem;
	width: 12rem
}

@media(min-width:47.5em) {

	.block-quote--d-avatar-size-lg .block-quote__caption,
	.block-quote--d-avatar-size-lg .block-quote__text,
	.block-quote--d-avatar-size-med .block-quote__caption,
	.block-quote--d-avatar-size-med .block-quote__text {
		padding-inline-start: 3.2rem
	}
}

@media(min-width:62em) {

	.block-quote--d-avatar-size-lg .block-quote__caption,
	.block-quote--d-avatar-size-lg .block-quote__text,
	.block-quote--d-avatar-size-med .block-quote__caption,
	.block-quote--d-avatar-size-med .block-quote__text {
		padding-inline-start: 5rem
	}
}

.block-quote--background-avatar-size-sm .block-quote__avatar {
	height: 6rem;
	width: 6rem
}

.block-quote--background-avatar-size-med .block-quote__avatar {
	height: 9.6rem;
	width: 9.6rem
}

.block-quote__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-quote__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-quote__container {
		padding-inline: 6rem 6rem
	}
}

.block-quote--a .block-quote__col,
.block-quote--b .block-quote__col,
.block-quote--c .block-quote__col,
.block-quote--d:not(.block-quote--d-legacy) .block-quote__figure {
	display: flex;
	flex-direction: column;
	place-items: center
}

.block-quote--d-quote-padding-med .block-quote__avatar {
	margin-block-end: 5rem
}

.block-quote--d-quote-padding-lg .block-quote__avatar {
	margin-block-end: 7rem
}

.block-quote--background .block-quote__col {
	display: flex;
	flex-direction: column
}

@media(min-width:47.5em) {
	.block-quote--d .block-quote__row {
		display: flex
	}
}

.block-quote--d .block-quote__wrap--blank {
	min-width: 52rem
}

@media(min-width:33.75em) {
	.block-quote--carousel .block-quote__wrap {
		display: flex;
		flex-direction: column;
		place-items: center
	}

	.block-quote--a-custom-width-lg .block-quote__wrap,
	.block-quote--a-custom-width-med .block-quote__wrap,
	.block-quote--a-custom-width-sm .block-quote__wrap,
	.block-quote--b-custom-width-lg .block-quote__wrap,
	.block-quote--b-custom-width-med .block-quote__wrap,
	.block-quote--b-custom-width-sm .block-quote__wrap,
	.block-quote--background-custom-width-lg .block-quote__wrap,
	.block-quote--background-custom-width-med .block-quote__wrap,
	.block-quote--background-custom-width-sm .block-quote__wrap,
	.block-quote--c-custom-width-lg .block-quote__figure,
	.block-quote--c-custom-width-med .block-quote__figure,
	.block-quote--c-custom-width-sm .block-quote__figure,
	.block-quote--carousel-custom-width-lg .block-quote__col,
	.block-quote--carousel-custom-width-med .block-quote__col,
	.block-quote--carousel-custom-width-sm .block-quote__col,
	.block-quote--d-custom-width-lg .block-quote__row,
	.block-quote--d-custom-width-med .block-quote__row,
	.block-quote--d-custom-width-sm .block-quote__row {
		width: 52rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__text:before,
	.course-navigation__sidebar--nav-open .block-quote--background:not(.block-quote--background-align-center):not(.block-quote--background-align-right) .block-quote__text:before {
		inset-inline-start: -6rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__background,
	.course-navigation__sidebar--nav-open .block-quote--background:not(.block-quote--background-align-center):not(.block-quote--background-align-right) .block-quote__background {
		padding-inline-start: 2rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__figure {
		padding-inline-end: 0
	}

	.block-quote--background-align-center .block-quote__text:before {
		inset-inline-start: -5rem
	}
}

@media(min-width:42.5em) {
	.course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__text:before {
		inset-inline-start: -3rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__background,
	.course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__text {
		padding-inline-start: 2rem
	}
}

@media(min-width:52.5em) {

	.block-quote--a-custom-width-lg .block-quote__wrap,
	.block-quote--a-custom-width-med .block-quote__wrap,
	.block-quote--b-custom-width-lg .block-quote__wrap,
	.block-quote--b-custom-width-med .block-quote__wrap,
	.block-quote--background-custom-width-lg .block-quote__wrap,
	.block-quote--background-custom-width-med .block-quote__wrap,
	.block-quote--c-custom-width-lg .block-quote__figure,
	.block-quote--c-custom-width-med .block-quote__figure,
	.block-quote--carousel-custom-width-lg .block-quote__col,
	.block-quote--carousel-custom-width-med .block-quote__col,
	.block-quote--d-custom-width-lg .block-quote__row,
	.block-quote--d-custom-width-med .block-quote__row {
		width: 76rem
	}

	.block-quote--a-legacy .block-quote__wrap {
		width: 77rem
	}

	.block-quote--c-legacy .block-quote__figure {
		width: 78rem
	}

	.block-quote--background-align-right .block-quote__text:before {
		inset-inline-start: -4rem
	}

	.course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--a-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,
	.course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--b-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--background-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--c-custom-width-med .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row,
	.course-navigation__sidebar--nav-open .block-quote--d-custom-width-med .block-quote__row {
		width: 60rem
	}

	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-lg .block-quote__col,
	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-med .block-quote__col {
		width: 52rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__text:before {
		inset-inline-start: -1rem
	}
}

@media(min-width:62em) {

	.block-quote--a-custom-width-lg .block-quote__wrap,
	.block-quote--background-custom-width-lg .block-quote__wrap,
	.block-quote--c-custom-width-lg .block-quote__figure,
	.block-quote--d-custom-width-lg .block-quote__row {
		width: 92rem
	}

	.block-quote--b-custom-width-lg .block-quote__wrap {
		width: 95rem
	}

	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-lg .block-quote__col,
	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-med .block-quote__col {
		width: 60rem
	}
}

@media(min-width:67.5em) {
	.block-quote--carousel-custom-width-lg .block-quote__col {
		width: 92rem
	}
}

@media(min-width:70.625em) {

	.course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--a-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,
	.course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--b-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--background-custom-width-med .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--c-custom-width-med .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row,
	.course-navigation__sidebar--nav-open .block-quote--d-custom-width-med .block-quote__row {
		width: 76rem
	}

	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__wrap {
		width: 77rem
	}

	.course-navigation__sidebar--nav-open .block-quote--c-legacy .block-quote__figure {
		width: 78rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background .block-quote__background,
	.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__background {
		padding-inline-start: 0
	}
}

@media(min-width:75em) {

	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-lg .block-quote__col,
	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-med .block-quote__col {
		width: 76rem
	}
}

@media(min-width:90em) {

	.course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,
	.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,
	.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--carousel-custom-width-lg .block-quote__col,
	.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row {
		width: 92rem
	}

	.course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap {
		width: 95rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__text:before,
	.course-navigation__sidebar--nav-open .block-quote--background:not(.block-quote--background-align-right) .block-quote__text:before {
		inset-inline-start: -6rem
	}

	.course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__text:before {
		inset-inline-start: -5rem
	}
}

@media(min-width:33.75em) {

	.block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.block-quote--a-divider-size-lg .block-quote__divider-top,
	.block-quote--a-divider-size-med .block-quote__divider-bottom,
	.block-quote--a-divider-size-med .block-quote__divider-top,
	.block-quote--a-divider-size-sm .block-quote__divider-bottom,
	.block-quote--a-divider-size-sm .block-quote__divider-top {
		width: 52rem
	}
}

@media(min-width:52.5em) {

	.block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.block-quote--a-divider-size-lg .block-quote__divider-top,
	.block-quote--a-divider-size-med .block-quote__divider-bottom,
	.block-quote--a-divider-size-med .block-quote__divider-top {
		width: 76rem
	}

	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-top {
		width: 60rem
	}
}

@media(min-width:62em) {

	.block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.block-quote--a-divider-size-lg .block-quote__divider-top {
		width: 92rem
	}
}

@media(min-width:70.625em) {

	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-top {
		width: 76rem
	}
}

@media(min-width:90em) {

	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,
	.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top {
		width: 92rem
	}
}

.block-quote--a-lg-no-avatar .block-quote__text,
.block-quote--a-med-no-avatar .block-quote__text,
.block-quote--a-sm-no-avatar .block-quote__text,
.block-quote--b-lg-no-avatar .block-quote__text,
.block-quote--b-med-no-avatar .block-quote__text,
.block-quote--b-sm-no-avatar .block-quote__text,
.block-quote--d-lg-no-avatar .block-quote__text,
.block-quote--d-med-no-avatar .block-quote__text,
.block-quote--d-sm-no-avatar .block-quote__text {
	padding-block-start: 2rem
}

.block-quote--carousel-lg-no-avatar .block-quote__text,
.block-quote--carousel-med-no-avatar .block-quote__text,
.block-quote--carousel-sm-no-avatar .block-quote__text {
	padding-block-start: 2.5rem
}

.block-quote--c-lg-no-avatar .block-quote__caption,
.block-quote--c-lg-no-avatar .block-quote__text,
.block-quote--c-med-no-avatar .block-quote__caption,
.block-quote--c-med-no-avatar .block-quote__text,
.block-quote--c-sm-no-avatar .block-quote__caption,
.block-quote--c-sm-no-avatar .block-quote__text,
.block-quote--d-lg-no-avatar .block-quote__caption,
.block-quote--d-lg-no-avatar .block-quote__text,
.block-quote--d-med-no-avatar .block-quote__caption,
.block-quote--d-med-no-avatar .block-quote__text,
.block-quote--d-sm-no-avatar .block-quote__caption,
.block-quote--d-sm-no-avatar .block-quote__text {
	padding-inline-start: 0
}

.block-quote--c-lg-no-avatar .block-quote__figure,
.block-quote--c-med-no-avatar .block-quote__figure,
.block-quote--c-sm-no-avatar .block-quote__figure,
.block-quote--d-lg-no-avatar .block-quote__row,
.block-quote--d-med-no-avatar .block-quote__row,
.block-quote--d-sm-no-avatar .block-quote__row {
	margin-block: 0;
	margin-inline: auto;
	width: 35rem
}

.block-quote--c-lg-no-avatar .block-quote__figure:before,
.block-quote--c-med-no-avatar .block-quote__figure:before,
.block-quote--c-sm-no-avatar .block-quote__figure:before {
	inset-inline-start: -2.4rem
}

.block-quote--background-sm-no-avatar .block-quote__row {
	width: 35rem
}

.block-quote--c-lg-no-avatar .block-quote__avatar-wrap,
.block-quote--c-med-no-avatar .block-quote__avatar-wrap,
.block-quote--c-sm-no-avatar .block-quote__avatar-wrap {
	height: 0;
	width: 0
}

@media(min-width:33.75em) {

	.block-quote--c-lg-no-avatar .block-quote__figure,
	.block-quote--c-med-no-avatar .block-quote__figure,
	.block-quote--c-sm-no-avatar .block-quote__figure,
	.block-quote--d-lg-no-avatar .block-quote__row,
	.block-quote--d-med-no-avatar .block-quote__row,
	.block-quote--d-sm-no-avatar .block-quote__row {
		margin-block: 0;
		margin-inline: auto;
		width: 52rem
	}

	.block-quote--background-sm-no-avatar .block-quote__row {
		width: 52rem
	}
}

@media(min-width:45em) {

	.block-quote--c-med-no-avatar .block-quote__figure,
	.block-quote--d-med-no-avatar .block-quote__row {
		margin-block: 0;
		margin-inline: auto;
		width: 60rem
	}

	.block-quote--c-lg-no-avatar .block-quote__figure,
	.block-quote--c-med-no-avatar:not(.block-quote-c-legacy) .block-quote__figure,
	.block-quote--d-lg-no-avatar .block-quote__row,
	.block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
		margin-block: 0;
		margin-inline: auto;
		width: 76rem
	}

	.block-quote--background-sm-no-avatar .block-quote__row {
		width: 60rem
	}
}

@media(min-width:62em) {

	.block-quote--c-lg-no-avatar .block-quote__figure,
	.block-quote--d-lg-no-avatar .block-quote__row {
		margin-block: 0;
		margin-inline: auto;
		width: 92rem
	}
}

@media(min-width:52.5em) {

	.course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--c-med-no-avatar .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row,
	.course-navigation__sidebar--nav-open .block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
		width: 60rem
	}
}

@media(min-width:70.625em) {

	.course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--c-med-no-avatar:not(.block-quote-c-legacy) .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row,
	.course-navigation__sidebar--nav-open .block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
		width: 76rem
	}
}

@media(min-width:90em) {

	.course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,
	.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row {
		width: 92rem
	}
}

.block-quote--a .block-quote__caption .tiptap-editor p.is-editor-empty:first-child,
.block-quote--a .block-quote__caption--blank .tiptap-editor p.is-editor-empty:first-child,
.block-quote--b .block-quote__caption .tiptap-editor p.is-editor-empty:first-child,
.block-quote--b .block-quote__caption--blank .tiptap-editor p.is-editor-empty:first-child {
	padding-inline-start: calc(50% - 5.5ch);
	position: relative;
	text-align: left
}

.block-quote--a .block-quote__text .tiptap-editor p.is-editor-empty:first-child,
.block-quote--a .block-quote__text--blank .tiptap-editor p.is-editor-empty:first-child,
.block-quote--b .block-quote__text .tiptap-editor p.is-editor-empty:first-child,
.block-quote--b .block-quote__text--blank .tiptap-editor p.is-editor-empty:first-child,
.block-quote--carousel .block-quote__text .tiptap-editor p.is-editor-empty:first-child,
.block-quote--carousel .block-quote__text--blank .tiptap-editor p.is-editor-empty:first-child {
	padding-inline-start: calc(50% - 8.5ch);
	position: relative;
	text-align: left
}

.block-quote--carousel .block-quote__caption .tiptap-editor p.is-editor-empty:first-child,
.block-quote--carousel .block-quote__caption--blank .tiptap-editor p.is-editor-empty:first-child {
	padding-inline-start: calc(50% - 6.5ch);
	position: relative;
	text-align: left
}

@keyframes quote-block-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes quote-block-fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.block-quote--carousel .carousel {
	position: relative
}

.block-quote--carousel .carousel-controls {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.block-quote--carousel .carousel-controls-items {
	display: flex;
	inset-block-start: calc(100% + 2.5rem);
	inset-inline-start: 50%;
	max-width: 100%;
	overflow-x: hidden;
	pointer-events: auto;
	position: absolute;
	touch-action: none;
	transform: translateX(calc(-50%*var(--dir-x)))
}

.block-quote--carousel .carousel-controls-item {
	display: flex;
	margin-inline-end: 1rem
}

.block-quote--carousel .carousel-controls-item:last-child {
	margin-inline-end: 0
}

.block-quote--carousel .carousel-controls-item-btn {
	align-items: center;
	color: var(--color-carousel-dots);
	display: flex;
	height: 2.4rem;
	justify-content: center;
	width: 2.4rem
}

.block-quote--carousel .carousel-controls-item-btn[aria-disabled=true] {
	cursor: default
}

.block-quote--carousel .carousel-controls-item-btn[aria-disabled=true]>.carousel-controls-item-btn-icon {
	height: 1.8rem;
	width: 1.8rem
}

.block-quote--carousel .carousel-controls-item-btn-icon {
	display: flex;
	height: 1.4rem;
	width: 1.4rem
}

.block-quote--carousel .carousel-controls-item-btn-icon>svg {
	height: 100%;
	width: 100%
}

.block-quote--carousel .carousel-controls-next,
.block-quote--carousel .carousel-controls-prev {
	align-items: center;
	color: var(--color-carousel-arrow);
	display: none;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 7.5rem
}

@media(min-width:45em) {

	.block-quote--carousel .carousel-controls-next,
	.block-quote--carousel .carousel-controls-prev {
		display: flex
	}
}

.block-quote--carousel .carousel-controls-next[aria-disabled=true],
.block-quote--carousel .carousel-controls-prev[aria-disabled=true] {
	cursor: default
}

.block-quote--carousel .carousel-controls-next[aria-disabled=true]>.carousel-controls-next-icon,
.block-quote--carousel .carousel-controls-prev[aria-disabled=true]>.carousel-controls-prev-icon {
	opacity: .3
}

.block-quote--carousel .carousel .carousel-controls-prev {
	inset-inline-start: -7.5rem
}

.block-quote--carousel .carousel .carousel-controls-next {
	inset-inline-end: -7.5rem
}

.block-quote--carousel .carousel-controls-next-icon,
.block-quote--carousel .carousel-controls-prev-icon {
	display: flex;
	height: 5rem
}

.block-quote--carousel .carousel-controls-next-icon>svg,
.block-quote--carousel .carousel-controls-prev-icon>svg {
	height: 100%
}

.block-quote--carousel .carousel-slides {
	display: flex;
	overflow: hidden
}

.block-quote--carousel .carousel-slide {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	inset-inline-end: calc(var(--carousel-active-index)*100%);
	position: relative;
	transition: inset-inline-end .5s ease, visibility 0s 0s;
	visibility: visible;
	width: 100%
}

.block-quote--carousel .carousel-slide[hidden] {
	display: flex;
	transition: inset-inline-end .5s ease, visibility 0s .5s;
	visibility: hidden
}

.block-list {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-list {
		transition: none
	}
}

.block-list:not(.bg--type-light) .audio-player {
	--color-track-opacity: 0.3
}

.block-list__item {
	margin-block-end: 3rem;
	position: relative
}

.block-list__item:last-child {
	margin-block-end: 0
}

.block-list__item--checkboxes {
	cursor: pointer
}

.block-list__animated-item {
	margin-block-end: 3rem
}

.block-list__animated-item:last-child {
	margin-block-end: 0
}

.block-list__content {
	font-family: var(--font-family-body);
	margin-inline-start: 4rem;
	transition: margin-inline-start .5s
}

@media(prefers-reduced-motion:reduce) {
	.block-list__content {
		transition: none
	}
}

.block-list__content.hidden {
	overflow: hidden;
	visibility: hidden;
	white-space: nowrap
}

.block-list__content__left {
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 4rem
}

.block-list__content p {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.75;
	margin-block-end: 3.4rem
}

.block-list__content p:last-child {
	margin-block-end: 0
}

@media print {
	.block-list__content p {
		font-size: 1.3rem
	}
}

.block-list__content__left .fr-view>*,
.block-list__content__left .fr-view>* li {
	margin-block: 0;
	margin-inline: 0;
	position: absolute
}

.block-list__content__left .fr-view>* li:first-child,
.block-list__content__left .fr-view>:first-child {
	position: relative
}

.block-list__content__left .fr-view>* br,
.block-list__content__left .fr-view>* li br {
	display: none
}

.block-list__number {
	--color-background: var(--color-theme-decorative);
	align-items: center;
	background-color: var(--color-background);
	border-radius: 50%;
	color: var(--color-theme-decorative-fg);
	display: flex;
	font-size: 1.8rem;
	height: 4rem;
	inset-block-start: -.5rem;
	inset-inline-start: 0;
	justify-content: center;
	position: absolute;
	width: 4rem
}

.block-list__option {
	display: block;
	inset-block: 0;
	inset-inline: 0;
	outline-offset: .2rem;
	position: relative
}

.block-list__option:has(input[type=checkbox]:focus-visible) {
	outline: 2px auto Highlight;
	outline: 2px auto -webkit-focus-ring-color
}

.block-list__media-container-bottom {
	margin-block-start: 3rem
}

.block-list__media-container-top {
	margin-block-end: 2rem
}

.block-list__checkbox-input {
	height: 2.5rem;
	inset-block-start: .3rem;
	margin-block: 0;
	margin-inline: 0;
	opacity: 0;
	position: absolute;
	width: 2.5rem;
	z-index: -1
}

.block-list__checkbox {
	--color-background: var(--color-theme-decorative);
	align-items: center;
	border-color: var(--color-theme-decorative);
	border-radius: .3rem;
	border-style: solid;
	border-width: .2rem;
	cursor: pointer;
	height: 2.5rem;
	inset-block-start: 1em;
	justify-content: center;
	position: absolute;
	transform: translateY(-50%);
	transition: opacity .1s ease-out;
	width: 2.5rem
}

.block-list__checkbox,
.block-list__checkbox__icon {
	color: var(--color-theme-decorative-fg);
	display: flex
}

.block-list__checkbox__icon {
	opacity: 0
}

.block-list__option:active .block-list__checkbox {
	opacity: .7
}

.block-list__checkbox-input:checked~.block-list__checkbox {
	background-color: var(--color-background)
}

.block-list__checkbox-input:checked~.block-list__checkbox .block-list__checkbox__icon {
	opacity: 1
}

.block-list__bullet {
	border-radius: 50%;
	color: var(--color-theme-decorative);
	display: flex;
	height: 1rem;
	inset-block-start: 1em;
	inset-inline-start: 1.5rem;
	position: absolute;
	transform: translateY(-50%);
	width: 1rem
}

.block-list__bullet>svg {
	height: auto
}

.block-list--bulleted-bullet-padding-lg .block-list__content,
.block-list--bulleted-bullet-padding-med .block-list__content,
.block-list--bulleted-bullet-padding-sm .block-list__content,
.block-list--checkboxes-bullet-padding-lg .block-list__content,
.block-list--checkboxes-bullet-padding-med .block-list__content,
.block-list--checkboxes-bullet-padding-sm .block-list__content,
.block-list--numbered-bullet-padding-lg .block-list__content,
.block-list--numbered-bullet-padding-med .block-list__content,
.block-list--numbered-bullet-padding-sm .block-list__content {
	margin-inline-start: 6rem
}

@media(min-width:33.75em) {

	.block-list--bulleted-bullet-padding-sm .block-list__content,
	.block-list--checkboxes-bullet-padding-sm .block-list__content,
	.block-list--numbered-bullet-padding-sm .block-list__content {
		margin-inline-start: 7rem
	}

	.block-list--bulleted-bullet-padding-med .block-list__content,
	.block-list--checkboxes-bullet-padding-med .block-list__content,
	.block-list--numbered-bullet-padding-med .block-list__content {
		margin-inline-start: 10rem
	}

	.block-list--bulleted-bullet-padding-lg .block-list__content,
	.block-list--checkboxes-bullet-padding-lg .block-list__content,
	.block-list--numbered-bullet-padding-lg .block-list__content {
		margin-inline-start: 14rem
	}
}

.block-list__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-list__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-list__container {
		padding-inline: 6rem 6rem
	}
}

.block-list__row {
	display: flex;
	justify-content: center
}

@media(min-width:33.75em) {

	.block-list--bulleted-custom-width-lg .block-list__item,
	.block-list--bulleted-custom-width-med .block-list__item,
	.block-list--bulleted-custom-width-sm .block-list__item,
	.block-list--checkboxes-custom-width-lg .block-list__item,
	.block-list--checkboxes-custom-width-med .block-list__item,
	.block-list--checkboxes-custom-width-sm .block-list__item,
	.block-list--numbered-custom-width-lg .block-list__item,
	.block-list--numbered-custom-width-med .block-list__item,
	.block-list--numbered-custom-width-sm .block-list__item {
		width: 52rem
	}
}

@media(min-width:45em) {

	.block-list--bulleted-custom-width-lg .block-list__item,
	.block-list--bulleted-custom-width-med .block-list__item,
	.block-list--checkboxes-custom-width-lg .block-list__item,
	.block-list--checkboxes-custom-width-med .block-list__item,
	.block-list--numbered-custom-width-lg .block-list__item,
	.block-list--numbered-custom-width-med .block-list__item {
		width: 68rem
	}
}

@media(min-width:52.5em) {

	.block-list--bulleted-custom-width-lg .block-list__item,
	.block-list--bulleted-custom-width-med .block-list__item,
	.block-list--checkboxes-custom-width-lg .block-list__item,
	.block-list--checkboxes-custom-width-med .block-list__item,
	.block-list--numbered-custom-width-lg .block-list__item,
	.block-list--numbered-custom-width-med .block-list__item {
		width: 76rem
	}

	.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-med .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-med .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-med .block-list__item {
		width: 60rem
	}
}

@media(min-width:62em) {

	.block-list--bulleted-custom-width-lg .block-list__item,
	.block-list--checkboxes-custom-width-lg .block-list__item,
	.block-list--numbered-custom-width-lg .block-list__item {
		width: 92rem
	}
}

@media(min-width:80em) {

	.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-med .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-med .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-med .block-list__item {
		width: 76rem
	}
}

@media(min-width:90em) {

	.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,
	.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item {
		width: 92rem
	}
}

.block-list--numbered .block-list__row {
	padding-block-start: .5rem
}

.block-list__media.audio-on-top {
	margin-block-end: 2.5rem
}

.block-list__media.audio-on-bottom {
	margin-block-start: 2.5rem
}

.block-image {
	--color-text-aside: var(--color-text, #000);
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-image__caption,
.block-image__paragraph,
.block-image__text {
	word-wrap: break-word
}

.block-image__caption,
.block-image__text {
	font-family: var(--font-family-body)
}

.block-image__paragraph {
	font-family: var(--font-family-head)
}

.block-image__text h2,
.block-image__text h3,
.block-image__text h4,
.block-image__text h5 {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25;
	padding-block: .8rem;
	padding-inline: 0
}

.block-image__text h2 p,
.block-image__text h2 strong,
.block-image__text h3 p,
.block-image__text h3 strong,
.block-image__text h4 p,
.block-image__text h4 strong,
.block-image__text h5 p,
.block-image__text h5 strong {
	font-family: var(--font-family-head) !important;
	font-weight: 700
}

.block-image__text h2 {
	font-size: 2.8rem
}

@media(min-width:45em) {
	.block-image__text h2 {
		font-size: 3.2rem
	}
}

@media print {
	.block-image__text h2 {
		font-size: 2.2rem
	}
}

.block-image__text h3 {
	font-size: 2.2rem
}

@media(min-width:45em) {
	.block-image__text h3 {
		font-size: 2.4rem
	}
}

@media print {
	.block-image__text h3 {
		font-size: 1.8rem
	}
}

.block-image__text h4 {
	font-size: 1.8rem
}

@media(min-width:45em) {
	.block-image__text h4 {
		font-size: 2rem
	}
}

@media print {
	.block-image__text h4 {
		font-size: 1.6rem
	}
}

.block-image__text h5 {
	font-size: 1.6rem
}

@media(min-width:45em) {
	.block-image__text h5 {
		font-size: 1.8rem
	}
}

@media print {
	.block-image__text h5 {
		font-size: 1.4rem
	}
}

.block-image__text p {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 2;
	margin-block-end: 1.7rem
}

.block-image__text p:last-child {
	margin-block-end: 0
}

@media print {
	.block-image__text p {
		font-size: 1.3rem
	}

	.block-image__text p strong {
		font-size: 1.5rem
	}
}

.block-image__image {
	position: relative;
	width: 100%
}

.block-image__image--audio-overlay {
	margin-inline: auto;
	width: fit-content
}

.block-image--hero .block-image__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-size: 1.2rem;
	margin-block: .75rem 0;
	margin-inline: 8.3333333333%;
	padding-block: 1.3rem;
	padding-inline: 0
}

.block-image--hero .block-image__caption p {
	font-size: inherit;
	margin-block: 0;
	margin-inline: 0
}

.block-image--hero .block-image__waiting {
	--icon-size: 4.8rem;
	align-items: center;
	animation: shimmer 1.5s linear infinite;
	aspect-ratio: 3/2;
	background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%) 100% 0/300%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-inline: auto;
	max-height: 90rem
}

.block-image--hero .block-image__waiting-text {
	font-size: 1.8rem;
	font-weight: 500;
	margin-block-start: 1rem
}

.block-image--full,
.block-image--full .block-image__image {
	background-position: 50%;
	background-size: cover
}

.block-image--full .block-image__image {
	background-repeat: no-repeat;
	max-height: 70rem;
	min-height: 20rem;
	overflow: hidden;
	position: relative;
	width: 100%
}

.block-image--full .block-image__image>img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	opacity: 0
}

.block-image--full.block-image--flag-dimensions .block-image__image>img {
	height: auto;
	max-height: inherit;
	object-fit: cover;
	width: inherit
}

.block-image--full .block-image__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-size: 1.2rem;
	margin-block: .75rem 0;
	margin-inline: 0;
	padding-block: 1.3rem;
	padding-inline: 0
}

.block-image--full .block-image__caption p {
	font-size: inherit
}

.block-image--text-aside .block-image__figure {
	margin-block-end: 3rem
}

.block-image--text-aside .block-image__image {
	background: #0000;
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.block-image--text-aside .block-image__image {
		margin-block-end: 0
	}
}

.block-image--text-aside .block-image__image--audio-overlay {
	margin-inline: auto;
	width: fit-content
}

@media(max-width:47.9375em) {
	.block-image--text-aside.block-image--reverse .block-image__text {
		margin-block-end: 3rem
	}

	.block-image--text-aside.block-image--reverse .block-image__figure {
		margin-block-end: 0
	}
}

@media(min-width:48em) {
	.block-image--text-aside.block-image--large .block-image__figure {
		padding-inline-end: 3rem
	}

	.block-image--text-aside.block-image--large.block-image--reverse .block-image__figure {
		padding-inline: 3rem 0
	}

	.block-image--text-aside .block-image__text {
		color: var(--color-text-aside);
		padding-inline-start: 3rem
	}

	.block-image--text-aside.block-image--reverse .block-image__text {
		padding-inline: 0 3rem
	}

	.block-image--text-aside.block-image--large .block-image__text,
	.block-image--text-aside.block-image--large.block-image--reverse .block-image__text {
		padding-inline: 0
	}
}

.block-image--overlay {
	color: #fff
}

.block-image--overlay.bg--type-accent .brand--linkColor a,
.block-image--overlay.bg--type-accent a,
.block-image--overlay.bg--type-image .brand--linkColor a,
.block-image--overlay.bg--type-image a {
	color: var(--color-theme) !important
}

.block-image--overlay .block-image__figure {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 40rem;
	position: relative
}

.block-image--overlay .block-image__image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	inset-block: 0;
	inset-inline: 0;
	overflow: hidden;
	position: absolute
}

.block-image--overlay .block-image__image>img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	opacity: 0
}

.block-image--overlay.block-image--flag-dimensions .block-image__image>img {
	height: auto;
	object-fit: cover;
	width: inherit
}

.block-image--overlay .block-image__overlay {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.block-image--overlay .block-image__caption,
.block-image--text-aside .block-image__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-size: 1.2rem;
	line-height: 2;
	margin-block: 0;
	margin-inline: 8.3333333333%;
	padding-block: 1.5rem 1rem;
	padding-inline: 0
}

.block-image--overlay .block-image__caption p,
.block-image--text-aside .block-image__caption p {
	font-size: inherit
}

.block-image--overlay .block-image__paragraph {
	font-size: 3.2rem;
	margin-block: 9rem;
	margin-inline: 0;
	padding-block-start: 3.5rem;
	position: relative
}

@media print {
	.block-image--overlay .block-image__paragraph {
		font-size: 2.2rem
	}
}

.block-image--overlay .block-image__paragraph p {
	color: #fff;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.5
}

@media print {
	.block-image--overlay .block-image__paragraph p {
		font-size: 2.2rem
	}
}

.block-image--overlay .block-image__paragraph:before {
	background-color: #fff;
	content: "";
	height: .5rem;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 7.6rem
}

@media print {
	.block-image--overlay .block-image__paragraph:before {
		height: .2rem
	}
}

.block-image__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-image__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-image__container {
		padding-inline: 6rem 6rem
	}
}

.block-image--overlay .block-image__container {
	box-sizing: border-box;
	width: 100%
}

@media(min-width:48em) {
	.block-image--overlay .block-image__container {
		box-sizing: initial
	}
}

@media(min-width:90em) {
	.block-image--text-aside.block-image--reverse .block-image__row {
		justify-content: flex-end
	}
}

@media(min-width:48em) {
	.block-image__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.block-image__row:after,
	.block-image__row:before {
		content: " ";
		display: table
	}

	.block-image__row:after {
		clear: both
	}

	.block-image__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 100%
	}

	.block-image__col:first-child {
		margin-inline-start: 0
	}

	.block-image--text-aside .block-image__row {
		align-items: center;
		display: flex;
		justify-content: space-around
	}

	.block-image--text-aside.block-image--small .block-image__col:first-child {
		width: 41.6666666667%
	}

	.block-image--text-aside.block-image--small .block-image__col:last-child {
		width: 58.3333333333%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside.block-image--small .block-image__col:first-child {
		margin-inline-start: -8.3333333333%;
		width: 50%
	}
}

@media(min-width:48em) {
	.block-image--text-aside.block-image--large .block-image__col:first-child {
		width: 75%
	}

	.block-image--text-aside.block-image--large .block-image__col:last-child {
		width: 25%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside.block-image--large .block-image__col:first-child {
		margin-inline-start: -8.3333333333%;
		width: 83.3333333333%
	}
}

@media(min-width:48em) {

	.block-image--text-aside .block-image__col:first-child,
	.block-image--text-aside .block-image__col:last-child {
		width: 50%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside .block-image__col:first-child {
		margin-inline-start: -8.3333333333%;
		width: 58.3333333333%
	}
}

@media(min-width:48em) {

	.block-image--text-aside.block-image--reverse .block-image__col:first-child,
	.block-image--text-aside.block-image--reverse .block-image__col:last-child {
		width: 50%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside.block-image--reverse .block-image__col:last-child {
		margin-inline: 0 -8.3333333333%;
		width: 58.3333333333%
	}
}

@media(min-width:48em) {
	.block-image--text-aside.block-image--reverse.block-image--small .block-image__col:first-child {
		width: 58.3333333333%
	}

	.block-image--text-aside.block-image--reverse.block-image--small .block-image__col:last-child {
		width: 41.6666666667%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside.block-image--reverse.block-image--small .block-image__col:first-child {
		width: 58.3333333333%
	}

	.block-image--text-aside.block-image--reverse.block-image--small .block-image__col:last-child {
		margin-inline: 0 -8.3333333333%;
		width: 50%
	}
}

@media(min-width:48em) {
	.block-image--text-aside.block-image--reverse.block-image--large .block-image__col:first-child {
		width: 25%
	}

	.block-image--text-aside.block-image--reverse.block-image--large .block-image__col:last-child {
		width: 75%
	}
}

@media(min-width:48em)and (min-width:90em) {
	.block-image--text-aside.block-image--reverse.block-image--large .block-image__col:first-child {
		width: 25%
	}

	.block-image--text-aside.block-image--reverse.block-image--large .block-image__col:last-child {
		margin-inline: 0 -8.3333333333%;
		width: 83.3333333333%
	}
}

@media(min-width:48em) {
	.block-image--overlay .block-image__col {
		width: 58.3333333333%
	}
}

.block-image .fr-placeholder {
	color: var(--color-caption-placeholder-text)
}

.block-image.bg--legacy-background {
	--color-text-aside: #000;
	--color-caption-placeholder-text: #aaa
}

.block-gallery {
	padding-block: 3rem;
	padding-inline: 0;
	position: relative;
	transition: padding-block .5s, padding-inline .5s
}

@media print {
	.block-gallery {
		animation: none
	}
}

.block-gallery p {
	font-family: var(--font-family-body);
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.5;
	margin-block-end: 1.7rem
}

.block-gallery__carousel-container {
	padding-block: 3rem;
	padding-inline: 0
}

.block-gallery__figure {
	margin-block-end: 3rem
}

.block-gallery__image {
	margin-block-start: .4rem
}

.block-gallery .fr-placeholder {
	color: var(--color-caption-placeholder-text)
}

.block-gallery__caption {
	font-family: var(--font-family-body)
}

.block-gallery--carousel .block-gallery__figure,
.block-gallery--full-carousel .block-gallery__figure {
	margin-block-end: 0;
	padding-block-end: .4rem
}

.block-gallery--carousel .block-gallery__captions,
.block-gallery--carousel .block-gallery__images,
.block-gallery--full-carousel .block-gallery__captions,
.block-gallery--full-carousel .block-gallery__images {
	overflow: hidden
}

.block-gallery--carousel .block-gallery__slide,
.block-gallery--full-carousel .block-gallery__slide {
	float: left;
	position: relative
}

.block-gallery--carousel .block-gallery__dots-list,
.block-gallery--full-carousel .block-gallery__dots-list {
	display: flex !important;
	flex-direction: row;
	justify-content: center
}

.block-gallery--carousel .block-gallery__slider-container,
.block-gallery--full-carousel .block-gallery__slider-container {
	margin-block: auto;
	margin-inline: auto;
	width: 90%
}

.block-gallery--carousel .block-gallery__dots-list>li,
.block-gallery--full-carousel .block-gallery__dots-list>li {
	background: var(--color-theme-decorative);
	border-radius: 2rem;
	box-shadow: 0 0 0 0 #000;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 1.2rem;
	margin-block: 2rem;
	margin-inline: 1rem;
	transition: background .2s, box-shadow .25s, width .3s, height .3s;
	width: 1.2rem
}

.block-gallery--carousel .block-gallery__dots-list>li>button,
.block-gallery--full-carousel .block-gallery__dots-list>li>button {
	border: none;
	cursor: pointer;
	display: block;
	height: 1.2rem;
	opacity: 0;
	outline: none;
	overflow: hidden;
	text-indent: -999rem;
	width: 1.2rem
}

.block-gallery--carousel .block-gallery__controls {
	box-sizing: initial;
	display: none;
	inset-block: 0;
	inset-inline: 0;
	margin-inline: auto;
	max-width: 102rem;
	padding-inline: 1.9999998rem 1.9999998rem;
	pointer-events: none;
	position: absolute;
	z-index: 1
}

@media(min-width:33.75em) {
	.block-gallery--carousel .block-gallery__controls {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-gallery--carousel .block-gallery__controls {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:33.75em) {
	.block-gallery--carousel .block-gallery__controls {
		display: block
	}
}

.block-gallery__controls {
	margin-block-end: 5.2rem
}

.block-gallery--carousel .block-gallery__arrow,
.block-gallery--full-carousel .block-gallery__arrow {
	cursor: pointer;
	inset-block: 0;
	overflow: hidden;
	pointer-events: auto;
	position: absolute;
	text-indent: -999rem;
	width: 8.3333333333%
}

.block-gallery--carousel .block-gallery__arrow--next,
.block-gallery--full-carousel .block-gallery__arrow--next {
	inset-inline-end: 0
}

.block-gallery--carousel .block-gallery__arrow--prev,
.block-gallery--full-carousel .block-gallery__arrow--prev {
	inset-inline-start: 0
}

.block-gallery--carousel .block-gallery__arrow-icon,
.block-gallery--full-carousel .block-gallery__arrow-icon {
	border-color: var(--color-carousel-arrow);
	border-style: solid solid none none;
	border-width: .3rem;
	height: 3rem;
	inset-block-start: calc(50% - 1.5rem);
	position: absolute;
	width: 3rem
}

.block-gallery--carousel .block-gallery__arrow--next .block-gallery__arrow-icon,
.block-gallery--full-carousel .block-gallery__arrow--next .block-gallery__arrow-icon {
	inset-inline-end: .9rem;
	transform: rotate(45deg)
}

.block-gallery--carousel .block-gallery__arrow--prev .block-gallery__arrow-icon,
.block-gallery--full-carousel .block-gallery__arrow--prev .block-gallery__arrow-icon {
	inset-inline-start: .9rem;
	transform: rotate(-135deg)
}

.block-gallery--carousel .block-gallery__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-size: 1.2rem;
	margin-block: 0;
	margin-inline: 8.3333333333%;
	padding-block: 1.5rem 1rem;
	padding-inline: 0
}

.block-gallery--carousel .block-gallery__caption p {
	font-size: inherit;
	margin-block: 0;
	margin-inline: 0
}

.block-gallery--full-carousel .block-gallery__controls {
	inset-block: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1
}

.block-gallery--full-carousel .block-gallery__arrow {
	background: #0000003d;
	width: 7rem
}

.block-gallery--full-carousel .block-gallery__arrow-icon {
	inset-inline: 0;
	margin-block: auto;
	margin-inline: auto
}

.block-gallery--full-carousel .block-gallery__arrow:hover .block-gallery__arrow-icon:after,
.block-gallery--full-carousel .block-gallery__arrow:hover .block-gallery__arrow-icon:before {
	background: #fff
}

.block-gallery--full-carousel .block-gallery__image {
	max-height: 70rem
}

.block-gallery--full-carousel .block-gallery__caption {
	border-block-end: .1rem solid #d6d7d7;
	font-size: 1.2rem;
	margin-block: -1.5rem 0;
	margin-inline: 0;
	padding-block: 1.3rem;
	padding-inline: 0
}

.block-gallery--full-carousel .block-gallery__caption p {
	font-size: inherit;
	margin-block: 0;
	margin-inline: 0
}

.block-gallery--fourcol .block-gallery__caption,
.block-gallery--threecol .block-gallery__caption,
.block-gallery--twocol .block-gallery__caption {
	font-size: 1.2rem;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0
}

.block-gallery--fourcol .block-gallery__caption p,
.block-gallery--threecol .block-gallery__caption p,
.block-gallery--twocol .block-gallery__caption p {
	font-size: inherit;
	margin-block: 0;
	margin-inline: 0
}

.block-gallery--fourcol .block-gallery__image,
.block-gallery--threecol .block-gallery__image,
.block-gallery--twocol .block-gallery__image {
	aspect-ratio: 1;
	margin-block: .4rem 2rem;
	position: relative
}

.block-gallery--fourcol .block-gallery__image .img,
.block-gallery--fourcol .block-gallery__image [data-rmiz-content],
.block-gallery--fourcol .block-gallery__image [data-rmiz],
.block-gallery--fourcol .block-gallery__image img,
.block-gallery--threecol .block-gallery__image .img,
.block-gallery--threecol .block-gallery__image [data-rmiz-content],
.block-gallery--threecol .block-gallery__image [data-rmiz],
.block-gallery--threecol .block-gallery__image img,
.block-gallery--twocol .block-gallery__image .img,
.block-gallery--twocol .block-gallery__image [data-rmiz-content],
.block-gallery--twocol .block-gallery__image [data-rmiz],
.block-gallery--twocol .block-gallery__image img {
	height: 100%;
	width: 100%
}

.block-gallery--fourcol .block-gallery__image img,
.block-gallery--threecol .block-gallery__image img,
.block-gallery--twocol .block-gallery__image img {
	object-fit: cover
}

.block-gallery__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	overflow: hidden;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-gallery__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-gallery__container {
		padding-inline: 6rem 6rem
	}
}

@media print {
	.block-gallery__container {
		padding-block: 0;
		padding-inline: 0
	}
}

@media(max-width:47.9375em) {

	.block-gallery--fourcol .block-gallery__col,
	.block-gallery--threecol .block-gallery__col,
	.block-gallery--twocol .block-gallery__col {
		margin-block-end: 3rem
	}

	.block-gallery--fourcol .block-gallery__col:last-child,
	.block-gallery--threecol .block-gallery__col:last-child,
	.block-gallery--twocol .block-gallery__col:last-child {
		margin-block-end: 0
	}
}

@media(min-width:37.5em) {

	.block-gallery__row--slide-row,
	.block-gallery__row>div {
		*zoom: 1;
		display: flex;
		flex-wrap: wrap;
		margin-inline: -.75rem -.75rem
	}

	.block-gallery__row--slide-row:after,
	.block-gallery__row--slide-row:before,
	.block-gallery__row>div:after,
	.block-gallery__row>div:before {
		content: " ";
		display: table
	}

	.block-gallery__row--slide-row:after,
	.block-gallery__row>div:after {
		clear: both
	}

	.block-gallery__row--slide-row:after,
	.block-gallery__row--slide-row:before,
	.block-gallery__row>div:after,
	.block-gallery__row>div:before {
		display: none
	}

	.block-gallery__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		float: none;
		min-height: 1px;
		padding-inline: .75rem;
		width: 100%
	}

	.block-gallery--fourcol .block-gallery__col,
	.block-gallery--twocol .block-gallery__col {
		width: 50%
	}
}

@media print and (min-width:37.5em) {

	.block-gallery--fourcol .block-gallery__col,
	.block-gallery--twocol .block-gallery__col {
		width: 25%
	}
}

@media(min-width:37.5em) {
	.block-gallery--threecol .block-gallery__col {
		width: 33.3333333333%
	}
}

@media(min-width:48em) {
	.block-gallery--fourcol .block-gallery__col {
		width: 25%
	}
}

.block-gallery-carousel {
	--carousel-control-width: 7.5rem;
	--carousel-slide-gap: 4rem;
	--color-carousel-dots: var(--color-theme-decorative)
}

@media(min-width:67.5em) {
	.block-gallery-carousel {
		--carousel-control-width: 10rem
	}
}

.block-gallery-carousel .carousel {
	position: relative
}

@media(min-width:45em)and (max-width:64em) {
	.block-gallery-carousel .carousel {
		margin-block: 0;
		margin-inline: 3rem
	}
}

.block-gallery-carousel .carousel-controls {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.block-gallery-carousel .carousel-controls-items {
	display: flex;
	inset-block-start: calc(100% + .9rem);
	inset-inline-start: 50%;
	max-width: 100%;
	overflow-x: hidden;
	pointer-events: auto;
	position: absolute;
	touch-action: none;
	transform: translateX(calc(-50%*var(--dir-x)))
}

.block-gallery-carousel .carousel-controls-item {
	display: flex;
	margin-inline-end: 1rem
}

.block-gallery-carousel .carousel-controls-item:last-child {
	margin-inline-end: 0
}

.block-gallery-carousel .carousel-controls-item-btn {
	align-items: center;
	color: var(--color-carousel-dots);
	display: flex;
	height: 2.4rem;
	justify-content: center;
	width: 2.4rem
}

.block-gallery-carousel .carousel-controls-item-btn[aria-disabled=true] {
	cursor: default
}

.block-gallery-carousel .carousel-controls-item-btn[aria-disabled=true]>.carousel-controls-item-btn-icon {
	height: 1.8rem;
	width: 1.8rem
}

.block-gallery-carousel .carousel-controls-item-btn-icon {
	display: flex;
	height: 1.4rem;
	width: 1.4rem
}

.block-gallery-carousel .carousel-controls-item-btn-icon>svg {
	height: 100%;
	width: 100%
}

.block-gallery-carousel .carousel-controls-next,
.block-gallery-carousel .carousel-controls-prev {
	align-items: center;
	color: var(--color-carousel-arrow);
	display: none;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: var(--carousel-control-width);
	z-index: 1
}

@media(min-width:45em) {

	.block-gallery-carousel .carousel-controls-next,
	.block-gallery-carousel .carousel-controls-prev {
		display: flex
	}
}

.block-gallery-carousel .carousel-controls-next[aria-disabled=true],
.block-gallery-carousel .carousel-controls-prev[aria-disabled=true] {
	cursor: default
}

.block-gallery-carousel .carousel-controls-next[aria-disabled=true]>.carousel-controls-next-icon,
.block-gallery-carousel .carousel-controls-prev[aria-disabled=true]>.carousel-controls-prev-icon {
	opacity: .3
}

.block-gallery-carousel .carousel .carousel-controls-prev {
	inset-inline-start: calc(var(--carousel-control-width)*-1)
}

@media(min-width:75em) {
	.block-gallery-carousel .carousel .carousel-controls-prev {
		inset-inline-start: calc((var(--carousel-control-width) + 3rem)*-1)
	}
}

.block-gallery-carousel .carousel .carousel-controls-next {
	inset-inline-end: calc(var(--carousel-control-width)*-1)
}

@media(min-width:75em) {
	.block-gallery-carousel .carousel .carousel-controls-next {
		inset-inline-end: calc((var(--carousel-control-width) + 3rem)*-1)
	}
}

.block-gallery-carousel .carousel-controls-next-icon,
.block-gallery-carousel .carousel-controls-prev-icon {
	display: flex;
	height: 5rem
}

.block-gallery-carousel .carousel-controls-next-icon>svg,
.block-gallery-carousel .carousel-controls-prev-icon>svg {
	height: 100%
}

.block-gallery-carousel .carousel-slides {
	display: flex;
	gap: var(--carousel-slide-gap);
	overflow: hidden
}

.block-gallery-carousel .carousel-slide {
	--carousel-offset: calc(var(--carousel-active-index)*var(--carousel-slide-gap));
	flex-shrink: 0;
	inset-inline-end: calc(var(--carousel-active-index)*100% + var(--carousel-offset));
	position: relative;
	transition: inset-inline-end .5s ease, visibility 0s 0s;
	visibility: visible;
	width: 100%
}

.block-gallery-carousel .carousel-slide[hidden] {
	display: block;
	transition: inset-inline-end .5s ease, visibility 0s .5s;
	visibility: hidden
}

.block-gallery-carousel__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-block-end: 5rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-gallery-carousel__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-gallery-carousel__container {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:45em) {
	.block-gallery-carousel__container {
		width: 90%
	}
}

@media(min-width:60em),
print {
	.block-gallery-carousel__container {
		padding-inline: 0
	}
}

.block-gallery-carousel-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center
}

.block-gallery-carousel-item__image-container--audio-overlay {
	display: inline-block;
	margin-inline: auto;
	position: relative;
	width: fit-content
}

.block-gallery-carousel-item__loading {
	align-items: center;
	display: flex;
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	position: absolute
}

.block-gallery-carousel-item>.img {
	margin-block: auto
}

.block-gallery-carousel .block-gallery__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-size: 1.2rem;
	margin-block: 0 1rem;
	margin-inline: 8.3333333333%;
	padding-block: 1.5rem 1rem;
	padding-inline: 0
}

.block-divider {
	--divider-color: #0003;
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-divider.bg--legacy-background {
	--divider-color: #0000001a
}

.block-divider.bg--type-black,
.block-divider.bg--type-dark {
	--divider-color: #ffffff80
}

.block-divider.bg--type-image {
	--divider-color: #fffc
}

.block-divider.bg--type-image.bg--overlay-light {
	--divider-color: #0009
}

.block-divider.bg--type-color {
	--divider-color: var(--color-background-contrast, #fff)
}

.block-divider.bg--type-accent {
	--divider-color: rgb(var(--color-theme-contrast-rgb), 0.3)
}

.block-divider.bg--type-accent.bg--contrast-light {
	--divider-color: rgb(var(--color-theme-contrast-rgb), 0.5)
}

.block-divider.bg--type-color {
	--divider-color: rgb(var(--color-background-contrast-rgb), 0.3)
}

.block-divider.bg--type-color.bg--contrast-light {
	--divider-color: rgb(var(--color-background-contrast-rgb), 0.5)
}

.block-divider__wrap {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-divider__wrap {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-divider__wrap {
		padding-inline: 6rem 6rem
	}
}

.block-divider__wrap--authoring {
	align-items: center;
	display: grid;
	min-height: 5rem
}

.block-divider__wrap:before {
	border-block-start: .1rem solid var(--divider-color);
	content: "";
	display: block;
	margin-block: 0;
	margin-inline: -8.3333333333%
}

.block-divider--numbered .block-divider__wrap {
	--divider-color: var(--color-theme-decorative, var(--color-theme));
	padding-block: 2.5rem;
	padding-inline: 0
}

.block-divider--numbered .block-divider__wrap:before {
	border-top-width: .1rem;
	opacity: .3
}

.block-divider--numbered .block-divider__wrap__number {
	background-color: var(--color-theme-decorative, var(--color-theme));
	border-color: var(--color-theme-decorative, var(--color-theme));
	border-radius: 50%;
	color: var(--color-theme-decorative-fg, var(--color-theme-contrast));
	display: block;
	font-family: var(--font-family-ui);
	font-weight: 700;
	height: 5rem;
	line-height: 3em;
	margin-block: -2.6rem;
	margin-inline: auto;
	position: relative;
	text-align: center;
	width: 5rem
}

.block-divider--spacing:not(.block-divider--authoring) {
	height: 10px;
	overflow: hidden
}

.block-divider--spacing .block-divider__wrap:before {
	display: none
}

.blocks-slider {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.blocks-slider__wrapper {
	background: #fff
}

.blocks-slider__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	overflow: hidden;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.blocks-slider__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.blocks-slider__container {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:52.5em) {
	.blocks-slider__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.blocks-slider__row:after,
	.blocks-slider__row:before {
		content: " ";
		display: table
	}

	.blocks-slider__row:after {
		clear: both
	}

	.blocks-slider__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.blocks-slider__col:first-child {
		margin-inline-start: 8.3333333333%
	}

	.lesson--open .blocks-slider__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson--open .blocks-slider__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {
	.lesson--open .blocks-slider__col {
		width: 100%
	}

	.lesson--open .blocks-slider__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .blocks-slider__col {
		width: 83.3333333333%
	}

	.lesson--open .blocks-slider__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.blocks-slider__header {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.2222;
	padding-block: 3.5rem 0;
	padding-inline: 3rem
}

.blocks-slider__content {
	border: 1px solid #ddd;
	box-shadow: 0 .4rem 1.2rem .2rem #0000000d;
	box-sizing: border-box;
	font-weight: 300;
	margin-block-end: 40px;
	position: relative
}

.blocks-slider__slide {
	background: #fff;
	height: 100%;
	pointer-events: none;
	width: 100%
}

.blocks-slider__description {
	font-family: var(--font-family-body);
	font-weight: 300;
	padding-block: 1rem 3rem;
	padding-inline: 3rem
}

.blocks-slider__embed {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-sizing: border-box;
	margin-block: 3rem 0;
	padding-block: 3rem;
	padding-inline: 3rem;
	width: 100%
}

.blocks-slider__image {
	background-position: 50%;
	background-size: cover;
	width: 100%
}

.blocks-slider__img {
	display: block;
	max-width: 100%;
	visibility: hidden;
	width: 100%
}

.blocks-tabs {
	--color-tabs-border: #ddd;
	--color-tabs-border-divider: #ddd;
	--box-shadow-tabs: 0 0.4rem 1.2rem 0.2rem #0000000d;
	--color-tabs-hover-background: #efefef;
	--color-tabs-inactive-background: #f5f5f5;
	--color-tabs-first-gradient: #fff 0%;
	--color-tabs-second-gradient: #fff0 100%;
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.blocks-tabs__description {
	font-family: var(--font-family-body)
}

@media print {
	.blocks-tabs__description {
		font-size: 1.3rem
	}
}

.blocks-tabs__wrapper {
	box-shadow: var(--box-shadow-tabs);
	box-sizing: border-box
}

.blocks-tabs__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	overflow: hidden;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.blocks-tabs__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.blocks-tabs__container {
		padding-inline: 6rem 6rem
	}
}

@media print {
	.blocks-tabs__container {
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:52.5em) {
	.blocks-tabs__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.blocks-tabs__row:after,
	.blocks-tabs__row:before {
		content: " ";
		display: table
	}

	.blocks-tabs__row:after {
		clear: both
	}

	.blocks-tabs__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}
}

@media print and (min-width:52.5em) {
	.blocks-tabs__col {
		float: none;
		width: 100%
	}
}

@media(min-width:52.5em) {
	.blocks-tabs__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media print and (min-width:52.5em) {
	.blocks-tabs__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:52.5em) {
	.lesson--open .blocks-tabs__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson--open .blocks-tabs__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {
	.lesson--open .blocks-tabs__col {
		width: 100%
	}

	.lesson--open .blocks-tabs__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .blocks-tabs__col {
		width: 83.3333333333%
	}

	.lesson--open .blocks-tabs__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.blocks-tabs--single .blocks-tabs__wrapper {
	min-height: 300px
}

.blocks-tabs__header {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: none
}

.blocks-tabs__header-wrap {
	position: relative
}

.blocks-tabs__header::-webkit-scrollbar {
	display: none
}

.blocks-tabs__header-item {
	align-items: center;
	background: var(--color-tabs-inactive-background);
	border-block-end: 1px solid var(--color-tabs-border-divider);
	border-block-start: 1px solid var(--color-tabs-border);
	border-inline-end: 1px solid var(--color-tabs-border-divider);
	color: var(--color-text, #000);
	cursor: pointer;
	display: flex;
	flex: 0 1 100%;
	font-family: var(--font-family-head);
	font-size: 1.2rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .12em;
	line-height: 1.66667;
	min-height: 8rem;
	min-width: 40%;
	outline-offset: -.3rem;
	overflow-wrap: break-word;
	padding-block: 1rem;
	padding-inline: .5rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .3s, border-bottom-color .3s
}

@media(min-width:30em) {
	.blocks-tabs__header-item {
		min-width: 30%;
		padding-block: 1rem;
		padding-inline: 2rem
	}
}

@media(min-width:45em) {
	.blocks-tabs__header-item {
		min-width: 23%;
		padding-block: 1rem;
		padding-inline: 2rem
	}
}

@media print {
	.blocks-tabs__header-item {
		font-size: 1rem;
		height: 7rem;
		min-width: 23%
	}
}

.blocks-tabs__header-item:first-child:not(.blocks-tabs__header-item--active) {
	border-inline-start: 1px solid var(--color-tabs-border-divider)
}

.blocks-tabs__header-item:last-child:not(.blocks-tabs__header-item--active) {
	border-inline-end: 1px solid var(--color-tabs-border-divider)
}

.blocks-tabs__header-item:focus:not(.blocks-tabs__header-item--active),
.blocks-tabs__header-item:hover:not(.blocks-tabs__header-item--active) {
	background: var(--color-tabs-hover-background)
}

.blocks-tabs__header-item--before-active {
	border-inline-end: none
}

.blocks-tabs__header-item--after-active {
	border-inline-start: none
}

.blocks-tabs__header-item--active {
	background: #0000;
	border-bottom-color: #0000;
	border-inline-start: 1px solid var(--color-tabs-border-divider);
	cursor: default
}

@media(forced-colors:active) {
	.blocks-tabs__header-item--active {
		border-block-end: none;
		padding-block-end: 1.1rem
	}
}

.blocks-tabs__header-item--active:hover {
	background: inherit
}

.blocks-tabs__controls:after,
.blocks-tabs__controls:before {
	content: "";
	height: calc(100% - 2px);
	inset-block-start: 1px;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	transition: opacity .6s;
	width: 8%
}

.blocks-tabs__controls:before {
	background: linear-gradient(to right, var(--color-tabs-first-gradient), var(--color-tabs-second-gradient));
	border-inline-start: 1px solid var(--color-tabs-border);
	inset-inline-start: var(--gradient-left-tabs, -1px)
}

.blocks-tabs__controls:after,
[dir=rtl] .blocks-tabs__controls:before {
	background: linear-gradient(to left, var(--color-tabs-first-gradient), var(--color-tabs-second-gradient))
}

.blocks-tabs__controls:after {
	border-inline-end: 1px solid var(--color-tabs-border);
	inset-inline-end: 0
}

[dir=rtl] .blocks-tabs__controls:after {
	background: linear-gradient(to right, var(--color-tabs-first-gradient), var(--color-tabs-second-gradient))
}

.blocks-tabs__controls.end:after,
.blocks-tabs__controls.start:before {
	opacity: 0
}

.blocks-tabs__arrow {
	align-items: center;
	background: #50abf1;
	border-radius: .3rem;
	cursor: pointer;
	display: flex;
	inset-block: .9rem;
	justify-content: center;
	min-width: 4.4rem;
	opacity: 0;
	padding-block: 1rem;
	padding-inline: 1rem;
	position: absolute;
	transition: opacity .3s, visibility .3s;
	z-index: 1
}

[dir=rtl] .blocks-tabs__arrow--next,
[dir=rtl] .blocks-tabs__arrow--prev {
	transform: rotate(180deg)
}

.blocks-tabs__arrow--prev {
	inset-inline-start: .9rem
}

.blocks-tabs__arrow--next {
	inset-inline-end: .9rem
}

.blocks-tabs__arrow.hidden,
.touch .blocks-tabs__arrow {
	opacity: 0;
	pointer-events: none;
	visibility: hidden
}

.blocks-tabs__arrow-icon {
	color: var(--color-theme-contrast, #fff);
	transform: rotate(180deg)
}

.blocks-tabs__arrow-icon--next {
	transform: none
}

.blocks-tabs__header-wrap.mouse:not(.touch) .blocks-tabs__arrow:not(.hidden) {
	opacity: 1
}

.blocks-tabs__content {
	border: 1px solid var(--color-tabs-border);
	border-block-start: none;
	color: var(--color-text, #000);
	font-weight: 300
}

.blocks-tabs--single .blocks-tabs__content {
	height: auto
}

.blocks-tabs__content-item {
	display: none;
	opacity: 1;
	padding-block: 2rem 3.5rem;
	padding-inline: 3rem;
	transition: opacity .6s cubic-bezier(0, 0, .3, 1)
}

.blocks-tabs__content-item--active {
	display: block;
	opacity: 1
}

.blocks-tabs--single .blocks-tabs__content-item {
	position: static
}

.blocks-tabs__embed {
	background: #fff;
	border: 1px solid var(--color-tabs-border);
	border-radius: 3px;
	box-sizing: border-box;
	margin-block: 3rem 0;
	padding-block: 3rem;
	padding-inline: 3rem;
	width: 100%
}

.blocks-tabs__audio,
.blocks-tabs__audio-and-embed,
.blocks-tabs__video {
	background-position: 50%;
	background-size: cover;
	margin-block: 3rem 0;
	width: 100%
}

.blocks-tabs__audio-and-embed.audio-on-top,
.blocks-tabs__audio.audio-on-top,
.blocks-tabs__video.audio-on-top {
	margin-block: 2.5rem
}

.blocks-tabs__image {
	background-position: 50%;
	background-size: cover;
	margin-block-start: 3rem;
	width: 100%
}

.blocks-tabs__image-with-audio {
	margin-block-start: 3rem;
	position: relative;
	width: fit-content
}

.blocks-tabs__image-with-audio--left {
	margin-inline-end: auto
}

.blocks-tabs__image-with-audio--right {
	margin-inline-start: auto
}

.blocks-tabs__image-with-audio--center {
	margin-inline: auto
}

.blocks-tabs__image-with-audio--fill {
	width: 100%
}

.blocks-tabs__img {
	display: block;
	max-width: 100%;
	visibility: hidden;
	width: 100%
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__header-item:first-child {
	border-inline-start: #0000
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__controls:after,
.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__header-item:last-child {
	border-inline-end: #0000
}

.bg--card-transparent .blocks-tabs__content,
.bg--card-transparent .blocks-tabs__controls,
.bg--card-transparent .blocks-tabs__header-item {
	--color-tabs-border: #0000
}

.bg--card-transparent.bg--range-light .blocks-tabs__header-item,
.bg--card-transparent.bg--type-tint .blocks-tabs__header-item {
	--color-tabs-border-divider: #00000026;
	--color-tabs-hover-background: #fff6;
	--color-tabs-inactive-background: #ffffff59
}

.bg--card-transparent.bg--range-med .blocks-tabs__header-item {
	--color-tabs-border-divider: #0006;
	--color-tabs-hover-background: #00000059;
	--color-tabs-inactive-background: #0003
}

.bg--card-transparent.bg--range-dark .blocks-tabs__header-item {
	--color-tabs-border: var(--color-background);
	--color-tabs-border-divider: #0006;
	--color-tabs-hover-background: #0006;
	--color-tabs-inactive-background: #00000059
}

.bg--card-transparent.bg--range-near-black .blocks-tabs__header-item {
	--color-tabs-border: var(--color-background);
	--color-tabs-border-divider: #ffffff4d;
	--color-tabs-hover-background: #0009;
	--color-tabs-inactive-background: #00000080
}

.bg--card-transparent.bg--type-gray .blocks-tabs__content,
.bg--card-transparent.bg--type-gray .blocks-tabs__header-item,
.bg--card-transparent.bg--type-light .blocks-tabs__content,
.bg--card-transparent.bg--type-light .blocks-tabs__header-item {
	--color-tabs-border: #ddd;
	--color-tabs-border-divider: #ddd;
	--color-tabs-hover-background: #efefef;
	--color-tabs-inactive-background: #f5f5f5
}

.bg--card-transparent.bg--type-gray .blocks-tabs__controls,
.bg--card-transparent.bg--type-light .blocks-tabs__controls {
	--color-tabs-border: #ddd;
	--gradient-left-tabs: 0
}

.bg--card-transparent.bg--type-image .blocks-tabs__content,
.bg--card-transparent.bg--type-image .blocks-tabs__controls,
.bg--card-transparent.bg--type-image .blocks-tabs__header-item {
	--color-tabs-border: #0006;
	--color-tabs-border-divider: #0006;
	--gradient-left-tabs: 0;
	--color-tabs-hover-background: #ffffff80;
	--color-tabs-inactive-background: #ffffff59
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__content,
.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__controls,
.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__header-item {
	--color-tabs-border: #ffffff80;
	--color-tabs-border-divider: #ffffff80;
	--gradient-left-tabs: 0;
	--color-tabs-hover-background: #000;
	--color-tabs-inactive-background: #00000080
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs--single .blocks-tabs__header-item {
	--color-tabs-border-divider: #0000
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__controls {
	--color-tabs-first-gradient: rgb(var(--color-background-rgb), 1) 0%;
	--color-tabs-second-gradient: rgb(var(--color-background-rgb), 0) 100%
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__controls {
	--color-tabs-first-gradient: #000 0%;
	--color-tabs-second-gradient: #0000 100%
}

.blocks-accordion {
	--color-accordion-item-border: #0003;
	--color-accordion-toggle: #00000080;
	--color-accordion-toggle-hover: c.$font-color;
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.blocks-accordion__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.blocks-accordion__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.blocks-accordion__container {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:52.5em) {
	.blocks-accordion__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.blocks-accordion__row:after,
	.blocks-accordion__row:before {
		content: " ";
		display: table
	}

	.blocks-accordion__row:after {
		clear: both
	}

	.blocks-accordion__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.blocks-accordion__col:first-child {
		margin-inline-start: 8.3333333333%
	}

	.lesson--open .blocks-accordion__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.lesson--open .blocks-accordion__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

@media(min-width:60em) {
	.lesson--open .blocks-accordion__col {
		width: 100%
	}

	.lesson--open .blocks-accordion__col:first-child {
		margin-inline-start: 0
	}
}

@media(min-width:67.5em) {
	.lesson--open .blocks-accordion__col {
		width: 83.3333333333%
	}

	.lesson--open .blocks-accordion__col:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.blocks-accordion__wrapper {
	box-shadow: 0 .4rem 1.2rem .2rem #0000000d;
	box-sizing: border-box;
	position: relative
}

.blocks-accordion__item {
	border-color: var(--color-accordion-item-border);
	border-radius: .3rem;
	border-style: none none solid;
	border-width: .1rem;
	box-sizing: border-box;
	transition: transform .25s cubic-bezier(0, 0, .3, 1)
}

.blocks-accordion__item:first-child {
	border-top-style: none
}

.blocks-accordion__item:last-child {
	border-bottom-style: none
}

.blocks-accordion__item--closed {
	border-radius: 0
}

.blocks-accordion__item.block-card.bg--range-light {
	border-radius: 0;
	box-shadow: none
}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light {
	border-style: none solid solid
}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light:first-child {
	border-top-style: solid
}

.bg--card-transparent.bg--type-black .blocks-accordion__item,
.bg--card-transparent.bg--type-dark .blocks-accordion__item {
	--color-accordion-item-border: #ffffff80;
	--color-accordion-toggle: #fffc;
	--color-accordion-toggle-hover: #fff
}

.bg--card-transparent.bg--type-accent .blocks-accordion__item {
	--color-accordion-item-border: rgb(var(--color-theme-contrast-rgb), 0.3);
	--color-accordion-toggle: rgb(var(--color-theme-contrast-rgb), 0.5);
	--color-accordion-toggle-hover: var(--color-theme-contrast)
}

.bg--card-transparent.bg--type-accent .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-accent .blocks-accordion__item__item {
	--color-accordion-toggle: rgb(var(--color-theme-contrast-rgb), 0.8);
	--color-accordion-item-border: rgb(var(--color-theme-contrast-rgb), 0.5)
}

.bg--card-transparent.bg--type-color .blocks-accordion__item {
	--color-accordion-item-border: rgb(var(--color-background-contrast-rgb), 0.3);
	--color-accordion-toggle: rgb(var(--color-background-contrast-rgb), 0.5);
	--color-accordion-toggle-hover: var(--color-text, var(--color-background-contrast))
}

.bg--card-transparent.bg--type-color .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-color .blocks-accordion__item__item {
	--color-accordion-toggle: rgb(var(--color-background-contrast-rgb), 0.8);
	--color-accordion-item-border: rgb(var(--color-background-contrast-rgb), 0.5)
}

.bg--card-transparent.bg--type-image .blocks-accordion__item {
	--color-accordion-item-border: #0009;
	--color-accordion-toggle: #0009;
	--color-accordion-toggle-hover: #000
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-accordion__item {
	--color-accordion-item-border: #fffc;
	--color-accordion-toggle: #fffc;
	--color-accordion-toggle-hover: #fff
}

.bg--image .blocks-accordion__item {
	border-style: none solid solid;
	border-width: .1rem
}

.bg--image .blocks-accordion__item:first-child {
	border-top-left-radius: .4rem;
	border-top-right-radius: .4rem;
	border-top-style: solid
}

.bg--image .blocks-accordion__item:last-child {
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem
}

.bg--image .blocks-accordion__item.block-card.bg--range-light {
	border-style: none none solid
}

.bg--image .blocks-accordion__item.block-card.bg--range-light:first-child {
	border-radius: 0;
	border-top-style: none
}

.bg--image .blocks-accordion__item.block-card.bg--range-light:last-child {
	border-radius: 0
}

.blocks-accordion__header-wrap h2,
.blocks-accordion__header-wrap h3,
.blocks-accordion__header-wrap h4,
.blocks-accordion__header-wrap h5 {
	font-family: var(--font-family-head);
	font-weight: 700;
	line-height: 1.4
}

.blocks-accordion__header-wrap h2 {
	font-size: 1.8rem
}

@media print {
	.blocks-accordion__header-wrap h2 {
		font-size: 1.5rem
	}
}

.blocks-accordion__header-wrap h3 {
	font-size: 1.7rem
}

@media print {
	.blocks-accordion__header-wrap h3 {
		font-size: 1.4rem
	}
}

.blocks-accordion__header-wrap h4 {
	font-size: 1.6rem
}

@media print {
	.blocks-accordion__header-wrap h4 {
		font-size: 1.3rem
	}
}

.blocks-accordion__header-wrap h5 {
	font-size: 1.5rem
}

@media print {
	.blocks-accordion__header-wrap h5 {
		font-size: 1.2rem
	}
}

.blocks-accordion__header {
	border: none;
	border-inline-start: 4px solid #0000;
	color: #282828;
	cursor: pointer;
	display: flex;
	padding-block: 3rem;
	padding-inline: 3rem;
	text-align: start;
	text-decoration: none;
	transition: border .3s;
	width: 100%
}

.blocks-accordion__header--editing {
	cursor: auto
}

@media print {
	.blocks-accordion__header {
		width: inherit
	}
}

.blocks-accordion__header:hover .blocks-accordion__toggler {
	color: var(--color-accordion-toggle-hover)
}

h2 .blocks-accordion__header {
	padding-block: 3rem
}

h3 .blocks-accordion__header {
	padding-block: 2.5rem
}

h4 .blocks-accordion__header {
	padding-block: 2rem
}

h5 .blocks-accordion__header {
	padding-block: 1.8rem
}

.blocks-accordion__title-wrap {
	min-width: 0;
	width: 100%
}

@media print {
	.blocks-accordion__description {
		font-size: 1.3rem
	}
}

.blocks-accordion__title {
	background: none;
	border: 0;
	color: var(--color-text, #000);
	font: inherit;
	outline: none;
	width: 100%;
	word-wrap: break-word
}

.blocks-accordion__toggler-wrap {
	align-items: center;
	display: flex;
	height: 2.4rem;
	justify-content: center;
	margin-block-start: .3rem;
	margin-inline-start: 3rem;
	width: 2.4rem
}

.blocks-accordion__toggler {
	color: var(--color-accordion-toggle);
	display: flex;
	height: 1.6rem;
	transition: color .3s;
	width: 1.6rem
}

.blocks-accordion__toggler>svg {
	max-height: 100%
}

.blocks-accordion__content {
	border-inline-start: 4px solid #0000;
	display: none;
	font-weight: 300;
	opacity: 0;
	padding-block: 0 3.5rem;
	padding-inline: 3rem;
	transition: opacity .3s, border .3s
}

.blocks-accordion__content--will-enter {
	display: block;
	opacity: .01
}

.blocks-accordion__content--visible {
	display: block;
	opacity: 1
}

.blocks-accordion__content>:first-child {
	margin-block-start: 0 !important
}

.blocks-accordion__content ol,
.blocks-accordion__content ul {
	padding-block-start: 1.4rem
}

.blocks-accordion__content li:first-child {
	margin-block-start: 0
}

@media print {
	.blocks-accordion__content {
		display: block;
		opacity: 1
	}
}

.blocks-accordion__description {
	font-family: var(--font-family-body)
}

.blocks-accordion__media .media-group .img {
	margin-block-end: 0
}

.blocks-accordion__embed {
	border: .1rem solid var(--color-accordion-item-border);
	border-radius: 3px;
	box-sizing: border-box;
	margin-block: 3rem 0;
	padding-block: 3rem;
	padding-inline: 3rem;
	width: 100%
}

.blocks-accordion__audio,
.blocks-accordion__audio-and-embed,
.blocks-accordion__video {
	background-position: 50%;
	background-size: cover;
	margin-block: 3rem 0;
	width: 100%
}

.blocks-accordion__audio-and-embed.audio-on-top,
.blocks-accordion__audio.audio-on-top,
.blocks-accordion__video.audio-on-top {
	margin-block: 2.5rem
}

.blocks-accordion__image {
	background-position: 50%;
	background-size: cover;
	margin-block-start: 3rem;
	width: 100%
}

.blocks-accordion__image-with-audio {
	margin-block-start: 3rem;
	position: relative;
	width: fit-content
}

.blocks-accordion__image-with-audio--left {
	margin-inline-end: auto
}

.blocks-accordion__image-with-audio--right {
	margin-inline-start: auto
}

.blocks-accordion__image-with-audio--center {
	margin-inline: auto
}

.blocks-accordion__image-with-audio--fill {
	width: 100%
}

.blocks-accordion__img {
	display: block;
	max-width: 100%;
	visibility: hidden;
	width: 100%
}

.blocks-storyline {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

@media print {
	.blocks-storyline {
		padding-block: 0;
		padding-inline: 0
	}
}

.blocks-storyline__wrapper {
	box-sizing: initial;
	margin-block: 0;
	margin-inline: auto;
	max-width: 102rem;
	padding-block: 4.5rem 8rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.blocks-storyline__wrapper {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.blocks-storyline__wrapper {
		padding-inline: 6rem 6rem
	}
}

@media print {
	.blocks-storyline__wrapper {
		margin-block: 0;
		margin-inline: auto
	}
}

.blocks-storyline__wrapper--small {
	max-width: 76rem
}

.blocks-storyline__wrapper--medium {
	max-width: 117rem
}

.blocks-storyline__wrapper--full {
	max-width: 100%
}

.blocks-storyline__wrapper--snapshot {
	align-items: center;
	display: flex;
	justify-content: center
}

@media print {
	.blocks-storyline__wrapper--snapshot img {
		width: 100%
	}
}

.blocks-storyline__item {
	height: 0;
	position: relative;
	width: 100%
}

.blocks-storyline__item__iframe {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.blocks-storyline__item__iframe--fullscreen {
	inset-inline-end: 0;
	position: fixed;
	z-index: 2000
}

.blocks-storyline__empty {
	background: #fff;
	border: .1rem solid #eeeeef;
	border-radius: .8rem;
	display: flex;
	flex-direction: column;
	height: 54.4rem;
	justify-content: center;
	margin-inline: auto;
	max-width: 76rem;
	text-align: center;
	width: 100%
}

.blocks-storyline__wrapper--medium .blocks-storyline__empty {
	max-width: 117rem
}

.blocks-storyline__wrapper--full .blocks-storyline__empty {
	max-width: 100%
}

.blocks-storyline__empty__icon img {
	height: 7rem;
	width: 7rem
}

.blocks-storyline__empty__heading {
	color: #4a4a4a;
	font-size: 2.5rem;
	font-weight: 500;
	margin-block: 2rem 3rem;
	margin-inline: auto
}

.blocks-storyline__empty__heading--processing {
	color: #000;
	font-size: 3.2rem;
	font-weight: 300
}

.blocks-storyline__empty__text {
	color: #4a4a4a;
	font-size: 1.3rem;
	margin-block: 0 3rem;
	margin-inline: auto;
	max-width: 38rem
}

.blocks-storyline__empty__spinner {
	animation: spin 1.5s linear infinite;
	border: .2rem solid #00000080;
	border-inline-start: .2rem solid #00000026;
	border-radius: 50%;
	height: 5.1rem;
	margin-block: 0;
	margin-inline: auto;
	width: 5.1rem
}

.blocks-button,
.blocks-buttonstack {
	--color-button-bg: var(--color-theme-decorative, var(--color-theme));
	--color-button-border: var(--color-button-bg);
	--color-button-text: var(--color-theme-decorative-fg, var(--color-theme-contrast, #fff))
}

.blocks-button.bg--type-accent,
.blocks-buttonstack.bg--type-accent {
	--color-button-bg: #0000;
	--color-button-border: var(--color-text, var(--color-theme-contrast));
	--color-button-text: var(--color-theme-contrast, #fff)
}

.blocks-button.bg--type-image,
.blocks-buttonstack.bg--type-image {
	--color-button-bg: #0000;
	--color-button-border: var(--color-text);
	--color-button-text: var(--color-text)
}

.blocks-button,
.blocks-buttonstack {
	padding-block: 3rem;
	padding-inline: 0
}

.blocks-authoring .blocks-button {
	transition: padding-block .5s, padding-inline .5s
}

.blocks-button--padding-top {
	padding-block-start: 6rem
}

.blocks-button--padding-bottom {
	padding-block-end: 6rem
}

.blocks-button__container {
	align-items: center;
	box-sizing: initial;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	margin-inline: auto;
	max-width: 102rem;
	max-width: 133rem;
	padding-inline: 1.9999998rem 1.9999998rem;
	transition: flex-direction .3s;
	width: 100%
}

@media(min-width:33.75em) {
	.blocks-button__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.blocks-button__container {
		padding-inline: 6rem 6rem
	}
}

@media(max-width:44.9375em) {
	.blocks-button__container {
		align-items: flex-start;
		flex-direction: column
	}
}

.blocks-button__button {
	background-color: var(--color-button-bg);
	border: 1px solid var(--color-button-border);
	box-sizing: border-box;
	color: var(--color-button-text);
	cursor: pointer;
	flex: 1;
	font-family: var(--font-family-head);
	font-size: 1.2rem;
	font-weight: 700;
	height: 4rem;
	letter-spacing: .04em;
	line-height: 3.6rem;
	max-width: var(--width-button, 17rem);
	min-width: 10rem;
	overflow: hidden;
	padding-inline: 1rem;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: background .3s, border .3s, border-radius .3s, color .3s;
	white-space: nowrap;
	width: 100%
}

.blocks-button__button:hover {
	opacity: .8
}

.blocks-button__button:active {
	opacity: 1
}

@media print {
	.blocks-button__button {
		font-size: 1rem;
		height: 3rem;
		line-height: 2.6
	}
}

.blocks-button__description {
	font-family: var(--font-family-head);
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.666667;
	max-width: 45rem;
	overflow-wrap: break-word;
	padding-inline-end: 8rem;
	transition: padding-block .3s, padding-inline .3s;
	width: 100%
}

@media(max-width:44.9375em) {
	.blocks-button__description {
		padding-block-end: 2rem;
		padding-inline-end: 0
	}
}

@media print {
	.blocks-button__description {
		font-size: 1.3rem
	}

	.blocks-button__description b {
		font-size: 1.5rem
	}
}

.blocks-button--rounded .blocks-button__button {
	border-radius: var(--radius-button, 2rem);
	width: 100%
}

.blocks-button--left:not(.blocks-button--description) .blocks-button__container {
	justify-content: flex-start
}

.blocks-button--right:not(.blocks-button--description) .blocks-button__container {
	justify-content: flex-end
}

.blocks-button--left .blocks-button__description {
	padding-inline: 8rem 0
}

@media(max-width:44.9375em) {
	.blocks-button--left .blocks-button__description {
		padding-block: 2rem 0;
		padding-inline: 0
	}
}

.blocks-buttonstack--left:not(.blocks-button--description) .blocks-button__container {
	justify-content: flex-start
}

.blocks-buttonstack--right:not(.blocks-button--description) .blocks-button__container {
	justify-content: flex-end
}

.blocks-buttonstack--left .blocks-button__description {
	padding-inline: 8rem 0
}

@media(max-width:44.9375em) {
	.blocks-buttonstack--left .blocks-button__description {
		padding-block: 2rem 0;
		padding-inline: 0
	}
}

.block-audio {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-audio__wrapper {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 102rem;
	max-width: 59rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-audio__wrapper {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-audio__wrapper {
		padding-inline: 6rem 6rem
	}
}

.block-audio__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-family: var(--font-family-body);
	font-size: 1.2rem;
	line-height: 2;
	opacity: 1;
	padding-block-end: 1.5rem;
	transition: opacity .25s;
	visibility: visible;
	width: 100%
}

.block-audio__caption--hidden {
	opacity: 0;
	visibility: hidden
}

.block-audio__caption p {
	font-size: inherit
}

.block-audio .fr-placeholder {
	color: var(--color-caption-placeholder-text)
}

.block-video {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-video__wrapper {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 102rem;
	max-width: 89rem;
	padding-block-start: 2rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-video__wrapper {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-video__wrapper {
		padding-inline: 6rem 6rem
	}
}

.block-video__caption {
	border-block-end: .1rem solid var(--color-border-decorative);
	font-family: var(--font-family-body);
	font-size: 1.2rem;
	line-height: 2;
	opacity: 1;
	padding-block-end: 1.5rem;
	transition: opacity .25s;
	visibility: visible;
	width: 100%
}

.block-video__caption--hidden {
	opacity: 0;
	visibility: hidden
}

.block-video__caption p {
	font-size: inherit
}

.block-video .fr-placeholder {
	color: var(--color-caption-placeholder-text)
}

.block-video__item {
	margin-block: 0;
	margin-inline: auto;
	max-width: 110rem;
	width: 100%
}

.block-video__item--small {
	max-width: 76rem
}

@media(min-width:67.5em) {
	.block-video__item--small .block-video__wrapper {
		padding-block: 0;
		padding-inline: 0
	}
}

.block-video__item--medium {
	max-width: 110rem
}

.block-video__item--full {
	max-width: 100%
}

.block-video__poster {
	width: 100%
}

.block-video__placeholder {
	background-color: #eaeaeb;
	width: 100%
}

.block-video__placeholder:before {
	content: "";
	display: block;
	padding-block-start: 56.25%
}

@media(max-width:31.25em) {

	.block-video .video-js.vjs-volume-bar,
	.block-video .vjs-control.vjs-picture-in-picture-control.vjs-button,
	.block-video .vjs-fullscreen-control.vjs-control.vjs-button,
	.block-video .vjs-play-control.vjs-control.vjs-button,
	.block-video .vjs-progress-control.vjs-control,
	.block-video .vjs-remaining-time.vjs-control,
	.block-video .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
		margin-block: 0;
		margin-inline: 0
	}

	.block-video .vjs-play-control.vjs-control.vjs-button {
		padding-block: 0;
		padding-inline: 0
	}

	.block-video .video-js .vjs-control {
		width: 3em
	}

	.block-video .vjs-remaining-time.vjs-time-control.vjs-control {
		padding-block: 0;
		padding-inline: .5rem;
		width: auto
	}
}

.block-embed {
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-embed__wrapper {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 102rem;
	max-width: 76rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-embed__wrapper {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-embed__wrapper {
		padding-inline: 6rem 6rem
	}
}

.block-embed__wrapper--medium {
	max-width: 110rem
}

.block-embed__wrapper--medium .embed__meta__content {
	margin-inline: auto;
	max-width: 76rem
}

.block-embed__wrapper--full {
	max-width: 100%;
	padding-block: 0;
	padding-inline: 0
}

.block-embed__wrapper--full .embed__meta__content,
.block-embed__wrapper--full .embed__provider {
	margin-inline: auto;
	max-width: 76rem
}

@media(max-width:64em) {

	.block-embed__wrapper--full .embed__meta__content,
	.block-embed__wrapper--full .embed__provider {
		padding-inline: 3rem
	}
}

.block-embed__item {
	border-radius: .4rem;
	box-sizing: border-box;
	width: 100%
}

.block-embed__item--border {
	padding-block: 3rem;
	padding-inline: 3rem
}

.block-embed__item--border.block-card--white {
	border: .1rem solid #ddd
}

.block-embed.bg--type-light .block-embed__item.block-card--white {
	box-shadow: none
}

.block-embed__provider {
	color: #bfbfc0;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	margin-block-end: 1.5rem;
	text-transform: uppercase
}

.block-embed__title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 2;
	margin-block-end: 1rem
}

.block-embed__body {
	font-size: 1.7rem;
	line-height: 2;
	margin-block-end: 1rem
}

.block-embed__more {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	width: 100%
}

.block-embed__media {
	height: 0;
	margin-block-end: 1rem;
	padding-block-end: 56.25%;
	position: relative;
	width: 100%
}

.block-embed__frame {
	height: 100% !important;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100% !important
}

.block-attachment {
	align-items: center;
	border: .1rem solid #0000;
	border-radius: 4px;
	color: inherit;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	padding-block: 3.2rem;
	padding-inline: 3.1rem;
	text-decoration: none
}

.block-attachment--none {
	cursor: auto
}

.bg--type-gray .block-attachment.block-card--transparent,
.bg--type-light .block-attachment {
	background-color: #f7f7f7
}

.bg--type-image .block-attachment {
	border: .1rem solid hsla(0, 0%, 100%, .498)
}

.bg--type-image.bg--overlay-light .block-attachment,
.bg--type-light .block-attachment,
.block-attachment.block-card--white {
	border: .1rem solid #76767c;
	box-shadow: none
}

.block-attachment__main {
	align-items: center;
	display: flex;
	flex: 1
}

.block-attachment__info {
	font-family: var(--font-family-head);
	padding-block: 0;
	padding-inline: 2.3rem
}

.block-attachment__icon {
	line-height: 0
}

.block-attachment__title {
	color: var(--color-text, #000);
	font-size: 1.7rem;
	font-weight: 700;
	padding-block-end: .3rem
}

@media print {
	.block-attachment__title {
		font-size: 1.5rem
	}
}

.block-attachment__size {
	color: var(--color-text, #707070);
	font-size: 1.4rem;
	line-height: 1.2
}

@media print {
	.block-attachment__size {
		font-size: 1.2rem
	}
}

.block-attachment__rest {
	display: inline-flex
}

.block-attachment__rest>.i-download {
	fill: var(--color-text, #76767c)
}

.noSelect {
	-webkit-user-select: none !important;
	user-select: none !important
}

.textSelect {
	-webkit-user-select: text !important;
	user-select: text !important
}

.noOutline {
	outline: none
}

.cursorAuto {
	cursor: auto
}

.visually-hidden-always,
.visually-hidden:not(:focus):not(:active) {
	border: none !important;
	height: 1px !important;
	margin-block: 0 !important;
	margin-inline: 0 !important;
	overflow: hidden !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important
}

.abs-center-x {
	inset-inline-start: 50%;
	position: absolute;
	transform: translateX(calc(-50%*var(--dir-x)))
}

.hint-content {
	opacity: 0
}

.hint-btn--active+.hint-content,
.hint-btn:focus+.hint-content,
.hint-btn:hover+.hint-content {
	opacity: 1;
	pointer-events: unset
}

.partner-content-block-card {
	display: flex;
	justify-content: center;
	padding-block-start: 4rem;
	padding-inline: 4rem
}

@media(max-width:33.6875em) {
	.partner-content-block-card {
		padding-block-start: 4rem;
		padding-inline: 2rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-block-card {
		display: flex;
		flex-direction: column
	}
}

.partner-content-block-card__divider {
	border: .1rem solid #d6d7d7;
	margin-block-start: 4.5rem;
	transform: rotate(-90deg);
	width: 9.2rem
}

@media(max-width:33.6875em) {
	.partner-content-block-card__divider {
		padding-inline: 4rem
	}
}

@media(max-width:25.8125em) {
	.partner-content-block-card__divider {
		display: none
	}
}

.block-text__container {
	overflow: visible
}

.continue-btn {
	--color-background: var(--color-theme-decorative, var(--color-theme));
	--color-button-text: var(--color-theme-decorative-fg, var(--color-theme-contrast));
	background-color: var(--color-background);
	border: .1rem solid #0000;
	border-radius: 2px;
	color: var(--color-button-text);
	cursor: pointer;
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .17rem;
	line-height: 1.5rem;
	padding-block: 2rem;
	padding-inline: 3rem;
	text-align: center;
	text-decoration: none;
	width: 100%
}

.continue-btn--gray {
	--color-background: #f5f5f5;
	--color-button-text: #4a4a4a
}

.continue-btn--black {
	--color-background: c.$font-color
}

.continue-hint {
	align-items: center;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	color: #000;
	display: flex;
	font-family: var(--font-family-ui);
	padding-block: 1.8rem;
	padding-inline: 3rem;
	position: relative
}

.continue-hint--bg-transparent {
	background-color: #0000
}

.continue-hint__content {
	flex: 1;
	font-size: 1.5rem;
	margin-inline-start: 3rem;
	text-align: center
}

.continue-hint__icon {
	display: flex;
	position: absolute
}

.continue-hint__icon>svg {
	height: auto;
	width: 1.9rem
}

.block-flashcards {
	--border-block-start: 0.3rem solid var(--color-theme);
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-flashcards.bg--card-transparent.bg--type-image,
.block-flashcards.bg--type-accent {
	--border-block-start: none
}

.block-flashcards__animation {
	position: relative
}

.block-flashcards__wrapper {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 102rem;
	padding-inline: 1.9999998rem 1.9999998rem;
	text-align: center
}

@media(min-width:33.75em) {
	.block-flashcards__wrapper {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-flashcards__wrapper {
		padding-inline: 6rem 6rem
	}
}

.flashcard {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	margin-block: 0;
	margin-inline: auto;
	max-height: 46rem;
	max-width: 46rem;
	min-height: 28rem;
	min-width: 28rem;
	perspective: 1000px;
	position: relative;
	transform: scale(.9) translateZ(0);
	transition: transform .5s cubic-bezier(.6, 0, .4, 1);
	width: 100%;
	z-index: 0
}

.flashcard:nth-child(3n+2) {
	z-index: 1
}

.flashcard:nth-child(3n+1) {
	z-index: 2
}

.flashcard:after {
	content: "";
	display: block;
	padding-block-end: 100%
}

@media(max-width:47.9375em) {
	.flashcard {
		max-height: 28rem;
		max-width: 28rem
	}
}

.flashcard--small {
	max-height: 28rem;
	max-width: 28rem
}

.flashcard--stack {
	display: block
}

.flashcard--flipped {
	transform: scale(1) translateZ(0)
}

@media print {
	.flashcard {
		display: block;
		margin-block: 0;
		margin-inline: 0;
		max-height: inherit;
		max-width: inherit;
		min-height: inherit;
		min-width: inherit;
		transform: scale(1) translateZ(0);
		width: 48%
	}
}

.flashcard-side {
	backface-visibility: hidden;
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	transform: rotateY(0deg);
	width: 100%;
	will-change: transform
}

.block-flashcards.bg--type-accent .flashcard-side,
.block-flashcards.bg--type-color .flashcard-side,
.block-flashcards.bg--type-gray .flashcard-side,
.block-flashcards.bg--type-gray .flashcard-side.block-card.bg--range-light,
.block-flashcards.bg--type-light .flashcard-side,
.block-flashcards.bg--type-light .flashcard-side.block-card.bg--range-light,
.block-flashcards.bg--type-tint .flashcard-side,
.flashcard-side.block-card--white,
.flashcard-side.block-card--white.block-card.bg--range-light {
	box-shadow: 0 .4rem 1.2rem .2rem #0000000d
}

.block-flashcards.bg--type-light .flashcard-side,
.flashcard-side.block-card--white {
	border: 1px solid #ddd
}

.block-flashcards.bg--type-image .flashcard-side {
	border: .1rem solid hsla(0, 0%, 100%, .498)
}

.flashcard-side--front:not(.flashcard-side--fullimage) {
	border-block-start: none
}

.flashcard-side--front {
	opacity: 1;
	transition: transform .6s, inset-inline-start .45s, opacity .1s linear 0s, visibility .1s linear 0s;
	z-index: 1
}

@media(forced-colors:active) {
	.flashcard-side--front {
		border-block-end: 1px solid #0000;
		border-inline-end: 1px solid #0000;
		border-inline-start: 1px solid #0000
	}
}

.flashcard-side--back {
	background-color: var(--color-background);
	opacity: 0;
	transform: rotateY(180deg);
	transition: transform .6s, inset-inline-start .45s, opacity .1s linear .5s, visibility .1s linear .5s;
	z-index: 0
}

[dir=rtl] .flashcard-side--back {
	transform: rotateY(-180deg)
}

@media(forced-colors:active) {
	.flashcard-side--back {
		border: 1px solid #0000
	}
}

.flashcard-side--front.flashcard-side--flipped {
	opacity: 0;
	transform: rotateY(-180deg);
	transition: transform .6s, inset-inline-start .45s, opacity .1s linear .1s, visibility .1s linear .1s;
	z-index: 0
}

[dir=rtl] .flashcard-side--front.flashcard-side--flipped {
	transform: rotateY(180deg)
}

.flashcard-side--back.flashcard-side--flipped {
	opacity: 1;
	transform: rotateY(0deg);
	transition: transform .6s, inset-inline-start .45s, opacity .1s linear 0s, visibility .1s linear 0s;
	z-index: 1
}

.flashcard-side__content {
	color: var(--color-text);
	display: flex;
	height: 100%;
	position: relative;
	width: 100%
}

.flashcard-side__content--front:not(.flashcard-side__content--fullimage) {
	border-block-start: var(--border-top)
}

.flashcard-side__content--image.flashcard-side__content--small {
	padding-block: 0;
	padding-inline: 2.5rem
}

.flashcard-side__content--image.flashcard-side__content--large {
	padding-block: 0;
	padding-inline: 4rem
}

.flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
	content: "";
	height: 5rem;
	inset-block: auto 0;
	inset-inline: 2.5rem;
	pointer-events: none;
	position: absolute;
	transform: translateZ(0)
}

.flashcard-side--back .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after,
.flashcard-side--front .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
	background: linear-gradient(180deg, #fff0 0, var(--color-background) 100%)
}

.flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom.flashcard-side__content--has-audio:not(.flashcard-side__content--fullimage):not(.flashcard-side__content--image):after {
	height: 10rem
}

.flashcard-side--back .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom.flashcard-side__content--has-audio:not(.flashcard-side__content--fullimage):not(.flashcard-side__content--image):after,
.flashcard-side--front .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom.flashcard-side__content--has-audio:not(.flashcard-side__content--fullimage):not(.flashcard-side__content--image):after {
	background: linear-gradient(180deg, #fff0 0, var(--color-background) 60%)
}

.flashcard-side__content:not(:has(rise-math)) :not(img):not(.flashcard-side-flip__tooltip) {
	transform: translateZ(0)
}

.flashcard-side__img--centered {
	margin-block: auto;
	margin-inline: auto;
	max-width: 100%
}

.flashcard-side__img--centered.flashcard-side__img--small {
	max-height: 18rem
}

.flashcard-side__img--centered.flashcard-side__img--large {
	max-height: 38rem
}

@media(max-width:47.9375em) {
	.flashcard-side__img--centered.flashcard-side__img--large {
		max-height: 18rem
	}
}

.flashcard-side__img--full {
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	width: 100%
}

.flashcard-side__description {
	font-family: var(--font-family-head);
	font-weight: 300;
	overflow: auto;
	overflow-wrap: break-word;
	width: 100%
}

.flashcard-side__description--short {
	align-items: center;
	display: flex;
	font-size: 2.9rem;
	justify-content: center;
	line-height: 1.25;
	margin-block: 5.5rem 5.7rem;
	margin-inline: 2.5rem
}

.flashcard-side__description--short.flashcard-side__description--large {
	margin-block: 6.8rem 7rem;
	margin-inline: 4rem
}

.flashcard-side__description--long,
.flashcard-side__description--long-overflow {
	font-size: 2rem;
	line-height: 1.5625;
	text-align: start
}

.flashcard-side__description--long {
	align-items: center;
	display: flex;
	padding-block: 1.3rem 1rem;
	padding-inline: 2.5rem
}

.flashcard-side__description--long-overflow {
	margin-block: 1.3rem;
	padding-inline: 2.5rem
}

.flashcard-side__description--long-overflow.flashcard-side__description--large {
	padding-block: 4rem;
	padding-inline: 4rem
}

.flashcard-side__description--long-overflow.flashcard-side__description--has-audio {
	padding-block-end: 4rem
}

@media print {
	.flashcard-side__description {
		font-size: 1.8rem
	}
}

.flashcard-side__description-bottom {
	height: 1px;
	pointer-events: none;
	position: absolute;
	width: 1px
}

.flashcard-side__audio-player {
	inset-block-end: 0;
	max-width: 100%;
	position: absolute;
	width: 100%;
	z-index: 2
}

.flashcard-side__audio-player--image,
.flashcard-side__audio-player--text {
	padding-block: var(--arc-space-0-5);
	padding-inline: var(--arc-space-2-5)
}

.flashcard-side__audio-player--image:not(.bg--type-light) .flashcard-side__audio-player--image,
.flashcard-side__audio-player--image:not(.bg--type-light) .flashcard-side__audio-player--text,
.flashcard-side__audio-player--text:not(.bg--type-light) .flashcard-side__audio-player--image,
.flashcard-side__audio-player--text:not(.bg--type-light) .flashcard-side__audio-player--text {
	background-color: var(--color-background)
}

.flashcard-side-flip {
	inset-block-end: .8rem;
	inset-inline-end: .8rem;
	position: absolute;
	z-index: 1
}

.flashcard-side-flip--audio-expansion {
	height: var(--arc-size-5);
	inset-block: .8rem 0
}

.flashcard-side-flip__btn {
	align-items: center;
	background-color: #fff9;
	border-radius: .4rem;
	color: #000;
	display: flex;
	height: 2.6rem;
	justify-content: center;
	padding-block: .5rem;
	padding-inline: .3rem;
	width: 2.8rem
}

.flashcard-side-flip__btn--visually-hidden {
	opacity: .00001
}

.flashcard-side-flip__btn--round {
	border-radius: 50%;
	height: var(--arc-size-5);
	width: var(--arc-size-5)
}

.flashcard-side-flip__btn:focus-visible,
.flashcard-side-flip__btn:not(.flashcard-side-flip__btn--visually-hidden):hover,
.flashcard:hover .flashcard-side-flip__btn {
	background-color: #fff;
	opacity: 1
}

.flashcard-side-flip__btn--not-hovered {
	background-color: #fff9;
	opacity: .6
}

.flashcard-side-flip__icon {
	height: 1.6rem;
	width: 2.2rem
}

.flashcard-side-flip__tooltip {
	background-color: #000;
	border: 1px solid #000;
	border-radius: .5rem;
	box-shadow: 0 2px 4px #0000001a;
	color: #fff;
	cursor: auto;
	font-size: 1.4rem;
	inset-block-end: calc(100% + 1rem);
	inset-inline-start: 50%;
	max-width: 30rem;
	opacity: 0;
	padding-block: 1.2rem;
	padding-inline: 1.6rem;
	pointer-events: none;
	position: absolute;
	transform: translate3d(calc(-50%*var(--dir-x)), 1.5rem, 0);
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	width: max-content
}

.flashcard-side-flip__tooltip:before {
	background-color: #000;
	border-color: #000;
	border-style: none none solid solid;
	border-width: 1px;
	content: "";
	height: 1rem;
	inset-block-start: calc(100% - .5rem);
	inset-inline-start: calc(50% - .5rem);
	position: absolute;
	transform: rotate(-45deg);
	width: 1rem
}

.flashcard-side-flip__tooltip--visible {
	opacity: 1;
	pointer-events: all;
	transform: translate3d(calc(-50%*var(--dir-x)), 0, 0)
}

.block-flashcard-carousel {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-flashcard-carousel {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-flashcard-carousel {
		padding-inline: 6rem 6rem
	}
}

.block-flashcard-carousel .carousel {
	display: flex;
	flex-direction: column;
	padding-block: 5rem 6rem;
	padding-inline: 1rem;
	position: relative
}

.block-flashcard-carousel .carousel-controls {
	align-items: center;
	display: flex;
	margin-block: -3.5rem 0;
	margin-inline: auto
}

.block-flashcard-carousel .carousel-controls-prev {
	flex-shrink: 0;
	order: 0
}

.block-flashcard-carousel .carousel-controls-counter {
	order: 1
}

.block-flashcard-carousel .carousel-controls-next {
	flex-shrink: 0;
	order: 2
}

.block-flashcard-carousel .carousel-controls-next,
.block-flashcard-carousel .carousel-controls-prev {
	align-items: center;
	background-color: var(--color-theme-decorative);
	border: 1px solid var(--color-theme-decorative);
	border-radius: 50%;
	color: var(--color-theme-decorative-fg);
	display: inline-flex;
	height: 4.2rem;
	justify-content: center;
	outline-offset: .3rem;
	width: 4.2rem
}

.block-flashcard-carousel .carousel-controls-next[aria-disabled=true],
.block-flashcard-carousel .carousel-controls-prev[aria-disabled=true] {
	cursor: default;
	opacity: .3
}

.block-flashcard-carousel .carousel-controls-next-icon,
.block-flashcard-carousel .carousel-controls-prev-icon {
	display: flex;
	height: 2rem
}

.block-flashcard-carousel .carousel-controls-next-icon>svg,
.block-flashcard-carousel .carousel-controls-prev-icon>svg {
	height: 100%
}

.block-flashcard-carousel .carousel-controls-counter {
	margin-inline: 6.8rem;
	position: relative;
	text-align: center;
	width: 16rem
}

@media(max-width:47.9375em) {
	.block-flashcard-carousel .carousel-controls-counter {
		margin-inline: 2rem;
		width: 13rem
	}
}

@media(max-width:22.4375em) {
	.block-flashcard-carousel .carousel-controls-counter {
		width: 10rem
	}
}

.block-flashcard-carousel .carousel-controls-counter-text {
	color: var(--color-text);
	flex: 1;
	font-family: var(--font-family-body);
	font-size: 1.4rem;
	font-style: italic;
	letter-spacing: .005em;
	line-height: 1.285714;
	margin-block-end: 1rem
}

.block-flashcard-carousel .carousel-controls-counter-line {
	border-block-end: max(.1rem, 1px) solid var(--color-progress-track);
	position: relative
}

@media(forced-colors:active) {
	.block-flashcard-carousel .carousel-controls-counter-line {
		border: max(.1rem, 1px) solid #eaebeb;
		padding-block: .2rem;
		padding-inline: .2rem
	}
}

.block-flashcard-carousel .carousel-controls-counter-line-runner {
	border-block-end: max(.1rem, 1px) solid var(--color-theme-decorative);
	position: absolute;
	transition: width .3s
}

@media(forced-colors:active) {
	.block-flashcard-carousel .carousel-controls-counter-line-runner {
		border-bottom-width: .5rem;
		inset-block-end: 0
	}
}

.block-flashcard-carousel .carousel .carousel-controls-counter-line-runner {
	inset-inline-start: 0
}

.block-flashcard-carousel .carousel-slides {
	display: flex;
	order: -1;
	overflow: hidden;
	padding-block: 5rem
}

.block-flashcard-carousel .carousel-slide {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	inset-inline-end: calc(var(--carousel-active-index)*100%);
	position: relative;
	transition: inset-inline-end .5s ease, visibility 0s 0s;
	visibility: visible;
	width: 100%
}

.block-flashcard-carousel .carousel-slide[hidden] {
	display: flex;
	transition: inset-inline-end .5s ease, visibility 0s .5s;
	visibility: hidden
}

.block-knowledge {
	padding-block: 3rem;
	padding-inline: 0;
	position: relative;
	transition: padding-block .5s, padding-inline .5s
}

@media(min-width:33.75em) {
	.block-knowledge__container--custom-width-sm {
		margin-block: 0;
		margin-inline: auto;
		max-width: 52rem;
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:52.5em) {
	.block-knowledge__container--custom-width-med {
		margin-block: 0;
		margin-inline: auto;
		max-width: 76rem;
		padding-block: 0;
		padding-inline: 0
	}
}

@media(min-width:62em) {
	.block-knowledge__container--custom-width-lg {
		margin-block: 0;
		margin-inline: auto;
		max-width: 92rem;
		padding-block: 0;
		padding-inline: 0
	}
}

.block-knowledge__wrapper {
	border: 1px solid #0000;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding-block: 6.4rem;
	padding-inline: 5.6rem
}

.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent,
.block-knowledge__wrapper.block-card--white {
	border: .1rem solid #ddd
}

.block-knowledge.bg--type-gray .block-knowledge__wrapper.block-card--transparent,
.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent,
.block-knowledge.bg--type-tint .block-knowledge__wrapper.block-card--transparent,
.block-knowledge__wrapper.block-card--white {
	--color-quiz-fill-text: #000
}

.block-knowledge__wrapper.block-card--transparent,
.block-knowledge__wrapper.block-card--white {
	--color-button-text: var(--color-theme-contrast, #fff)
}

.block-knowledge.bg--type-tint .block-knowledge__wrapper.block-card--transparent {
	--color-matching-item-background: var(--color-background)
}

.block-knowledge.bg--type-image .block-knowledge__wrapper.block-card--transparent {
	border: .1rem solid rgba(0, 0, 0, .498);
	--color-background-choice-hover: #0003;
	--color-background-feedback-frame: #ffffffb3;
	--color-border-radio: #000c;
	--color-button-text: #000;
	--color-caption-border: #00000080;
	--color-x-fill: #000;
	--color-disabled-submit-button-background: #0003;
	--color-disabled-button-text: #000;
	--color-feedback-icon-border: #000;
	--color-feedback-icon: #000;
	--color-feedback-text: #000;
	--color-matching-item-background: #fff;
	--color-matching-item-border: #000;
	--color-matching-item-dots: #fff;
	--color-matching-item-theme-rgb: 0, 0, 0;
	--color-multiple-choice-complete-border: #0009;
	--color-multiple-choice-correct-border: #000;
	--color-multiple-response-correct-border: #000;
	--color-multiple-response-incorrect-border: #0006;
	--color-multiple-response-option-check: #000;
	--color-quiz-fill-border-block-end: #0009;
	--color-quiz-fill-placeholder-text: #000;
	--color-quiz-fill-text: #000;
	--color-quiz-fill-icon-primary: #0000;
	--color-quiz-fill-icon-secondary: #000;
	--color-quiz-fill-options-text: #000;
	--color-quiz-option-dot: #000;
	--color-quiz-option-check: #000;
	--color-retake: #000;
	--color-retake-hover: #0009;
	--color-submit-button-background: #0000;
	--border-submit-button: 1px solid #000
}

.block-knowledge.bg--type-image.bg--overlay-light .block-knowledge__wrapper.block-card--transparent {
	--color-background-choice-hover: #fff3;
	--color-background-feedback-frame: #000000b3;
	--color-border-radio: #fffc;
	--color-button-text: #fff;
	--color-caption-border: #ffffff80;
	--color-x-fill: #fff;
	--color-disabled-submit-button-background: #fff3;
	--color-disabled-button-text: #fff;
	--color-feedback-icon-border: #fff;
	--color-feedback-icon: #fff;
	--color-feedback-text: #fff;
	--color-matching-feedback-bubble-bg: #fff;
	--color-matching-feedback-bubble-icon: #000;
	--color-matching-item-background: #000;
	--color-matching-item-background-hover: #000;
	--color-matching-item-border: #fff;
	--color-matching-item-dots: #000;
	--color-matching-item-theme-rgb: 255, 255, 255;
	--color-multiple-choice-complete-border: #fff9;
	--color-multiple-choice-correct-border: #fff;
	--color-multiple-response-correct-border: #fff;
	--color-multiple-response-incorrect-border: #ffffff80;
	--color-multiple-response-option-check: #fff;
	--color-quiz-fill-border-block-end: #fff9;
	--color-quiz-fill-placeholder-text: #fff;
	--color-quiz-fill-text: #fff;
	--color-quiz-fill-icon-primary: #0000;
	--color-quiz-fill-icon-secondary: #fff;
	--color-quiz-fill-options-text: #fff;
	--color-quiz-option-dot: #fff;
	--color-quiz-option-check: #fff;
	--color-retake: #fff;
	--color-retake-hover: #fff9;
	--color-submit-button-background: #0000;
	--border-submit-button: 1px solid #fff;
	border: .1rem solid hsla(0, 0%, 100%, .498)
}

.block-knowledge.bg--type-accent .block-knowledge__wrapper.block-card--transparent {
	--color-transparent-contrast: var(--color-text, var(--color-theme-contrast));
	--color-transparent-contrast-rgb: var(--color-theme-contrast-rgb);
	--color-transparent-contrast-opposite: var(--color-theme-contrast-complementary);
	--color-border-radio: rgb(var(--color-transparent-contrast-rgb), 0.8);
	--color-button-text: var(--color-transparent-contrast);
	--color-x-fill: var(--color-transparent-contrast);
	--color-caption-border: rgb(var(--color-transparent-contrast-rgb), 0.6);
	--color-disabled-button-text: var(--color-transparent-contrast);
	--color-disabled-submit-button-background: rgb(var(--color-transparent-contrast-rgb), 0.2);
	--color-feedback-icon-border: var(--color-transparent-contrast);
	--color-feedback-icon: var(--color-transparent-contrast);
	--color-feedback-text: var(--color-transparent-contrast);
	--color-matching-feedback-bubble-bg: var(--color-transparent-contrast);
	--color-matching-feedback-bubble-icon: var(--color-transparent-contrast-opposite);
	--color-matching-item-background: var(--color-background);
	--color-matching-item-background-hover: var(--color-background);
	--color-matching-item-border: var(--color-transparent-contrast);
	--color-matching-item-dots: var(--color-transparent-contrast-opposite);
	--color-matching-item-theme-rgb: var(--color-theme-contrast-rgb);
	--color-multiple-choice-complete-border: rgb(var(--color-transparent-contrast-rgb), 0.6);
	--color-multiple-choice-correct-border: var(--color-transparent-contrast);
	--color-multiple-response-correct-border: var(--color-transparent-contrast);
	--color-multiple-response-incorrect-border: rgb(var(--color-transparent-contrast-rgb), 0.3);
	--color-multiple-response-option-check: var(--color-transparent-contrast);
	--color-quiz-fill-border-block-end: rgb(var(--color-transparent-contrast-rgb), 0.6);
	--color-quiz-fill-icon-primary: var(--color-transparent-contrast-opposite);
	--color-quiz-fill-icon-secondary: var(--color-transparent-contrast);
	--color-quiz-fill-options-text: var(--color-transparent-contrast);
	--color-quiz-fill-placeholder-text: var(--color-transparent-contrast);
	--color-quiz-fill-text: var(--color-transparent-contrast);
	--color-quiz-option-dot: var(--color-transparent-contrast);
	--color-quiz-option-check: var(--color-transparent-contrast);
	--color-retake: var(--color-transparent-contrast);
	--color-retake-hover: rgb(var(--color-transparent-contrast-rgb), 0.6);
	--color-submit-button-background: #0000;
	--border-submit-button: 1px solid var(--color-transparent-contrast)
}

.block-knowledge.bg--type-color .block-knowledge__wrapper.block-card--transparent {
	--color-transparent-contrast: var(--color-text, var(--color-background-contrast));
	--color-transparent-contrast-rgb: var(--color-background-contrast-rgb);
	--color-transparent-contrast-opposite: var(--color-text-opposite, var(--color-background-contrast-complementary));
	--color-border-radio: var(--color-transparent-contrast);
	--color-button-text: var(--color-theme-contrast);
	--color-caption-border: var(--color-transparent-contrast);
	--color-x-fill: var(--color-transparent-contrast);
	--color-disabled-button-text: var(--color-transparent-contrast);
	--color-disabled-submit-button-background: rgb(var(--color-transparent-contrast-rgb), 0.2);
	--color-feedback-icon-border: var(--color-transparent-contrast);
	--color-feedback-text: var(--color-transparent-contrast);
	--color-matching-feedback-bubble-bg: var(--color-transparent-contrast);
	--color-matching-feedback-bubble-icon: var(--color-transparent-contrast-opposite);
	--color-matching-item-background: var(--color-background);
	--color-matching-item-background-hover: var(--color-background);
	--color-matching-item-border: var(--color-transparent-contrast);
	--color-multiple-choice-complete-border: var(--color-transparent-contrast);
	--color-multiple-response-incorrect-border: rgb(var(--color-transparent-contrast-rgb), 0.3);
	--color-quiz-fill-border-block-end: rgb(var(--color-transparent-contrast-rgb), 0.6);
	--color-quiz-fill-options-text: var(--color-transparent-contrast);
	--color-quiz-fill-placeholder-text: var(--color-transparent-contrast);
	--color-quiz-fill-text: var(--color-transparent-contrast);
	--color-retake: var(--color-transparent-contrast)
}

.block-knowledge.bg--type-gray .block-knowledge__wrapper.block-card--transparent,
.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent {
	--color-caption-border: #8f8f8f
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent {
	--color-caption-border: #ffffffb3;
	--color-x-fill: #fff;
	--color-feedback-text: #fff;
	--color-feedback-icon-border: #fff;
	--color-matching-feedback-bubble-bg: #fff;
	--color-matching-feedback-bubble-icon: #000;
	--color-matching-item-background: var(--color-background);
	--color-matching-item-border: #fff;
	--color-matching-item-dots: #000;
	--color-matching-item-theme-rgb: 255, 255, 255;
	--color-multiple-choice-complete-border: #ffffff4d;
	--color-multiple-response-incorrect-border: #ffffff4d;
	--color-quiz-fill-options-text: #fff;
	--color-quiz-fill-placeholder-text: #fff;
	--color-quiz-fill-text: #fff;
	--color-retake: #fff
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-arrow>rect,
.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:focus .quiz-match__item-arrow>rect,
.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:hover .quiz-match__item-arrow>rect,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-arrow>rect,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:focus .quiz-match__item-arrow>rect,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:hover .quiz-match__item-arrow>rect {
	fill: #fff;
	stroke: #fff
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-sortable,
.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:focus .quiz-match__item-sortable,
.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:hover .quiz-match__item-sortable,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-sortable,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:focus .quiz-match__item-sortable,
.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper--legacy.draggable:hover .quiz-match__item-sortable {
	fill: #fff
}

.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent {
	--color-background-choice-hover: #515151;
	--color-background-feedback-frame: #515151;
	--color-matching-item-background-hover: #515151
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent {
	--color-background-choice-hover: #313131;
	--color-background-feedback-frame: #313131;
	--color-matching-item-background-hover: #313131
}

@media(max-width:33.6875em) {
	.block-knowledge__wrapper {
		padding-block: 6rem 5rem;
		padding-inline: 3rem
	}
}

.block-knowledge__wrapper--matching {
	padding-inline: 4.8rem
}

@media(max-width:52.4375em) {
	.block-knowledge__wrapper--matching {
		padding-inline: 2rem
	}
}

.block-knowledge__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 92rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.block-knowledge__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.block-knowledge__container {
		padding-inline: 6rem 6rem
	}
}

@media(min-width:52.5em) {
	.block-knowledge__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.block-knowledge__row:after,
	.block-knowledge__row:before {
		content: " ";
		display: table
	}

	.block-knowledge__row:after {
		clear: both
	}

	.block-knowledge__col {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.3333333333%
	}

	.block-knowledge__col--custom-width-sm .block-knowledge__col--custom-width-md:first-child {
		margin-inline-start: 8.3333333333%
	}
}

.block-knowledge__retake-container {
	max-height: 0;
	min-height: 0;
	text-align: center;
	transition: max-height .4s .2s, min-height .4s .2s
}

.block-knowledge__retake-container--active {
	margin-block-start: 4rem;
	max-height: 5rem
}

.block-knowledge__retake-container--active-attempts-left {
	max-height: 10rem
}

.block-knowledge__retake {
	background: #0000;
	border-color: var(--color-retake, #000);
	color: var(--color-retake, #000);
	opacity: 0;
	pointer-events: none
}

.block-knowledge__retake--active {
	opacity: 1;
	pointer-events: all
}

.block-knowledge .quiz-card {
	min-height: auto;
	padding-block: 0;
	padding-inline: 0;
	z-index: 1
}

.block-knowledge .quiz-card__container {
	background: #0000;
	box-shadow: none;
	min-height: 0;
	padding-block: 0;
	padding-inline: 0
}

.block-knowledge .quiz-card__row {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0 !important;
	padding-inline: 0 !important
}

.block-knowledge .quiz-card__main {
	float: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	width: 100%
}

.block-knowledge .quiz-card__submit {
	height: 4rem
}

.block-knowledge .quiz-card__actions--proceed .quiz-card__submit {
	height: 0;
	transition: opacity .3s, height .28s .3s
}

.block-knowledge .quiz-card__feedback--active {
	min-height: 0
}

.block-knowledge .quiz-card__media .figure-video {
	margin-block-end: 0
}

.block-knowledge .quiz-card__require-correct-answer-disclaimer {
	background: #ededed;
	border-radius: 2px;
	color: #000;
	font-size: 1.2rem;
	inset-block-start: -4rem;
	inset-inline-end: 0;
	max-height: 4.6rem;
	max-width: inherit;
	overflow-y: auto;
	padding-block: .5rem;
	padding-inline: .75rem;
	position: absolute
}

.block-knowledge .quiz-card__require-correct-answer-disclaimer-icon {
	margin-inline-end: .5rem
}

.block-knowledge .quiz-card .quiz-multiple-choice-option__label {
	font-size: 1.5rem
}

.block-knowledge .quiz-card .quiz-fill__icon {
	inset-inline: auto 0
}

.block-knowledge .quiz-card .quiz-match {
	margin-inline: 0;
	padding-block-start: 3rem
}

.block-knowledge .quiz-card .quiz-match__item {
	margin-block-end: 2.5rem;
	min-height: 5.8rem
}

.block-knowledge .quiz-card .quiz-match__item-feedback {
	margin-block-end: 2.3rem
}

.block-knowledge .quiz-card .quiz-match__item-arrow>polygon,
.block-knowledge .quiz-card .quiz-match__item-tail>polygon {
	fill: var(--color-matching-item-background, #fff);
	stroke: var(--color-caption-border, #8f8f8f)
}

@media(max-width:29.9375em) {
	.block-knowledge .quiz-card .quiz-match__item--matched {
		margin-inline-start: 2.5rem
	}

	.block-knowledge .quiz-card .quiz-match__list--results {
		inset-inline-start: 0
	}
}

.block-knowledge__attempts-left {
	font-family: var(--font-family-head);
	margin-block-start: 2rem
}

.block-knowledge__attempts-left,
.block-knowledge__no-more-attempts {
	align-items: center;
	cursor: auto;
	display: flex;
	font-size: 1.2rem;
	justify-content: center;
	max-width: 100%
}

.block-knowledge__no-more-attempts {
	margin-block: auto;
	margin-inline: auto
}

.block-knowledge--retake .quiz-card__submit {
	transition: opacity .3s .6s, height .3s .3s
}

.block-knowledge--retake .quiz-card__feedback {
	transition: max-height .6s
}

.block-knowledge--retake .quiz-card__feedback-wrap {
	padding-block: 0;
	padding-inline: 0
}

.block-knowledge--retake .quiz-card__feedback-icon,
.block-knowledge--retake .quiz-card__feedback-label,
.block-knowledge--retake .quiz-card__feedback-text,
.block-knowledge--retake .quiz-card__feedback-wrap {
	transform: none;
	transition: opacity .6s
}

.block-knowledge--retake .block-knowledge__retake,
.block-knowledge--retake__retake-container {
	transition: opacity .6s
}

.block-knowledge--retake .quiz-multiple-choice-option__border {
	inset-block: .5rem
}

.block-knowledge--retake .quiz-multiple-choice-option__border:before {
	transition: opacity .25s, border .25s .25s, inset-inline-end .25s .25s
}

.block-knowledge--retake .quiz-multiple-choice-option .icon {
	transition: opacity .25s
}

.block-knowledge--retake .quiz-multiple-choice-option__input:checked+.quiz-multiple-choice-option__label .quiz-multiple-choice-option__radio:after {
	transition: 0s .5s
}

.block-knowledge--answered .quiz-card__answers {
	pointer-events: none
}

.quiz-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-block: 2.5rem 1rem;
	padding-inline: .5rem;
	position: relative;
	z-index: 2
}

@media(min-width:33.75em) {
	.quiz-card {
		padding-block: 4.5rem 1rem;
		padding-inline: .5rem
	}
}

@media(min-width:45em) {
	.quiz-card {
		padding-block: 9rem 4rem;
		padding-inline: 6rem
	}

	.quiz-card.quiz-card--active.quiz-card--timed {
		padding-block: 3rem 4rem;
		padding-inline: 6rem
	}
}

.quiz-card__container {
	background: #fff;
	box-shadow: 0 .3rem 1rem #0000001a;
	box-sizing: border-box;
	max-width: 102rem;
	min-height: calc(100vh - 8.5rem);
	padding-block: 1rem;
	padding-inline: 3.5rem;
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.quiz-card__container {
		min-height: calc(100vh - 13rem);
		padding-block: 2rem 0;
		padding-inline: 0
	}
}

.quiz-card__feedback {
	max-height: 0;
	min-height: 0;
	overflow: hidden;
	padding-block-end: 0;
	position: relative
}

.quiz-card__feedback--active {
	max-height: 100rem
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__feedback {
		transition: max-height 1s linear .3s, min-height 0s .3s
	}
}

.quiz-card__feedback .quiz-card__row {
	padding-block: 0 7rem;
	position: relative;
	z-index: 1
}

.quiz-card__feedback-wrap {
	opacity: 0;
	outline: none;
	position: relative;
	transform: scale(1.1)
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__feedback-wrap {
		transition: opacity .6s .6s, transform .6s .6s
	}
}

.quiz-card__feedback--active .quiz-card__feedback-wrap {
	opacity: 1;
	padding-block-start: 0;
	transform: scale(1)
}

.quiz-card__feedback--frame .quiz-card__feedback-wrap {
	--color-background: var(--color-background-feedback-frame, #f8f8f8);
	background-color: var(--color-background);
	padding-block: 2.4rem;
	padding-inline: 2.4rem
}

.quiz-card__feedback-icon {
	border: .2rem solid var(--color-feedback-icon-border, #000);
	border-radius: 50%;
	color: var(--color-feedback-icon, var(--color-theme));
	display: block;
	height: 6rem;
	line-height: 7rem;
	margin-block: 0;
	margin-inline: auto;
	opacity: 0;
	text-align: center;
	transform: scale(1.2);
	width: 6rem
}

.quiz-card__feedback-icon [class*=icon-] {
	font-size: 3rem
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__feedback-icon {
		transition: opacity .6s .9s, transform .6s .9s
	}
}

.quiz-card__feedback--active .quiz-card__feedback-icon {
	opacity: 1;
	transform: scale(1)
}

.quiz-card__feedback-label {
	font-family: var(--font-family-head);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .02em;
	margin-block-start: .4rem;
	opacity: 0;
	text-align: center;
	transform: scale(1.1)
}

.quiz-card__feedback--active .quiz-card__feedback-label {
	opacity: 1;
	transform: scale(1)
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__feedback--active .quiz-card__feedback-label {
		transition: opacity .6s .9s, transform .6s .9s
	}
}

.quiz-card__feedback-text {
	font-family: var(--font-family-body);
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.7;
	margin-block-start: 1.2rem;
	max-height: 74rem;
	opacity: 0;
	word-wrap: break-word;
	color: var(--color-feedback-text, #000);
	overflow: auto;
	text-align: center;
	transform: translate3d(0, 2rem, 0)
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__feedback-text {
		transition: opacity .6s 1.05s, transform .6s 1.05s
	}
}

.quiz-card__feedback--active .quiz-card__feedback-text {
	opacity: 1;
	transform: translateZ(0)
}

.quiz-card__title {
	font-family: var(--font-family-body);
	font-size: var(--arc-font-size-16);
	font-weight: 400;
	line-height: var(--arc-line-height-body);
	position: relative
}

.quiz-card__description {
	color: #000c;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.75
}

@media(min-width:45em) {
	.quiz-card__description {
		font-size: 1.6rem
	}
}

.quiz-card__interactive {
	border-block-start: 1px solid var(--color-caption-border, #8f8f8f);
	margin-block: 1.2rem 4.8rem;
	padding-block-start: calc(1.2rem + 1px)
}

.quiz-card__interactive--no-border {
	border-block-start: none;
	padding-block-start: 1.2rem
}

.quiz-card__step-label {
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 1.2rem;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .02em
}

.quiz-card__number {
	margin-block: 2.8rem
}

@media(min-width:48em) {
	.quiz-card__number {
		margin-block: 2.8rem 3.2rem
	}
}

@media print {
	.quiz-card__number {
		margin-block-start: 0
	}
}

.quiz-card__number-title {
	display: flex;
	flex-direction: column
}

.quiz-card__counter {
	color: #50abf1;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 4rem;
	position: relative;
	text-align: start;
	transition-duration: .3s;
	transition-property: color, opacity, background
}

@media(max-width:47.9375em) {
	.quiz-card__counter {
		font-size: 1.9rem
	}
}

@media print {
	.quiz-card__counter {
		font-size: 1.5rem
	}
}

.quiz-card__validations {
	color: var(--color-text-error, var(--color-text));
	margin-block-end: 2.4rem;
	text-align: center
}

.quiz-card__validation-icon {
	margin-inline-end: 1rem
}

.quiz-card__button {
	align-items: center;
	background-color: var(--color-submit-button-background, var(--color-theme));
	border: var(--border-submit-button, 1px solid var(--color-theme));
	border-radius: 2rem;
	box-sizing: border-box;
	color: var(--color-button-text, #fff);
	display: inline-flex;
	font-size: 1.2rem;
	font-weight: 700;
	height: 4rem;
	justify-content: center;
	letter-spacing: .04em;
	max-width: 17rem;
	min-width: 10rem;
	outline-offset: .2rem;
	padding-inline: 1rem;
	text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
	width: 100%
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__button {
		transition: background .3s, border-color .3s, color .3s
	}
}

@media(forced-colors:active) {
	.quiz-card__button {
		transition: opacity .3s
	}
}

.quiz-card__button--disabled {
	background-color: var(--color-disabled-submit-button-background, silver);
	border-color: var(--color-disabled-submit-button-background, silver);
	color: var(--color-disabled-button-text, #000);
	cursor: default
}

.quiz-card .quiz-card__button {
	color: var(--color-button-text, var(--color-theme-contrast))
}

.quiz-card__submit {
	height: 6.4rem;
	opacity: 1;
	text-align: center
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__submit {
		transition: height .3s 1.5s, opacity .3s 1.5s
	}
}

.quiz-card__actions--proceed .quiz-card__submit {
	height: 0;
	margin-block: 0;
	margin-inline: 0;
	opacity: 0
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__actions--proceed .quiz-card__submit {
		transition: height .3s, opacity .3s
	}
}

.quiz-card__next {
	opacity: 0;
	padding-inline: 0;
	text-align: center;
	transform: translate3d(0, 2rem, 0)
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__next {
		transition: opacity .6s 1.2s, transform .6s 1.2s
	}
}

.quiz-card__actions--proceed .quiz-card__next {
	height: 6.4rem;
	margin-block-start: 4rem;
	opacity: 1;
	transform: translateZ(0)
}

.quiz-card__media {
	margin-block: 1.2rem 2.4rem
}

.quiz-card__media .img {
	margin-block-end: 0;
	max-height: 64rem
}

.quiz-card .img-img {
	margin-inline: 0
}

@media(min-width:33.75em) {
	.quiz-card__media~.quiz-card__interactive .quiz-match {
		padding-block-start: 1rem
	}
}

@media(min-width:48em) {
	.quiz-card__row {
		*zoom: 1;
		margin-inline: -.5rem -.5rem;
		padding-block: 4rem;
		padding-inline: 0
	}

	.quiz-card__row:after,
	.quiz-card__row:before {
		content: " ";
		display: table
	}

	.quiz-card__row:after {
		clear: both
	}

	.quiz-card__main {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		margin-inline-start: 16.6666666667%;
		min-height: 1px;
		padding-inline: .5rem;
		width: 66.6666666667%
	}
}

.quiz-card__retake-container {
	margin-block-end: 3rem;
	max-height: 0;
	min-height: 0;
	text-align: center
}

.quiz-card__retake-container--active {
	max-height: 5rem
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__retake-container {
		transition: max-height .4s 1s, min-height .4s 1s
	}
}

.quiz-card__retake {
	background: #0000;
	border: 0;
	color: #000;
	cursor: pointer;
	letter-spacing: .08rem;
	max-width: 17rem;
	opacity: 0;
	pointer-events: none
}

.quiz-card__retake--active {
	opacity: 1;
	pointer-events: all
}

@media(prefers-reduced-motion:no-preference) {
	.quiz-card__retake {
		transition: opacity .6s .9s
	}

	.quiz-card__retake-content {
		transition: color .3s
	}
}

.quiz-card__retake-icon {
	display: block;
	font-size: 2.2rem;
	margin-block-start: 1rem
}

.quiz-card__retake-text {
	font-size: 1rem;
	font-weight: 900;
	text-transform: uppercase
}

.quiz-fill__container {
	border-block-end: 1px solid var(--color-quiz-fill-border-bottom, #eaeaeb);
	padding-block-end: .8rem;
	position: relative
}

.quiz-fill__icon {
	--fa-primary-color: var(--color-quiz-fill-icon-primary, var(--color-theme-contrast, #fff));
	--fa-secondary-color: var(--color-quiz-fill-icon-secondary, var(--color-theme));
	--fa-secondary-opacity: 1;
	inset-block-start: .35rem;
	inset-inline-start: -2.5rem;
	opacity: 0;
	position: absolute;
	transition: opacity .3s;
	visibility: hidden
}

.quiz-fill__icon--visible {
	opacity: 1;
	visibility: visible
}

.quiz-fill__icon .i-xMarkFilled {
	fill: currentColor;
	background-color: var(--color-quiz-fill-icon-primary);
	border-radius: 50%
}

@media(min-width:48em) {
	.quiz-fill__icon {
		inset-inline-start: -4rem
	}
}

.quiz-fill__input {
	background: #0000;
	border: none;
	color: var(--color-quiz-fill-text, #000);
	cursor: text;
	font-family: var(--font-family-body);
	font-size: 1.6rem;
	line-height: 1.3;
	resize: none;
	width: 100%
}

.quiz-fill__input::placeholder {
	color: var(--color-quiz-fill-placeholder-text, #76767c)
}

.quiz-fill__options {
	--auto-contrast-fallback: #ddd;
	color: var(--color-quiz-fill-options-text, #76767c);
	font-size: 1.2rem;
	font-style: italic;
	margin-block-start: 1.2rem;
	opacity: 0;
	transition: opacity .9s;
	visibility: hidden
}

.quiz-fill__options--visible {
	opacity: 1;
	visibility: visible
}

.matching-results {
	margin-block-start: 1rem;
	margin-inline: calc(3rem + 2px)
}

@media(max-width:31.25em) {
	.matching-results {
		margin-inline: calc(1rem + 2px)
	}
}

.matching-results-item-pieces {
	display: flex
}

.matching-results-item:not(:last-child) {
	margin-block-end: 2rem
}

.matching-results-item-piece {
	background-color: var(--color-matching-item-background, #fff);
	border: 1px solid var(--color-matching-item-border, #0000004d);
	display: flex;
	flex: 1;
	font-size: 1.4rem;
	line-height: 2rem;
	min-height: 8rem;
	padding-block: 1.2rem;
	position: relative;
	text-align: start
}

.matching-results-item-piece:first-child {
	border-radius: .4rem 0 0 .4rem;
	padding-inline: 4rem 3rem
}

[dir=rtl] .matching-results-item-piece:first-child {
	border-radius: 0 .4rem .4rem 0
}

.matching-results-item-piece:last-child {
	border-radius: 0 .4rem .4rem 0;
	margin-inline-start: calc(-.6rem - 2px);
	padding-inline: 0 4rem
}

[dir=rtl] .matching-results-item-piece:last-child {
	border-radius: .4rem 0 0 .4rem
}

.matching-results-item-piece-decoration {
	align-items: center;
	background-color: rgb(var(--color-matching-item-theme-rgb, var(--color-theme-rgb)), 1);
	border: none;
	display: flex;
	justify-content: center;
	position: absolute;
	width: 2.4rem
}

@media(forced-colors:active) {
	.matching-results-item-piece-decoration {
		background-color: #0000
	}
}

.matching-results-item-piece:first-child .matching-results-item-piece-decoration {
	border-inline-end: 1px solid #0000;
	border-radius: .4rem 0 0 .4rem;
	inset-block: -1px;
	inset-inline-start: -1px
}

.matching-results-item-piece:last-child .matching-results-item-piece-decoration {
	border-inline-start: 1px solid #0000;
	border-radius: 0 .4rem .4rem 0;
	inset-block: -1px;
	inset-inline-end: -1px
}

.matching-results-item-piece-jigsaw {
	border: inherit;
	border-radius: 50%;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
	display: inline-flex;
	height: 4rem;
	transform: translateZ(0);
	width: 4rem
}

[dir=rtl] .matching-results-item-piece-jigsaw {
	clip-path: polygon(100% 0, 50% 0, 50% 100%, 100% 100%)
}

.matching-results-item-piece:first-child .matching-results-item-piece-jigsaw {
	background-color: #fff;
	inset-block-start: calc(50% - 2rem);
	inset-inline-end: -2rem;
	position: absolute
}

.matching-results-item-piece:last-child .matching-results-item-piece-jigsaw {
	background-color: inherit;
	margin-block: auto;
	margin-inline-start: calc(-2rem + .25px);
	transform: translateZ(0)
}

.matching-results-item-piece-content {
	align-items: center;
	display: inline-flex;
	flex: 1
}

.matching-results-item-feedback {
	align-items: flex-start;
	display: flex;
	font-size: 1.2rem;
	margin-block-start: .6rem
}

.matching-results-item-feedback-icon {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	height: 2rem;
	justify-content: center;
	margin-block-start: -.2rem;
	margin-inline-end: .6rem;
	width: 2rem
}

.matching-results-item-feedback-icon>svg {
	height: 1.6rem;
	width: 1.6rem
}

.matching-results-item-feedback-icon--correct {
	--fa-primary-color: var(--color-quiz-fill-icon-primary, var(--color-theme-contrast, #fff));
	--fa-secondary-color: var(--color-quiz-fill-icon-secondary, var(--color-theme));
	--fa-secondary-opacity: 1
}

@media(forced-colors:active) {
	.matching-results-item-feedback-icon--correct {
		--fa-primary-color: Canvas;
		--fa-secondary-color: CanvasText
	}
}

.matching-results-item-feedback-icon--incorrect {
	--fa-primary-color: var(--color-matching-feedback-bubble-icon, #fff);
	--fa-secondary-color: var(--color-matching-feedback-bubble-bg, #000);
	--fa-secondary-opacity: 1
}

@media(forced-colors:active) {
	.matching-results-item-feedback-icon--incorrect {
		--fa-primary-color: Canvas;
		--fa-secondary-color: CanvasText
	}
}

.matching-results-item-feedback-text {
	display: flex;
	margin-inline-end: 2rem
}

.matching-results-item-feedback-text--collapsed {
	flex: 1 1 0;
	min-width: 0
}

.matching-results-item-feedback-text-result {
	flex-shrink: 0;
	font-weight: 700;
	margin-inline-end: .3rem
}

.matching-results-item-feedback-text-btn {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	height: 2.4rem;
	justify-content: center;
	margin-block-start: -.3rem;
	margin-inline-start: -.3rem;
	width: 2.4rem
}

.matching-results-item-feedback-text-btn-icon {
	align-items: center;
	display: inline-flex;
	height: 1.2rem;
	justify-content: center;
	rotate: 0;
	width: 1.2rem
}

.matching-results-item-feedback-text-btn-icon--collapsed {
	rotate: -90deg
}

.matching-results-item-feedback-text-btn-icon>svg {
	height: 100%
}

.matching-results-item-feedback-text-extra--collapsed {
	display: flex;
	flex: 1 1 0;
	min-width: 0
}

.matching-results-item-feedback-text-extra-text--collapsed {
	flex: 1 1 0%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.matching-interaction {
	display: flex;
	gap: 4rem;
	justify-content: space-between;
	margin-block-start: 1rem
}

@media(max-width:31.25em) {
	.matching-interaction {
		gap: 1rem
	}
}

.matching-interaction .matching-interaction-piece,
.matching-interaction li,
.matching-interaction ul {
	width: 100%
}

.matching-interaction li:not(:last-child) {
	margin-block-end: 2rem
}

.matching-interaction ul:first-of-type li:has(.matching-interaction-piece--matched) {
	margin-inline-start: calc(3rem + 2px)
}

@media(max-width:31.25em) {
	.matching-interaction ul:first-of-type li:has(.matching-interaction-piece--matched) {
		margin-inline-start: calc(1.5rem + 2px)
	}
}

.matching-interaction ul:last-of-type li:has(.matching-interaction-piece--matched) {
	margin-inline-start: calc(-3rem - 2px)
}

@media(max-width:31.25em) {
	.matching-interaction ul:last-of-type li:has(.matching-interaction-piece--matched) {
		margin-inline-start: calc(-1.5rem - 2px)
	}
}

.matching-interaction li.draggable,
.matching-interaction li.draggable--dragging,
.matching-interaction li.droppable {
	position: relative
}

.matching-interaction li.draggable {
	touch-action: none;
	transform: translateZ(0)
}

.matching-interaction li.draggable:not(.draggable--dragging) {
	z-index: 0
}

.matching-interaction li.draggable--dragging {
	z-index: 1
}

.matching-interaction li.draggable--dragging>button {
	cursor: grabbing
}

@media(hover:hover) {

	.matching-interaction li:not(.draggable--dragging) .matching-interaction-piece:hover:not(.matching-interaction-piece--matched),
	.matching-interaction-col-2 li:not(.draggable--dragging) .matching-interaction-piece:hover:not(.matching-interaction-piece--matched),
	.matching-interaction-col-2 li:not(.draggable--dragging) .matching-interaction-piece:hover:not(.matching-interaction-piece--matched) .matching-interaction-piece-jigsaw {
		background-color: var(--color-matching-item-background-hover, #ededed)
	}
}

.matching-interaction li.droppable {
	z-index: 0
}

.matching-interaction li:focus-within:has(button:focus-visible) {
	outline: .2rem auto Highlight;
	outline: .2rem auto -webkit-focus-ring-color;
	outline-offset: .3rem
}

.matching-interaction-piece {
	align-items: stretch;
	background-color: var(--color-matching-item-background, #fff);
	border: 1px solid var(--color-matching-item-border, #0000004d);
	border-radius: .4rem;
	display: flex;
	font-size: 1.4rem;
	line-height: 2rem;
	min-height: 8rem;
	outline: none;
	padding-block: 1.2rem;
	position: relative;
	text-align: start
}

.matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched),
.matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched):after {
	border: 2px solid var(--color-matching-item-border, #0000004d)
}

.matching-interaction-piece--moved {
	animation: fadeIn 1s
}

.matching-interaction-col-1 .matching-interaction-piece {
	-webkit-mask-image: radial-gradient(4rem 4rem at 100% 50%, #0000 calc(2rem - 1px), #000 calc(2rem - 1px));
	mask-image: radial-gradient(4rem 4rem at 100% 50%, #0000 calc(2rem - 1px), #000 calc(2rem - 1px));
	padding-inline: 4rem 3rem
}

.matching-interaction-col-1 .matching-interaction-piece:before {
	background: none;
	border: inherit;
	border-radius: 50%/50%;
	box-sizing: border-box;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
	content: "";
	height: 4rem;
	inset-block-start: 50%;
	inset-inline-end: -2rem;
	pointer-events: none;
	position: absolute;
	transform: translateY(-50%);
	width: 4rem;
	z-index: 1
}

[dir=rtl] .matching-interaction-col-1 .matching-interaction-piece:before {
	clip-path: polygon(100% 0, 50% 0, 50% 100%, 100% 100%)
}

[dir=rtl] .matching-interaction-col-1 .matching-interaction-piece {
	-webkit-mask-image: radial-gradient(4rem 4rem at 0 50%, #0000 calc(2rem - 1px), #000 calc(2rem - 1px));
	mask-image: radial-gradient(4rem 4rem at 0 50%, #0000 calc(2rem - 1px), #000 calc(2rem - 1px))
}

.matching-interaction-col-1 .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) {
	padding-inline: calc(4rem - 1px) calc(3rem - 1px)
}

.matching-interaction-col-1 .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched):before {
	height: calc(4rem + 2px);
	inset-inline-end: calc(-2rem - 1px);
	width: calc(4rem + 2px)
}

.matching-interaction-col-1 li:not(.draggable--dragging) .matching-interaction-piece--matched {
	border-radius: .4rem 0 0 .4rem
}

[dir=rtl] .matching-interaction-col-1 li:not(.draggable--dragging) .matching-interaction-piece--matched {
	border-radius: 0 .4rem .4rem 0
}

.matching-interaction-col-2 .matching-interaction-piece {
	margin-inline-start: auto;
	padding-inline: 0 4rem;
	width: calc(100% - 2rem)
}

.matching-interaction-col-2 .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) {
	padding-inline: 0 calc(4rem - 1px)
}

.matching-interaction-col-2 li:not(.draggable--dragging) .matching-interaction-piece--matched {
	border-radius: 0 .4rem .4rem 0
}

[dir=rtl] .matching-interaction-col-2 li:not(.draggable--dragging) .matching-interaction-piece--matched {
	border-radius: .4rem 0 0 .4rem
}

.matching-interaction-piece-decoration {
	align-items: center;
	background-color: rgb(var(--color-matching-item-theme-rgb, var(--color-theme-rgb)), .5);
	border: none;
	color: var(--color-matching-item-dots, #000);
	display: flex;
	justify-content: center;
	position: absolute;
	width: 2.4rem
}

.matching-interaction-piece-decoration>svg {
	height: 1.8rem
}

@media(forced-colors:active) {
	.matching-interaction-piece-decoration {
		background-color: #0000
	}
}

.matching-interaction-piece--matched .matching-interaction-piece-decoration,
.matching-interaction-piece[aria-pressed=true] .matching-interaction-piece-decoration {
	background-color: rgb(var(--color-matching-item-theme-rgb, var(--color-theme-rgb)), 1);
	color: var(--color-matching-item-dots, var(--color-theme-contrast, #000))
}

@media(forced-colors:active) {

	.matching-interaction-piece--matched .matching-interaction-piece-decoration,
	.matching-interaction-piece[aria-pressed=true] .matching-interaction-piece-decoration {
		background-color: #0000
	}
}

.matching-interaction-col-1 .matching-interaction-piece-decoration {
	border-inline-end: 1px solid #0000;
	border-radius: .4rem 0 0 .4rem;
	inset-block: -1px;
	inset-inline-start: -1px
}

.matching-interaction-col-2 .matching-interaction-piece-decoration {
	border-inline-start: 1px solid #0000;
	border-radius: 0 .4rem .4rem 0;
	inset-block: -1px;
	inset-inline-end: -1px
}

.matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) .matching-interaction-piece-decoration {
	inset-block: -2px
}

.matching-interaction-col-1 .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) .matching-interaction-piece-decoration {
	border-radius: .3rem 0 0 .3rem;
	inset-inline-start: -2px
}

.matching-interaction-col-2 .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) .matching-interaction-piece-decoration {
	border-radius: 0 .3rem .3rem 0;
	inset-inline-end: -2px
}

.matching-interaction-piece-jigsaw {
	background-color: var(--color-matching-item-background, #fff);
	border: inherit;
	border-radius: 50%;
	box-sizing: border-box;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
	display: inline-flex;
	height: 4rem;
	margin-block: auto;
	margin-inline-start: calc(-2rem + .25px);
	transform: translateZ(0);
	width: 4rem
}

[dir=rtl] .matching-interaction-piece-jigsaw {
	clip-path: polygon(100% 0, 50% 0, 50% 100%, 100% 100%)
}

.matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) .matching-interaction-piece-jigsaw {
	clip-path: polygon(0 0, calc(50% + 1px) 0, calc(50% + 1px) 100%, 0 100%);
	height: 4rem;
	margin-inline-start: calc(-2rem - 1px);
	transform: translateZ(0);
	width: 4rem
}

[dir=rtl] .matching-interaction-piece[aria-pressed=true]:not(.matching-interaction-piece--matched) .matching-interaction-piece-jigsaw {
	clip-path: polygon(100% 0, calc(50% - 2px) 0, calc(50% - 2px) 100%, 100% 100%)
}

.matching-interaction-piece-content {
	align-items: center;
	display: inline-flex;
	flex: 1
}

.quiz-multiple-choice-option {
	display: block;
	-webkit-hyphens: auto;
	hyphens: auto;
	inset-block: 0;
	inset-inline: 0;
	padding-block: 2.4rem;
	padding-inline: 3.2rem;
	position: relative
}

@media(min-width:25.875em) {
	.quiz-multiple-choice-option {
		-webkit-hyphens: inherit;
		hyphens: inherit;
		padding-block: 2.4rem;
		padding-inline: 4rem 4.8rem
	}
}

.quiz-multiple-choice-option:hover:not(.quiz-multiple-choice-option--complete) {
	background-color: var(--color-background-choice-hover, #f7f7f8);
	cursor: pointer
}

.quiz-multiple-choice-option:has(input[type=radio]:focus-visible) {
	outline: 2px auto Highlight;
	outline: 2px auto -webkit-focus-ring-color
}

.quiz-multiple-choice-option:has(input[type=radio]:focus-visible):not(.quiz-multiple-response-option--complete) {
	background-color: var(--color-background-choice-hover, #f7f7f8)
}

.quiz-multiple-choice-option__input {
	margin-block: 0;
	margin-inline: 0;
	opacity: 0;
	z-index: -1
}

.quiz-multiple-choice-option__indicator,
.quiz-multiple-choice-option__input {
	height: 2rem;
	inset-block-start: 50%;
	inset-inline-start: 2rem;
	position: absolute;
	transform: translateY(-50%);
	width: 2rem
}

.quiz-multiple-choice-option__indicator {
	align-items: center;
	border: .1rem solid var(--color-border-radio, #8a8c8d);
	border-radius: 50%;
	color: var(--color-quiz-option-dot, var(--color-theme));
	display: flex;
	justify-content: center
}

.quiz-multiple-choice-option__check,
.quiz-multiple-choice-option__dot,
.quiz-multiple-choice-option__x {
	opacity: 0;
	position: absolute;
	visibility: hidden
}

.quiz-multiple-choice-option__check--active,
.quiz-multiple-choice-option__dot--active,
.quiz-multiple-choice-option__x--active {
	opacity: 1;
	position: static;
	visibility: visible
}

.quiz-multiple-choice-option__dot {
	height: .6rem;
	transform: scale(.6);
	transition: opacity .3s, transform .3s, visibility .3s;
	width: .6rem
}

.quiz-multiple-choice-option__dot--active {
	transform: scale(1)
}

.quiz-multiple-choice-option__check,
.quiz-multiple-choice-option__x {
	transition: opacity .3s, visibility .3s
}

.quiz-multiple-choice-option__check {
	color: var(--color-quiz-option-check, var(--color-theme));
	height: .7rem;
	width: .9rem
}

.quiz-multiple-choice-option__x {
	fill: var(--color-x-fill, #444b4e);
	width: .8rem
}

.quiz-multiple-choice-option__text {
	font-family: var(--font-family-body);
	font-size: 1.6rem;
	line-height: 1.5;
	margin-inline-start: 2.4rem;
	position: relative;
	word-wrap: break-word;
	z-index: 1
}

.quiz-multiple-choice-option__border {
	position: absolute;
	transition: width .45s .3s;
	width: 0
}

.quiz-multiple-choice-option__border:before {
	border: 0 solid #0000;
	content: "";
	inset-block: 0;
	inset-inline: 0 -.2rem;
	opacity: 0;
	position: absolute;
	transition: border .3s .3s, inset-inline-end 0s .72s
}

.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border {
	inset-block: .5rem;
	inset-inline-start: 0;
	overflow: hidden;
	width: 100%
}

@media(min-width:48em) {
	.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border {
		inset-block: -.5rem
	}
}

.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border:before {
	border: 2px solid var(--color-multiple-choice-complete-border, #707070);
	content: "";
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute
}

@media(min-width:48em) {
	.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border:before {
		inset-block: 1rem
	}
}

.quiz-multiple-choice-option.is-complete.is-selected.is-correct .quiz-multiple-choice-option__border:before {
	border: 2px solid var(--color-multiple-choice-correct-border, var(--color-theme))
}

.quiz-multiple-response-option {
	display: block;
	-webkit-hyphens: auto;
	hyphens: auto;
	inset-block: 0;
	inset-inline: 0;
	outline-offset: .2rem;
	padding-block: 2.4rem;
	padding-inline: 3.2rem;
	position: relative
}

@media(min-width:25.875em) {
	.quiz-multiple-response-option {
		-webkit-hyphens: inherit;
		hyphens: inherit;
		padding-block: 2.4rem;
		padding-inline: 4rem 4.8rem
	}
}

.quiz-multiple-response-option:hover:not(.quiz-multiple-response-option--complete) {
	background-color: var(--color-background-choice-hover, #f7f7f8);
	cursor: pointer
}

.quiz-multiple-response-option:has(input[type=checkbox]:focus-visible) {
	outline: 2px auto Highlight;
	outline: 2px auto -webkit-focus-ring-color
}

.quiz-multiple-response-option:has(input[type=checkbox]:focus-visible):not(.quiz-multiple-response-option--complete) {
	background-color: var(--color-background-choice-hover, #f7f7f8)
}

.quiz-multiple-response-option__input {
	margin-block: 0;
	margin-inline: 0;
	opacity: 0;
	z-index: -1
}

.quiz-multiple-response-option__indicator,
.quiz-multiple-response-option__input {
	height: 2rem;
	inset-block-start: 50%;
	inset-inline-start: 2rem;
	position: absolute;
	transform: translateY(-50%);
	width: 2rem
}

.quiz-multiple-response-option__indicator {
	border: .1rem solid var(--color-border-radio, #8a8c8d);
	display: inline-block
}

.quiz-multiple-response-option__check,
.quiz-multiple-response-option__x {
	inset-block-start: 50%;
	inset-inline-start: 50%;
	opacity: 0;
	position: absolute;
	transform: translate(calc(-50%*var(--dir-x)), -50%);
	transition: opacity .3s, visibility .3s;
	visibility: hidden
}

.quiz-multiple-response-option--correct .quiz-multiple-response-option__check,
.quiz-multiple-response-option--selected:not(.quiz-multiple-response-option--incorrect) .quiz-multiple-response-option__check {
	opacity: 1;
	visibility: visible
}

.quiz-multiple-response-option__check {
	color: var(--color-multiple-response-option-check, var(--color-theme));
	height: .7rem;
	width: .9rem
}

.quiz-multiple-response-option__x {
	fill: var(--color-x-fill, #444b4e)
}

.quiz-multiple-response-option--incorrect .quiz-multiple-response-option__x {
	opacity: 1;
	visibility: visible
}

.quiz-multiple-response-option__text {
	font-family: var(--font-family-body);
	font-size: 1.6rem;
	line-height: 2rem;
	margin-inline-start: 2.4rem;
	position: relative;
	word-wrap: break-word;
	z-index: 1
}

.quiz-multiple-response-option__border {
	position: absolute;
	transition: width .45s .3s;
	width: 0
}

.quiz-multiple-response-option__border:before {
	border: 0 solid #0000;
	content: "";
	inset-block: 0;
	inset-inline: 0 -.2rem;
	opacity: 0;
	position: absolute;
	transition: border .3s .3s, right 0s .72s
}

.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
	inset-block: .5rem;
	inset-inline-start: 0;
	overflow: hidden;
	width: 100%
}

@media(min-width:48em) {
	.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
		inset-block: -.5rem
	}
}

.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
	border: 2px solid var(--color-multiple-response-correct-border, var(--color-theme));
	content: "";
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute
}

@media(min-width:48em) {
	.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
		inset-block: 1rem
	}
}

.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
	inset-block: .5rem;
	inset-inline-start: 0;
	overflow: hidden;
	width: 100%
}

@media(min-width:48em) {
	.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
		inset-block: -.5rem
	}
}

.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
	border: 2px solid var(--color-multiple-response-incorrect-border, #707070);
	content: "";
	inset-block: 0;
	inset-inline: 0;
	opacity: 1;
	position: absolute
}

@media(min-width:48em) {
	.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
		inset-block: 1rem
	}
}

.block-labeled-graphic {
	display: block
}

.block-labeled-graphic.bg--type-accent .brand--linkColor a,
.block-labeled-graphic.bg--type-accent a,
.block-labeled-graphic.bg--type-image .brand--linkColor a,
.block-labeled-graphic.bg--type-image a {
	color: var(--color-theme) !important
}

.block-labeled-graphic .labeled-graphic-canvas__item {
	background: #0000
}

.block-labeled-graphic .labeled-graphic-canvas__bounds {
	display: block;
	padding-block: 0;
	padding-inline: 0
}

.block-labeled-graphic .labeled-graphic-canvas__figure {
	width: 100%
}

.block-labeled-graphic .labeled-graphic-canvas__image {
	max-height: none;
	width: 100%
}

.view-labeled-graphic {
	margin-block: 0;
	margin-inline: auto
}

.view-labeled-graphic--small {
	max-width: 76rem
}

.view-labeled-graphic--medium {
	max-width: 110rem
}

.view-labeled-graphic--full {
	max-width: 100%
}

.view-labeled-graphic .labeled-graphic-canvas {
	box-sizing: border-box;
	text-align: center
}

@media(min-width:37.5em) {
	.view-labeled-graphic .labeled-graphic-canvas {
		margin-block-end: 0
	}
}

.view-labeled-graphic .labeled-graphic-canvas__figure {
	display: inline-block;
	max-width: 100%;
	position: relative;
	vertical-align: top
}

.view-labeled-graphic .labeled-graphic-canvas__image {
	display: block;
	margin-block: 0;
	margin-inline: auto
}

.view-labeled-graphic .labeled-graphic-canvas__image.reset {
	transition: transform .3s ease-in-out
}

.view-labeled-graphic .labeled-graphic-marker {
	transform: scale(.01);
	transition: transform .2s, box-shadow .3s
}

.view-labeled-graphic .labeled-graphic-marker--visible {
	box-shadow: 0 0 0 4rem #50abf100;
	transform: scale(1)
}

.map-item--animated:first-child+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 0s
}

.map-item--animated:nth-child(2)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: .2s
}

.map-item--animated:nth-child(3)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: .4s
}

.map-item--animated:nth-child(4)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: .6s
}

.map-item--animated:nth-child(5)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: .8s
}

.map-item--animated:nth-child(6)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 1s
}

.map-item--animated:nth-child(7)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 1.2s
}

.map-item--animated:nth-child(8)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 1.4s
}

.map-item--animated:nth-child(9)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 1.6s
}

.map-item--animated:nth-child(10)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 1.8s
}

.map-item--animated:nth-child(11)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 2s
}

.map-item--animated:nth-child(12)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 2.2s
}

.map-item--animated:nth-child(13)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 2.4s
}

.map-item--animated:nth-child(14)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 2.6s
}

.map-item--animated:nth-child(15)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 2.8s
}

.map-item--animated:nth-child(16)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 3s
}

.map-item--animated:nth-child(17)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 3.2s
}

.map-item--animated:nth-child(18)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 3.4s
}

.map-item--animated:nth-child(19)+.map-item--animated .labeled-graphic-marker--visible {
	transition-delay: 3.6s
}

.labeled-graphic-tooltip {
	--tooltip-position: absolute;
	display: block;
	height: 2rem;
	margin-block-start: -1rem;
	margin-inline-start: -1rem;
	width: 2rem
}

.labeled-graphic-bubble-media-container--audio-overlay {
	position: relative
}

.bubble {
	inset-inline-end: 0;
	pointer-events: none;
	position: absolute;
	text-align: start
}

.bubble .audio-player {
	--color-action: var(--arc-color-mono-black);
	--color-track: var(--arc-color-mono-black)
}

.bubble .audio-player-volume__slider {
	--slider-inset-block: calc(100% + 0.2rem) auto
}

@media(max-width:47.9375em) {
	.bubble {
		inset-block: 0 !important;
		inset-inline: 0 !important;
		margin-block: 0;
		margin-inline: 0;
		position: absolute;
		z-index: 998
	}
}

.bubble__body {
	background: #fff;
	border: 0 solid #0000;
	border-radius: .4rem;
	box-shadow: 0 0 1rem #00000080;
	box-sizing: border-box;
	max-width: 22rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition-duration: .2s;
	transition-property: opacity, padding, top, max-width;
	visibility: hidden
}

.bubble__body:before {
	border: .6rem solid #0000;
	content: "";
	height: 0;
	position: absolute;
	width: 0
}

.bubble__body--has-overflow:after {
	background: linear-gradient(#fff0, #fff) 0 repeat;
	content: "";
	height: 8rem;
	inset-block-end: 3rem;
	inset-inline: 0;
	pointer-events: none;
	position: absolute
}

@media(max-width:47.9375em) {
	.bubble__body {
		height: 100vh;
		inset-block-start: 0;
		inset-inline-start: 0;
		max-width: none;
		pointer-events: none;
		position: fixed;
		transform: scale(.9) !important;
		transition: none;
		width: 100vw
	}
}

.bubble__body--left {
	left: 0;
	margin-left: 3.5rem
}

.bubble__body--left:before {
	border-right-color: #fff;
	left: -1.2rem
}

.bubble__body--right {
	margin-right: 3.5rem;
	right: 0
}

.bubble__body--right:before {
	border-left-color: #fff;
	right: -1.2rem
}

.bubble__body--top {
	inset-block-start: 0;
	margin-block-start: -3.5rem
}

.bubble__body--top:before {
	inset-block-start: 2.9rem
}

.bubble__body--bottom {
	inset-block-end: 0;
	margin-block-end: -3.5rem
}

.bubble__body--bottom:before {
	inset-block-end: 2.5rem
}

.bubble__body--middle {
	transform: translate3d(0, -50%, 0)
}

.bubble__body--middle:before {
	inset-block-end: calc(50% - .9rem)
}

.bubble--active .bubble__body {
	border-bottom-width: .4rem;
	color: #000;
	max-width: calc(100% - 3.5rem);
	opacity: 1;
	padding-block: 2rem 1.80000072rem;
	padding-inline: 2rem;
	pointer-events: auto;
	visibility: visible;
	width: 40rem;
	z-index: 301
}

@media(min-width:48em) {
	.bubble--active .bubble__body {
		padding-block: 3rem;
		padding-inline: 3rem
	}
}

@media(max-width:47.9375em) {
	.bubble--active .bubble__body {
		inset-block: 0;
		inset-inline: 0;
		margin-block: auto;
		margin-inline: auto;
		max-height: 100%;
		max-width: 100%;
		overflow: hidden auto;
		pointer-events: auto;
		position: fixed;
		transform: scale(1) !important;
		width: 100%;
		z-index: 100;
		-webkit-overflow-scrolling: touch
	}
}

@media(min-width:48em) {
	.bubble--bottom .bubble__body {
		inset-block: auto -.6rem
	}

	.bubble--active .bubble--bottom .bubble__body {
		inset-block: auto -6rem
	}
}

.bubble__title {
	font-family: var(--font-family-head);
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 1;
	margin-block: .8rem 1.2rem
}

@media(min-width:48em) {
	.bubble__title {
		transition-duration: .3s;
		transition-property: font-size, font-weight, margin
	}
}

.bubble--active .bubble__title {
	font-size: 2rem;
	font-weight: 700;
	margin-block: 1rem 3rem;
	margin-inline-end: 4.5rem;
	outline-offset: .5rem
}

@media(max-width:47.9375em) {
	.bubble--active .bubble__title {
		margin-inline-end: 9rem
	}
}

.bubble__content {
	font-size: 1.5rem;
	height: 0;
	opacity: 0;
	overflow: hidden;
	padding-block: .4rem;
	padding-inline: .4rem;
	text-align: start;
	width: 33rem
}

@media(min-width:48em) {
	.bubble__content {
		max-height: 400px;
		overflow-y: auto;
		transition-duration: 0s, .3s;
		transition-property: opacity, width
	}
}

.bubble__content:focus {
	outline: none
}

.bubble--active .bubble__content {
	height: auto;
	opacity: 1;
	width: 100%
}

@media(min-width:48em) {
	.bubble--active .bubble__content {
		transition-delay: .3s, .3s;
		transition-duration: .3s, 0s;
		transition-property: opacity, width
	}
}

.bubble__media:focus {
	outline: none
}

.bubble__description {
	font-family: var(--font-family-body);
	font-weight: 300;
	letter-spacing: .01rem;
	line-height: 1.74
}

.bubble--active .bubble__description {
	margin-block-end: 1rem
}

.bubble__figure {
	margin-block-end: 3rem
}

.bubble__figure img {
	display: block;
	margin-block: 0;
	margin-inline: auto
}

.bubble__controls {
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 900;
	inset-block-start: 2rem;
	inset-inline-end: 1rem;
	opacity: 0;
	position: absolute;
	text-transform: uppercase;
	transform: translate3d(0, -1rem, 0);
	transition-delay: 0s;
	transition-duration: .75s;
	transition-property: opacity
}

@media(max-width:47.9375em) {
	.bubble__controls {
		inset-inline-end: 5rem;
		transition: none
	}
}

.bubble--active .bubble__controls {
	opacity: 1;
	transform: translateZ(0);
	transition-delay: .6s
}

.bubble__next,
.bubble__prev {
	align-items: center;
	color: #707070;
	display: inline-flex;
	height: 4rem;
	justify-content: center;
	transition: color .3s;
	width: 3rem
}

.bubble__next .icon,
.bubble__prev .icon {
	font-size: 1.2rem;
	transform: scaleX(var(--dir-x));
	transition: color .3s
}

.bubble__next:hover,
.bubble__prev:hover {
	color: var(--color-lg-accent)
}

@media(max-width:47.9375em) {

	.bubble__next,
	.bubble__prev {
		color: #000
	}
}

.bubble__close {
	background: #fff;
	border: none;
	display: none
}

@media(max-width:47.9375em) {
	.bubble__close {
		align-items: center;
		cursor: pointer;
		display: flex;
		height: 4rem;
		inset-block-start: 2rem;
		inset-inline-end: 1rem;
		justify-content: center;
		line-height: 4.7rem;
		position: absolute;
		text-align: center;
		width: 4rem
	}
}

.bubble__close-icon {
	height: 1.4rem;
	width: 1.4rem
}

.bubble .video-js.vjs-volume-bar,
.bubble .vjs-control.vjs-picture-in-picture-control.vjs-button,
.bubble .vjs-fullscreen-control.vjs-control.vjs-button,
.bubble .vjs-play-control.vjs-control.vjs-button,
.bubble .vjs-progress-control.vjs-control,
.bubble .vjs-remaining-time.vjs-control,
.bubble .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
	margin-block: 0;
	margin-inline: 0
}

.bubble .vjs-play-control.vjs-control.vjs-button {
	padding-block: 0;
	padding-inline: 0
}

.bubble .video-js .vjs-control {
	width: 3em
}

.bubble .vjs-remaining-time.vjs-time-control.vjs-control {
	padding-block: 0;
	padding-inline: .5rem;
	width: auto
}

.labeled-graphic-bubble-media-container--audio-bottom {
	padding-top: 1.5rem
}

.labeled-graphic-bubble-media-container--audio-bottom .audio-player-volume__slider {
	--slider-inset-block: auto calc(100% + 0.2rem)
}

.labeled-graphic-canvas__figure {
	display: inline-block;
	position: relative
}

.labeled-graphic-canvas__figure--editable {
	cursor: crosshair
}

.labeled-graphic-canvas__figure--editing-disabled {
	cursor: not-allowed
}

.labeled-graphic-canvas__figure .authoring-tooltip__content {
	inset-block-start: -2.5rem;
	inset-inline-start: calc(100% - 2rem)
}

.labeled-graphic-canvas__bounds {
	text-align: center
}

@media print {
	.labeled-graphic-canvas__bounds {
		page-break-inside: avoid
	}
}

.labeled-graphic-canvas__image {
	display: block;
	margin-block: 0;
	margin-inline: auto;
	max-width: 100%
}

.labeled-graphic-canvas__image--flag-dimensions:not(.labeled-graphic-canvas__image--svg) {
	height: auto;
	object-fit: contain
}

.labeled-graphic-canvas__alt-tag {
	background: #000;
	color: #fff;
	cursor: pointer;
	font-size: 1.1rem;
	font-weight: 900;
	height: 2rem;
	inset-block-start: 0;
	inset-inline-end: 0;
	letter-spacing: .1rem;
	padding-block-start: .2rem;
	position: absolute;
	text-align: center;
	width: 3.5rem
}

.authoring-tooltip {
	position: relative
}

.authoring-tooltip__content {
	background: #000;
	border: .1rem solid #0000;
	box-shadow: 0 .1rem .4rem .1rem #00000024;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	opacity: 0;
	padding-block: .8rem;
	padding-inline: 1.6rem;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
	white-space: nowrap;
	z-index: 10
}

.runtime-tooltip .authoring-tooltip__content {
	border-radius: .6rem;
	font-weight: 400;
	max-width: 25rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	text-align: center;
	white-space: normal;
	width: auto;
	width: max-content
}

.authoring-tooltip__content:before {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	inset-block-start: calc(100% - .55rem);
	inset-inline-start: calc(50% + .5rem);
	position: absolute;
	width: 1rem
}

.authoring-tooltip__content ol,
.authoring-tooltip__content ul {
	line-height: 1.5
}

.authoring-tooltip__content--top {
	inset-block-start: -3rem;
	inset-inline-start: 50%;
	transform: translate(-50%, 15%)
}

.authoring-tooltip__content--top:before {
	inset-block-end: -.4rem;
	inset-inline-start: 50%;
	transform: translate(-50%) rotate(45deg)
}

.authoring-tooltip__content--bottom {
	inset-block-end: -3rem;
	inset-inline-start: 50%;
	transform: translate(-50%, -15%)
}

.authoring-tooltip__content--bottom:before {
	inset-block-start: -.4rem;
	inset-inline-start: 50%;
	transform: translate(-50%) rotate(225deg)
}

.authoring-tooltip__content--left {
	inset-block-start: 50%;
	inset-inline-start: 0;
	transform: translate(-96%, -50%)
}

.authoring-tooltip__content--left:before {
	inset-block-start: 50%;
	inset-inline: auto -.4rem;
	transform: translateY(-50%) rotate(-45deg)
}

.authoring-tooltip__content--right {
	inset-block-start: 50%;
	inset-inline-end: 0;
	transform: translate(96%, -50%)
}

.authoring-tooltip__content--right:before {
	inset-block-start: 50%;
	inset-inline-start: -.4rem;
	transform: translateY(-50%) rotate(-225deg)
}

.authoring-tooltip.content-focused .authoring-tooltip__content,
.authoring-tooltip.runtime-tooltip--show .authoring-tooltip__content,
.authoring-tooltip:focus-within .authoring-tooltip__content,
.authoring-tooltip:hover .authoring-tooltip__content,
.overview-list__link--restricted:hover .authoring-tooltip .authoring-tooltip__content {
	opacity: 1
}

.authoring-tooltip.content-focused .authoring-tooltip__content--top,
.authoring-tooltip.runtime-tooltip--show .authoring-tooltip__content--top,
.authoring-tooltip:focus-within .authoring-tooltip__content--top,
.authoring-tooltip:hover .authoring-tooltip__content--top,
.overview-list__link--restricted:hover .authoring-tooltip .authoring-tooltip__content--top {
	transform: translate(-50%, -30%)
}

.authoring-tooltip.content-focused .authoring-tooltip__content--bottom,
.authoring-tooltip.runtime-tooltip--show .authoring-tooltip__content--bottom,
.authoring-tooltip:focus-within .authoring-tooltip__content--bottom,
.authoring-tooltip:hover .authoring-tooltip__content--bottom,
.overview-list__link--restricted:hover .authoring-tooltip .authoring-tooltip__content--bottom {
	transform: translate(-50%, 30%)
}

.authoring-tooltip.content-focused .authoring-tooltip__content--left,
.authoring-tooltip.runtime-tooltip--show .authoring-tooltip__content--left,
.authoring-tooltip:focus-within .authoring-tooltip__content--left,
.authoring-tooltip:hover .authoring-tooltip__content--left,
.overview-list__link--restricted:hover .authoring-tooltip .authoring-tooltip__content--left {
	transform: translate(-101%, -50%)
}

.authoring-tooltip.content-focused .authoring-tooltip__content--right,
.authoring-tooltip.runtime-tooltip--show .authoring-tooltip__content--right,
.authoring-tooltip:focus-within .authoring-tooltip__content--right,
.authoring-tooltip:hover .authoring-tooltip__content--right,
.overview-list__link--restricted:hover .authoring-tooltip .authoring-tooltip__content--right {
	transform: translate(101%, -50%)
}

.page__wrapper .authoring-tooltip {
	height: 6rem;
	inset-block-end: 0;
	position: absolute;
	width: 100%
}

.iphone-safari .page__wrapper .authoring-tooltip {
	height: 7rem
}

@media(min-width:48em) {
	.page__wrapper .authoring-tooltip {
		height: 7rem
	}
}

.portal-tooltip {
	max-width: none;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition-duration: .2s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out
}

.portal-tooltip.right {
	inset-block-start: 50%;
	inset-inline-start: calc(100% - 1rem);
	padding-inline-start: 1rem;
	transform: translate(-1rem, -50%)
}

.portal-tooltip.above {
	inset-block-end: calc(100% - 1rem);
	inset-inline-start: 50%;
	transform: translate(-50%, 1rem)
}

.portal-tooltip--visible {
	opacity: 1;
	pointer-events: all
}

.portal-tooltip--visible.right {
	transform: translate(.4rem, -50%)
}

.portal-tooltip--visible.above {
	transform: translate(-50%, -1.6rem)
}

.portal-tooltip__inner {
	background-color: #000;
	border: .1rem solid #0000;
	box-shadow: 0 -.2rem .4rem #0003;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1rem;
	padding-block: .8rem;
	padding-inline: 1.6rem;
	position: relative;
	text-align: center;
	white-space: nowrap
}

.portal-tooltip__inner:after {
	background: #000;
	border-color: #0000;
	border-style: none solid solid none;
	border-width: .1rem;
	content: "";
	height: 1rem;
	margin-inline-start: -1rem;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

.right .portal-tooltip__inner:after {
	inset-block-start: calc(50% - .5rem);
	inset-inline-start: .6rem
}

.above .portal-tooltip__inner:after {
	inset-block-end: -.6rem;
	inset-inline-start: calc(50% + .5rem)
}

@keyframes markerPulse {
	0% {
		transform: scale(.65)
	}

	to {
		transform: scale(1)
	}
}

.labeled-graphic-marker {
	border-radius: 50%;
	box-shadow: 0 0 0 0 #50abf1e6;
	height: 4rem;
	margin-left: -2rem;
	margin-top: -2rem;
	position: absolute;
	transition: transform 0s, box-shadow .3s;
	width: 4rem;
	z-index: 3
}

.labeled-graphic-marker__pin {
	align-items: center;
	background-color: var(--color-lg-accent);
	border-radius: 50%;
	box-shadow: 0 .2rem .6rem #000000bf;
	box-sizing: initial;
	color: var(--color-lg-font);
	cursor: pointer;
	display: flex;
	font-family: var(--font-family-ui);
	font-size: 1.3rem;
	height: 2rem;
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	line-height: 2.2rem;
	margin-block: auto;
	margin-inline: auto;
	position: absolute;
	text-align: center;
	transition: width .2s, height .2s, margin-block .2s, margin-inline .2s;
	width: 2rem
}

.labeled-graphic-marker__pin .icon {
	line-height: 1rem
}

.labeled-graphic-marker__pin:before {
	border: .2rem solid #0000;
	border-radius: 50%;
	content: "";
	inset-block: -.2rem;
	inset-inline: -.2rem;
	position: absolute;
	transition: border-color .1s
}

@media(prefers-reduced-motion:no-preference) {
	.labeled-graphic-marker__pin:after {
		animation: markerPulse 2s ease-in-out infinite alternate;
		border: 8px solid #ffffff80;
		border-radius: 50%;
		content: "";
		inset-block: -2.4rem;
		inset-inline: -2.4rem;
		pointer-events: none;
		position: absolute
	}
}

.labeled-graphic-marker__pin--disabled:after {
	animation: none
}

.labeled-graphic-marker__pin--selected {
	background-color: var(--color-lg-font);
	color: var(--color-lg-accent)
}

.labeled-graphic-marker__pin--selected:before {
	border-color: var(--color-lg-accent)
}

@media(min-width:48em) {
	.labeled-graphic-marker__pin {
		font-size: 1.8rem;
		height: 3rem;
		line-height: 3.2rem;
		text-align: center;
		width: 3rem
	}
}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected) {
	background-color: var(--color-lg-accent);
	z-index: 10
}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected):before {
	border-color: var(--color-lg-font)
}

.labeled-graphic-marker--complete .labeled-graphic-marker__pin:after {
	display: none
}

.labeled-graphic-marker--active .labeled-graphic-marker__pin,
.labeled-graphic-marker--dragged .labeled-graphic-marker__pin,
.labeled-graphic-marker--hint .labeled-graphic-marker__pin {
	border-width: .2rem
}

.labeled-graphic-marker--dragged .labeled-graphic-marker__pin {
	background-color: #00000080;
	cursor: none
}

.labeled-graphic-marker--active .labeled-graphic-marker__pin:after {
	display: none
}

.block-process {
	overflow: hidden
}

.pdf-lesson-content .block-process {
	background-color: #0000
}

.block-process-card__title h2,
.block-process-card__title h3,
.block-process-card__title h4,
.block-process-card__title h5 {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25;
	padding-block: .8rem;
	padding-inline: 0
}

.block-process-card__title h2 p,
.block-process-card__title h3 p,
.block-process-card__title h4 p,
.block-process-card__title h5 p {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25
}

.block-process-card__title h2 {
	font-size: 2.8rem
}

@media(min-width:45em) {
	.block-process-card__title h2 {
		font-size: 3.2rem
	}
}

@media print {
	.block-process-card__title h2 {
		font-size: 2.2rem
	}
}

.block-process-card__title h3 {
	font-size: 2.2rem
}

@media(min-width:45em) {
	.block-process-card__title h3 {
		font-size: 2.4rem
	}
}

@media print {
	.block-process-card__title h3 {
		font-size: 1.8rem
	}
}

.block-process-card__title h4 {
	font-size: 1.8rem
}

@media(min-width:45em) {
	.block-process-card__title h4 {
		font-size: 2rem
	}
}

@media print {
	.block-process-card__title h4 {
		font-size: 1.6rem
	}
}

.block-process-card__title h5 {
	font-size: 1.6rem
}

@media(min-width:45em) {
	.block-process-card__title h5 {
		font-size: 1.8rem
	}
}

@media print {
	.block-process-card__title h5 {
		font-size: 1.4rem
	}
}

:root {
	--dir-x: 1;
	--dir-start: left;
	--dir-end: right
}

[dir=rtl] {
	--dir-x: -1;
	--dir-start: right;
	--dir-end: left
}

.block-process-card {
	--box-shadow-step: none;
	--color-step-bg: var(--color-theme-decorative, var(--color-theme));
	--color-step-text: var(--color-theme-contrast, var(--arc-color-mono-white));
	display: flex;
	flex-direction: column;
	padding-block: var(--arc-space-4);
	padding-inline: var(--arc-space-4);
	width: 100%
}

.bg--type-accent .block-process-card {
	--box-shadow-step: 0 4px 5px 0px #0003;
	--color-step-bg: var(--color-theme-contrast);
	--color-step-text: var(--color-theme-contrast-complementary)
}

.bg--type-image.bg--card-transparent .block-process-card {
	--color-step-bg: var(--arc-color-mono-black);
	--color-step-text: var(--arc-color-mono-white)
}

.bg--type-image.bg--overlay-light.bg--card-transparent .block-process-card {
	--color-step-bg: var(--arc-color-mono-white);
	--color-step-text: var(--arc-color-mono-black)
}

@media(min-width:42.5em) {
	.block-process-card {
		padding-inline: var(--arc-space-5)
	}
}

.block-process-card__description {
	font-family: var(--font-family-body);
	font-size: var(--arc-font-size-14);
	line-height: 1.8;
	margin-block-end: var(--arc-space-2-5);
	width: 100%
}

@media(min-width:42.5em) {

	.block-process-card__description,
	.block-process-card__description .fr-view table td,
	.block-process-card__description .fr-view table th {
		font-size: var(--arc-font-size-16)
	}
}

.block-process-card__description p {
	margin-block-end: var(--arc-space-2)
}

.block-process-card__description p:last-child {
	margin-block-end: var(--arc-space-0)
}

.block-process-card--intro,
.block-process-card--summary {
	align-items: center;
	text-align: center
}

.block-process-card__media {
	width: 100%
}

.block-process-card__media .audio-player,
.block-process-card__media .embed,
.block-process-card__media .img,
.block-process-card__media .video-wrapper {
	margin-block-end: var(--arc-space-3)
}

.block-process-card__media--legacy .audio-player {
	margin-block-end: var(--arc-space-0-75)
}

.block-process-card__media--legacy img {
	margin-block: var(--arc-space-4)
}

.block-process-card__media--audio-overlay {
	position: relative;
	width: fit-content
}

.block-process-card__media--audio-overlay .audio-player,
.block-process-card__media--audio-overlay .img {
	margin-block-end: 0
}

.block-process-card__media--audio-overlay-left {
	margin-inline-end: auto
}

.block-process-card__media--audio-overlay-right {
	margin-inline-start: auto
}

.block-process-card__media--audio-overlay-center {
	margin-inline: auto
}

.block-process-card__media--audio-overlay-fill {
	width: 100%
}

.block-process-card__number {
	background-color: var(--color-step-bg);
	border: 1px solid #0000;
	border-radius: var(--arc-border-radius-lg);
	box-shadow: var(--box-shadow-step);
	color: var(--color-step-text);
	display: inline-block;
	font-family: var(--font-family-head);
	font-size: var(--arc-font-size-14);
	font-weight: var(--arc-font-weight-600);
	inset-block-start: 0;
	inset-inline-start: 50%;
	letter-spacing: .05rem;
	padding-block: var(--arc-space-1);
	padding-inline: var(--arc-space-2-5);
	position: absolute;
	transform: translate(-50%, -50%)
}

[dir=rtl] .block-process-card__number {
	transform: translate(50%, -50%)
}

@media(min-width:42.5em) {
	.block-process-card__number {
		font-size: var(--arc-font-size-20)
	}
}

.block-process-card__restart-btn {
	align-items: center;
	background: #0000;
	border: 1px solid #0000;
	border-radius: var(--arc-border-radius-pill);
	display: inline-flex;
	flex-direction: row-reverse;
	font-family: var(--font-family-ui);
	height: var(--arc-space-4);
	justify-content: center;
	line-height: 1.96rem;
	padding-inline: 1.6rem
}

.block-process-card__restart-btn--audio-overlay {
	margin-block-start: var(--arc-space-3)
}

.block-process-card__restart-btn-text {
	font-size: var(--arc-font-size-14);
	font-weight: var(--arc-font-weight-600);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.block-process-card__restart-btn-icon {
	display: inline-flex;
	height: var(--arc-size-1-75);
	margin-inline-end: var(--arc-space-1);
	width: var(--arc-size-1-75)
}

[dir=rtl] .block-process-card__restart-btn-icon {
	transform: scaleX(-1)
}

.block-process-card__title {
	margin-block-end: var(--arc-space-2-5)
}

.block-process-card__description h2,
.block-process-card__title h2 {
	font-size: var(--arc-font-size-20)
}

@media(min-width:42.5em) {

	.block-process-card__description h2,
	.block-process-card__title h2 {
		font-size: var(--arc-font-size-24)
	}
}

@media(min-width:67.5em) {

	.block-process-card__description h2,
	.block-process-card__title h2 {
		font-size: var(--arc-font-size-28)
	}
}

.block-process-card__start-btn {
	align-items: center;
	background-color: var(--color-theme-decorative);
	border: 2px solid #0000;
	border-radius: 2rem;
	box-sizing: border-box;
	color: var(--color-theme-decorative-fg);
	cursor: pointer;
	display: inline-flex;
	font-size: var(--arc-font-size-12);
	font-weight: var(--arc-font-weight-600);
	height: var(--arc-size-5);
	justify-content: center;
	outline-offset: .3rem;
	padding-inline: var(--arc-space-1);
	text-transform: uppercase;
	width: 17rem
}

@media print {
	.block-process-card__start-btn {
		font-size: 1rem;
		height: 3rem;
		line-height: 2.6
	}
}

.block-process-card__start-btn--audio-overlay {
	margin-block-start: var(--arc-space-3)
}

[dir=rtl] .block-process-card__start-btn-icon {
	transform: rotate(180deg)
}

.block-process-card__start-btn-text {
	font-family: var(--font-family-ui);
	margin-inline-end: var(--arc-space-0-75);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.block-process-card__swipe-badge {
	align-items: center;
	background-color: var(--arc-color-mono-black);
	border-end-end-radius: 2.5rem;
	border-start-end-radius: 2.5rem;
	color: var(--arc-color-mono-white);
	display: flex;
	inset-block-end: 0;
	inset-inline-end: 0;
	opacity: 0;
	padding-block: var(--arc-space-0-75);
	padding-inline: var(--arc-space-2-5);
	position: absolute;
	transform: translateY(50%)
}

.block-process-card__swipe-badge--animate {
	animation: slideInFade .3s ease-out forwards
}

[dir=rtl] .block-process-card__swipe-badge-icon {
	transform: scaleX(-1)
}

.block-process-card__swipe-badge-text {
	font-size: var(--arc-font-size-12);
	font-style: italic;
	margin-inline-end: var(--arc-space-1)
}

.block-process-carousel {
	--block-max-width: 83rem;
	--carousel-control-width: 11rem;
	--carousel-slide-gap: 80rem;
	--controls-bg-color: var(--arc-color-mono-black);
	--controls-icon-color: var(--arc-color-mono-white);
	box-sizing: initial;
	margin-inline: auto;
	max-width: var(--block-max-width);
	padding-block: var(--arc-space-5) var(--arc-space-2);
	padding-inline: 1.9999998rem
}

.bg--type-accent .block-process-carousel {
	--controls-bg-color: var(--color-theme-contrast);
	--controls-icon-color: var(--color-theme-contrast-complementary)
}

.bg--type-black .block-process-carousel,
.bg--type-dark .block-process-carousel,
.bg--type-image:not(.bg--overlay-light) .block-process-carousel {
	--controls-bg-color: #fff9;
	--controls-icon-color: var(--arc-color-mono-black)
}

.bg--type-color.bg--contrast-light .block-process-carousel {
	--controls-bg-color: var(--arc-color-mono-white);
	--controls-icon-color: var(--arc-color-mono-black)
}

@media(min-width:42.5em) {
	.block-process-carousel {
		padding-inline: calc(var(--carousel-control-width) + 1.5rem)
	}
}

.block-process-carousel .carousel {
	padding-block-end: var(--arc-space-6);
	position: relative
}

.block-process-carousel .carousel-controls {
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.block-process-carousel .carousel-controls-items {
	display: flex;
	inset-inline-start: 50%;
	max-width: 100%;
	overflow-x: hidden;
	pointer-events: auto;
	position: absolute;
	top: calc(100% - 3rem);
	touch-action: none;
	transform: translateX(calc(-50%*var(--dir-x)))
}

.block-process-carousel .carousel-controls-item {
	display: flex;
	margin-inline-end: var(--arc-space-0-75);
	outline-offset: 1px
}

.block-process-carousel .carousel-controls-item:last-child {
	margin-inline-end: var(--arc-space-0)
}

.block-process-carousel .carousel-controls-item-btn {
	align-items: center;
	background-color: #0000;
	border: 2px solid #0000;
	border-radius: 50%;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-family-ui);
	height: var(--arc-space-4);
	justify-content: center;
	transition: border-color .2s ease;
	width: var(--arc-space-4)
}

@media(hover:hover)and (pointer:fine) {
	.block-process-carousel .carousel-controls-item-btn:hover {
		border-color: color-mix(in sRGB, currentColor 30%, #0000)
	}
}

.block-process-carousel .carousel-controls-item-btn[aria-current=true] {
	border-color: currentColor;
	text-shadow: 0 0 .4px currentColor
}

.block-process-carousel [dir=rtl] .carousel-controls-item-intro-icon {
	transform: scaleX(-1)
}

.block-process-carousel .carousel-controls-next,
.block-process-carousel .carousel-controls-prev {
	align-items: center;
	color: var(--color-carousel-arrow);
	display: none;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: var(--carousel-control-width);
	z-index: 1
}

@media(min-width:42.5em) {

	.block-process-carousel .carousel-controls-next,
	.block-process-carousel .carousel-controls-prev {
		display: flex
	}
}

.block-process-carousel .carousel-controls-next[aria-disabled=true],
.block-process-carousel .carousel-controls-prev[aria-disabled=true] {
	cursor: default;
	opacity: var(--arc-alpha-30)
}

.block-process-carousel .carousel .carousel-controls-prev {
	inset-inline-start: calc(var(--carousel-control-width)*-1)
}

@media(min-width:75em) {
	.block-process-carousel .carousel .carousel-controls-prev {
		inset-inline-start: calc((var(--carousel-control-width) + 3rem)*-1)
	}
}

.block-process-carousel .carousel .carousel-controls-next {
	inset-inline-end: calc(var(--carousel-control-width)*-1)
}

@media(min-width:75em) {
	.block-process-carousel .carousel .carousel-controls-next {
		inset-inline-end: calc((var(--carousel-control-width) + 3rem)*-1)
	}
}

.block-process-carousel .carousel-controls-next-icon,
.block-process-carousel .carousel-controls-prev-icon {
	align-items: center;
	background-color: var(--controls-bg-color);
	border-radius: 50%;
	color: var(--controls-icon-color);
	display: flex;
	height: var(--arc-space-6);
	justify-content: center;
	width: var(--arc-space-6)
}

@media(min-width:48em) {

	.block-process-carousel .carousel-controls-next-icon,
	.block-process-carousel .carousel-controls-prev-icon {
		height: var(--arc-space-7);
		width: var(--arc-space-7)
	}
}

.block-process-carousel .carousel-controls-next-icon>svg,
.block-process-carousel .carousel-controls-prev-icon>svg {
	height: var(--arc-size-3-25)
}

.block-process-carousel .carousel-slides {
	display: flex;
	gap: var(--carousel-slide-gap)
}

.block-process-carousel .carousel-slide {
	--carousel-offset: calc(var(--carousel-active-index)*var(--carousel-slide-gap));
	display: flex;
	flex-shrink: 0;
	inset-inline-end: calc(var(--carousel-active-index)*100% + var(--carousel-offset));
	position: relative;
	transition: inset-inline-end .5s ease, visibility 0s 0s;
	width: 100%
}

.block-process-carousel .carousel-slide[hidden] {
	display: block;
	height: 0;
	opacity: 0;
	transition: inset-inline-end .5s ease, opacity 0s .5s
}

@keyframes slideInFade {
	0% {
		opacity: 0;
		transform: translateX(calc(100%*var(--dir-x)))
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.block-scenario {
	display: block
}

.scenario-block__text__title h2,
.scenario-block__text__title h3,
.scenario-block__text__title h4,
.scenario-block__text__title h5 {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25;
	padding-block: .8rem;
	padding-inline: 0
}

.scenario-block__text__title h2 p,
.scenario-block__text__title h3 p,
.scenario-block__text__title h4 p,
.scenario-block__text__title h5 p {
	font-family: var(--font-family-head) !important;
	font-weight: 700;
	line-height: 1.25
}

.scenario-block__text__title h2 {
	font-size: 2.8rem
}

@media(min-width:45em) {
	.scenario-block__text__title h2 {
		font-size: 3.2rem
	}
}

@media print {
	.scenario-block__text__title h2 {
		font-size: 2.2rem
	}
}

.scenario-block__text__title h3 {
	font-size: 2.2rem
}

@media(min-width:45em) {
	.scenario-block__text__title h3 {
		font-size: 2.4rem
	}
}

@media print {
	.scenario-block__text__title h3 {
		font-size: 1.8rem
	}
}

.scenario-block__text__title h4 {
	font-size: 1.8rem
}

@media(min-width:45em) {
	.scenario-block__text__title h4 {
		font-size: 2rem
	}
}

@media print {
	.scenario-block__text__title h4 {
		font-size: 1.6rem
	}
}

.scenario-block__text__title h5 {
	font-size: 1.6rem
}

@media(min-width:45em) {
	.scenario-block__text__title h5 {
		font-size: 1.8rem
	}
}

@media print {
	.scenario-block__text__title h5 {
		font-size: 1.4rem
	}
}

@keyframes scenario-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.scenario-block {
	color: #000;
	height: 100vh;
	max-height: 81.2rem;
	min-height: 68rem;
	overflow: hidden;
	position: relative;
	transition: opacity .39s
}

.scenario-block div {
	box-sizing: border-box
}

.scenario-block [data-scenario-focus][tabindex="-1"] {
	outline-offset: 2px
}

.scenario-block--initiated {
	opacity: 1
}

.scenario-block--loading .scenario-block__background--active,
.scenario-block--loading .scenario-block__inner {
	opacity: 0
}

.scenario-block--loading .scenario-block__spinner {
	animation: scenario-spin 1.5s linear infinite;
	border: .2rem solid #00000080;
	border-inline-start: .2rem solid #00000026;
	border-radius: 50%;
	height: 6rem;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	margin-block: -3rem 0;
	margin-inline: -3rem 0;
	position: absolute;
	width: 6rem
}

.scenario-block>img {
	display: none
}

.scenario-block__background-wrapper {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.scenario-block__background {
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	position: absolute;
	transition: opacity .39s, filter .3s;
	width: 100%
}

.scenario-block__background--active {
	opacity: 1
}

.scenario-block__background--blur {
	filter: blur(.25rem)
}

.scenario-block__inner {
	height: 100%;
	margin-block: 0;
	margin-inline: auto;
	max-width: 120rem;
	position: relative;
	transition: opacity .39s;
	z-index: 2
}

.scenario-block__character {
	inset-block: 3rem 0;
	inset-inline-start: 0;
	opacity: 1;
	position: absolute;
	transition: opacity .3s linear .1s, visibility 0s;
	visibility: visible;
	width: 38%;
	z-index: 2
}

.scenario-block__character--hidden {
	opacity: 0;
	transition: opacity .3s, visibility 0s linear .3s;
	visibility: hidden
}

.scenario-block__character__inner {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	max-width: 53rem;
	opacity: 0;
	position: absolute;
	width: 100%
}

.scenario-block__character__inner--active {
	opacity: 1
}

.scenario-block__character__inner--left img {
	transform: translateX(calc(-35%*var(--dir-x))) !important
}

.scenario-block__character__inner--right img {
	transform: translateX(calc(-65%*var(--dir-x))) !important
}

.scenario-block__character img {
	display: block;
	inset-inline-start: 50%;
	max-height: 135%;
	position: relative;
	transform: translateX(calc(-50%*var(--dir-x)))
}

@media print {
	.scenario-block__character img {
		max-height: 130%
	}
}

@media(min-width:48em) {
	.scenario-block__character img {
		max-height: 145%
	}
}

@media(min-width:60em) {
	.scenario-block__character img {
		max-height: 150%
	}
}

@media(min-width:48em) {
	.scenario-block__character {
		inset-block-start: 6rem;
		inset-inline-start: 1rem
	}
}

@media(min-width:60em) {
	.scenario-block__character {
		inset-block-start: 5rem
	}
}

.scenario-block__content {
	box-sizing: border-box;
	padding-block: 0;
	padding-inline: 2rem;
	width: 100%;
	z-index: 2
}

.scenario-block__content--enter {
	opacity: .001
}

.scenario-block__content--enter-active {
	opacity: 1;
	transition: opacity .39s
}

.scenario-block__content--exit {
	opacity: 1
}

.scenario-block__content--exit-active {
	opacity: .001;
	transition: opacity .39s
}

@media(min-width:30em) {
	.scenario-block__content {
		padding-block: 0;
		padding-inline: 3rem
	}
}

@media(min-width:37.5em) {
	.scenario-block__content {
		padding-block: 0;
		padding-inline: 6rem
	}
}

@media(min-width:48em) {
	.scenario-block__content {
		padding-block: 0;
		padding-inline: 3rem;
		padding-inline-start: 34rem
	}
}

@media(min-width:60em) {
	.scenario-block__content {
		padding-block: 0;
		padding-inline: 6rem;
		padding-inline-start: 38rem
	}
}

@media(min-width:75em) {
	.scenario-block__content {
		padding-inline-start: 41rem
	}
}

@media(min-width:48em) {
	.scenario-block--character-hidden .scenario-block__content {
		padding-inline-start: inherit
	}
}

@media(min-width:60em) {
	.scenario-block--character-hidden .scenario-block__content {
		padding-inline-start: inherit
	}
}

@media(min-width:75em) {
	.scenario-block--character-hidden .scenario-block__content {
		padding-inline-start: inherit
	}
}

.scenario-block__text {
	inset-block-end: 3rem;
	inset-inline-start: 0;
	position: absolute
}

.scenario-block__text--end,
.scenario-block__text--short {
	width: 100%
}

.scenario-block__text--end .scenario-block__text__inner,
.scenario-block__text--short .scenario-block__text__inner {
	margin-block: 0;
	margin-inline: auto;
	max-width: 40rem
}

.scenario-block__text--no-character {
	inset-block: 50% auto;
	transform: translateY(-50%)
}

.scenario-block__text--no-character .scenario-block__text__inner {
	margin-block: 0;
	margin-inline: auto
}

@media(min-width:48em) {
	.scenario-block__text--no-character {
		padding-inline-start: 3rem !important
	}
}

@media(min-width:60em) {
	.scenario-block__text--no-character {
		padding-inline-start: 6rem !important
	}
}

.scenario-block__text__inner {
	background-color: #fff;
	border-radius: .3rem;
	box-shadow: 0 .2rem 2.5rem 0 #00000026;
	box-sizing: border-box;
	max-width: 68rem;
	padding-block: 3.5rem;
	padding-block-start: 5rem;
	padding-inline: 3.5rem;
	text-align: center;
	width: 100%
}

@media(min-width:48em) {
	.scenario-block__text__inner {
		padding-block-start: 3.5rem
	}
}

.scenario-block__text__title {
	font-family: var(--font-family-head);
	margin-block-end: 1.2rem
}

.scenario-block__text__title>h2 {
	font-size: 2.1rem
}

@media(min-width:42.5em) {
	.scenario-block__text__title>h2 {
		font-size: 2.5rem
	}
}

@media(min-width:67.5em) {
	.scenario-block__text__title>h2 {
		font-size: 3rem
	}
}

.scenario-block__text__description {
	font-family: var(--font-family-body);
	margin-block-end: 2.5rem
}

.scenario-block__text__description li,
.scenario-block__text__description p {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: .04rem;
	line-height: 1.6;
	margin-block-end: 1.5rem
}

.scenario-block__text__description li:last-child,
.scenario-block__text__description p:last-child {
	margin-block-end: 0
}

@media(min-width:42.5em) {

	.scenario-block__text__description li,
	.scenario-block__text__description p {
		font-size: 1.5rem
	}
}

@media(min-width:67.5em) {

	.scenario-block__text__description li,
	.scenario-block__text__description p {
		font-size: 1.7rem;
		line-height: 1.8
	}
}

.scenario-block__text__continue {
	--color-background: var(--color-theme);
	background: var(--color-background);
	border: .2rem solid #0000;
	border-radius: 2rem;
	box-sizing: border-box;
	color: var(--color-theme-contrast, #fff);
	cursor: pointer;
	flex: 1;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	height: 3.5rem;
	letter-spacing: .04em;
	line-height: 3rem;
	max-width: 13.5rem;
	min-width: 10rem;
	outline-offset: 2px;
	padding-inline: 1rem;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transform: translateZ(0);
	transition: opacity .3s, max-width .3s;
	width: 100%
}

.scenario-block__text__end {
	border-block-start: .1rem solid #e5e5e5;
	cursor: pointer;
	display: inline-block;
	margin-block-start: 2rem;
	outline-offset: 2px;
	padding-block: 1rem 0;
	padding-inline: 1.5rem
}

.scenario-block__text__end span {
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .05rem;
	text-transform: uppercase
}

.scenario-block__text__end i {
	display: block;
	font-size: 1.8rem;
	margin-block-start: .5rem;
	transform: rotate(180deg)
}

@media(min-width:37.5em) {
	.scenario-block__text {
		inset-block-end: 6rem
	}
}

@media(min-width:48em) {
	.scenario-block__text {
		inset-block: 50% auto;
		padding-inline-start: calc(38% + 3rem);
		transform: translateY(-50%)
	}
}

@media(min-width:60em) {
	.scenario-block__text {
		padding-inline-start: calc(38% + 6rem)
	}
}

@media(min-width:48em) {
	.scenario-block--character-hidden .scenario-block__text {
		padding-inline-start: inherit
	}
}

@media(min-width:60em) {
	.scenario-block--character-hidden .scenario-block__text {
		padding-inline-start: inherit
	}
}

.scenario-block__dialogues {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	width: 100%
}

.scenario-block__dialogues__inner,
.scenario-block__dialogues__top__inner {
	height: 100%;
	position: relative;
	width: 100%
}

.scenario-block__dialogues__top {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	padding-inline: calc(32% + 2rem) 1.5rem;
	position: absolute;
	width: 100%
}

@media(min-width:30em) {
	.scenario-block__dialogues__top {
		padding-inline-end: 3rem
	}
}

@media(min-width:37.5em) {
	.scenario-block__dialogues__top {
		padding-inline-end: 6rem
	}
}

@media(min-width:67.5em) {
	.scenario-block__dialogues__top {
		padding-inline-start: calc(30% + 3rem)
	}
}

@media(min-width:75em) {
	.scenario-block__dialogues__top {
		max-width: calc(35% + 100rem);
		padding-inline-start: calc(28% + 3rem)
	}
}

.scenario-block__dialogues__bottom {
	height: 55%;
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.scenario-block__dialogues__bottom__inner {
	display: flex;
	inset-block-end: 1.5rem;
	inset-inline-start: 0;
	justify-content: flex-end;
	padding-block: 0;
	padding-inline: 1.5rem;
	position: absolute;
	width: 100%
}

@media(min-width:30em) {
	.scenario-block__dialogues__bottom__inner {
		inset-block-end: 3rem;
		padding-block: 0;
		padding-inline: 3rem
	}
}

@media(min-width:60em) {
	.scenario-block__dialogues__bottom__inner {
		padding-block: 0;
		padding-inline: 6rem
	}
}

@media(min-width:75em) {
	.scenario-block__dialogues__bottom {
		max-width: calc(35% + 100rem)
	}
}

.scenario-block__dialogues__responses {
	display: flex;
	flex-wrap: wrap;
	max-width: 44rem;
	width: 100%
}

.scenario-block__dialogues__responses>div,
.scenario-block__dialogues__responses>ol {
	width: 100%
}

@media(min-width:48em) {
	.scenario-block__dialogues__responses {
		max-width: 36rem
	}
}

@media(min-width:52.5em) {
	.scenario-block__dialogues__responses {
		max-width: 44rem
	}
}

@media(min-width:67.5em) {
	.scenario-block__dialogues__responses {
		max-width: 52rem
	}
}

.scenario-block__dialogue {
	display: flex;
	inset-block-start: 6.8rem;
	inset-inline-start: 0;
	max-width: 50rem;
	padding-inline-start: 2rem;
	position: absolute;
	transition-duration: .39s;
	transition-property: top, opacity;
	width: 100%
}

.scenario-block__dialogue--appear {
	opacity: .001;
	transform: translate3d(0, 3rem, 0)
}

.scenario-block__dialogue--appear-active {
	opacity: 1;
	transform: translateZ(0);
	transition-delay: .3s;
	transition-duration: .39s;
	transition-property: opacity, transform
}

.scenario-block__dialogue--enter {
	opacity: .001;
	transform: translate3d(0, 23rem, 0)
}

.scenario-block__dialogue--enter-active {
	opacity: 1;
	transform: translateZ(0);
	transition-duration: .39s;
	transition-property: opacity, transform
}

.scenario-block__dialogue--exit {
	opacity: 1;
	transform: translateZ(0)
}

.scenario-block__dialogue--exit-active {
	opacity: .001;
	transform: translate3d(0, 23rem, 0);
	transition-duration: .39s;
	transition-property: opacity, transform
}

.scenario-block__dialogue--done {
	animation: fade-out .39s forwards
}

.scenario-block__dialogue--response {
	inset-inline: auto -.5rem;
	justify-content: flex-end;
	padding-inline-start: 0 !important
}

@media(min-width:30em) {
	.scenario-block__dialogue--response {
		padding-inline-end: 2rem
	}
}

.scenario-block__dialogue__bubble,
.scenario-block__dialogue__pane {
	background-color: #fff;
	border: 1px solid #0000;
	border-radius: 1.2rem;
	box-shadow: 0 .2rem 2.5rem 0 #00000026;
	box-sizing: border-box;
	display: inline-block;
	font-family: var(--font-family-body);
	font-size: 1.3rem;
	letter-spacing: .02rem;
	line-height: 1.4;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	position: relative
}

@media(min-width:22.5em) {

	.scenario-block__dialogue__bubble,
	.scenario-block__dialogue__pane {
		font-size: 1.4rem;
		letter-spacing: .03rem;
		line-height: 1.3
	}
}

@media(min-width:30em) {

	.scenario-block__dialogue__bubble,
	.scenario-block__dialogue__pane {
		padding-block: 1.5rem;
		padding-inline: 2rem
	}
}

@media(min-width:33.75em) {

	.scenario-block__dialogue__bubble,
	.scenario-block__dialogue__pane {
		font-size: 1.4rem;
		letter-spacing: .04rem;
		padding-block: 2rem;
		padding-inline: 2.5rem
	}
}

@media(min-width:48em) {

	.scenario-block__dialogue__bubble,
	.scenario-block__dialogue__pane {
		font-size: 1.5rem;
		line-height: 1.5
	}
}

@media(min-width:67.5em) {

	.scenario-block__dialogue__bubble,
	.scenario-block__dialogue__pane {
		font-size: 1.7rem
	}
}

.scenario-block__dialogue__bubble:after {
	background-color: inherit;
	border-color: #0000;
	border-style: none none solid solid;
	border-width: 1px;
	content: "";
	height: 1rem;
	inset-block: 1.5rem auto;
	inset-inline: -.6rem auto;
	pointer-events: none;
	position: absolute;
	transform: rotate(45deg);
	width: 1rem
}

@media(min-width:48em) {
	.scenario-block__dialogue__bubble:after {
		height: 2rem;
		inset-block: 2.5rem auto;
		inset-inline: -1.1rem auto;
		width: 2rem
	}
}

.scenario-block__dialogue--response .scenario-block__dialogue__bubble:after {
	inset-block: 1.5rem auto;
	inset-inline: auto -.6rem;
	transform: rotate(-135deg)
}

@media(min-width:48em) {
	.scenario-block__dialogue--response .scenario-block__dialogue__bubble:after {
		inset-block: 2.5rem auto;
		inset-inline: auto -1.1rem
	}
}

.scenario-block__dialogue__button {
	background-color: #fff;
	border: .2rem solid #0000;
	border-radius: 2rem;
	box-shadow: 0 .2rem 2.5rem 0 #00000026;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	display: inline-block;
	flex: 1;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	height: 3.5rem;
	inset-block-end: 3rem;
	inset-inline-start: 50%;
	letter-spacing: .04em;
	line-height: 3rem;
	min-width: 12rem;
	outline-offset: 2px;
	padding-block: .1rem 0;
	padding-inline: 2.3rem;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transform: translateX(calc(-50%*var(--dir-x)))
}

@media(min-width:30em) {
	.scenario-block__dialogue__button {
		height: 4rem;
		inset-block-end: 4rem;
		min-width: 15rem
	}
}

@media(min-width:48em) {
	.scenario-block__dialogue__button {
		inset-inline: auto 7.5rem;
		transform: none
	}
}

.scenario-block__dialogue__button--appear {
	opacity: .001;
	transform: translate3d(-50%, 3rem, 0)
}

@media(min-width:48em) {
	.scenario-block__dialogue__button--appear {
		transform: translate3d(0, 3rem, 0)
	}
}

.scenario-block__dialogue__button--appear-active {
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
	transition-delay: .6s;
	transition-duration: .39s;
	transition-property: opacity, transform
}

@media(min-width:48em) {
	.scenario-block__dialogue__button--appear-active {
		transform: translateZ(0)
	}
}

.scenario-block__dialogue__button i {
	display: inline-block;
	font-size: 1.5rem;
	margin-inline-start: .5rem;
	transform: rotate(180deg) translateY(-.1rem)
}

@media(min-width:22.5em) {
	.scenario-block__dialogue {
		inset-block-start: 9rem
	}
}

.scenario-block__response-item {
	margin-block-end: 1rem;
	margin-inline-start: auto;
	max-width: 100%;
	width: max-content
}

.scenario-block__response-item:last-child {
	margin-block-end: 0
}

.scenario-block__response-item--appear {
	opacity: .001
}

.scenario-block__response-item--appear-active {
	opacity: 1;
	transition-duration: .39s;
	transition-property: opacity
}

.scenario-block__response-item--0.scenario-block__response-item--appear-active {
	transition-delay: .8s
}

.scenario-block__response-item--1.scenario-block__response-item--appear-active {
	transition-delay: 1s
}

.scenario-block__response-item--2.scenario-block__response-item--appear-active {
	transition-delay: 1.2s
}

.scenario-block__response {
	border-radius: 1.2rem;
	font-family: var(--font-family-body);
	outline-offset: 2px
}

.scenario-block__response--appear {
	opacity: .001
}

.scenario-block__response--appear-active {
	opacity: 1;
	transition-duration: .39s;
	transition-property: opacity
}

.scenario-block__response--0.scenario-block__response--appear-active {
	transition-delay: .8s
}

.scenario-block__response--1.scenario-block__response--appear-active {
	transition-delay: 1s
}

.scenario-block__response--2.scenario-block__response--appear-active {
	transition-delay: 1.2s
}

.scenario-block__response__inner {
	align-items: center;
	background-color: #fff;
	border: 1px solid #0000;
	border-radius: 1.2rem;
	box-shadow: 0 .2rem 2.5rem 0 #00000026;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	font-size: 1.3rem;
	line-height: 1.4;
	min-height: 6rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	padding-inline-start: 4.4rem;
	position: relative;
	text-align: start;
	transition-duration: .39s;
	transition-property: background-color, transform;
	width: auto
}

.scenario-block__response__inner:focus,
.scenario-block__response__inner:hover {
	background-color: #eee;
	transform: translateX(calc(1rem*var(--dir-x)))
}

@media(min-width:22.5em) {
	.scenario-block__response__inner {
		font-size: 1.4rem;
		line-height: 1.3
	}
}

@media(min-width:30em) {
	.scenario-block__response__inner {
		padding-block: 1.5rem;
		padding-inline: 1.8rem;
		padding-inline-start: 5.4rem
	}
}

@media(min-width:33.75em) {
	.scenario-block__response__inner {
		font-size: 1.4rem;
		line-height: 1.5
	}
}

@media(min-width:67.5em) {
	.scenario-block__response__inner {
		font-size: 1.5rem
	}
}

.scenario-block__response__number {
	align-items: center;
	background-color: #000;
	border: 1px solid #0000;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 1.1rem;
	font-weight: 900;
	height: 2rem;
	inset-block-start: 50%;
	inset-inline-start: 1.2rem;
	justify-content: center;
	position: absolute;
	transform: translateY(-50%);
	width: 2rem
}

@media(min-width:30em) {
	.scenario-block__response__number {
		font-size: 1.2rem;
		height: 2.6rem;
		inset-inline-start: 1.4rem;
		width: 2.6rem
	}
}

.scenario-block--mobile .scenario-block__response__inner:focus,
.scenario-block--mobile .scenario-block__response__inner:hover {
	background: #fff;
	transform: translateX(0)
}

.scenario-block__pdf-details {
	border: .1rem solid #eaeaea;
	margin-block: 3rem;
	margin-inline: 0;
	padding-block: 2rem;
	padding-inline: 2rem
}

.scenario-block__pdf-details h3 {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05rem;
	margin-block-end: 1rem
}

.scenario-block__pdf-details svg {
	display: inline-block;
	fill: #000;
	margin-block: 0;
	margin-inline: .7rem;
	opacity: .5
}

.scenario-block__pdf-details span {
	display: block;
	margin-block-start: .5rem
}

@media(min-width:22.5em) {
	.scenario-block {
		min-height: 66rem
	}
}

@media(min-width:30em) {
	.scenario-block {
		height: 66rem
	}
}

.block-sorting-activity {
	display: block
}

.sorting {
	box-sizing: initial;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-inline: auto;
	max-width: 102rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.sorting {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.sorting {
		padding-inline: 6rem 6rem
	}
}

.sorting__row {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin-block: 3rem;
	margin-inline: -1.5rem;
	place-content: stretch space-around
}

.deck {
	--color-deck-border: #0003;
	--color-deck-title: #000;
	--color-deck-restart-button: inherit;
	--color-deck-restart-button-hover: var(--color-theme);
	max-width: 50%;
	perspective: 50rem;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	width: 30rem;
	z-index: 1
}

.deck__title {
	color: var(--color-deck-title);
	font-size: 2rem;
	font-weight: 700;
	margin-block-end: 1.6rem;
	text-align: center
}

.sorting-dark-theme .deck__title {
	color: #fff
}

.deck .restart-button {
	border-color: var(--color-deck-border);
	color: var(--color-deck-restart-button);
	font-family: var(--font-family-ui);
	margin-block-start: 2rem
}

.deck .restart-button:hover {
	color: var(--color-deck-restart-button-hover)
}

.sorting-dark-theme .deck .restart-button {
	border-color: #fff6;
	color: #fff
}

.sorting-dark-theme .deck .restart-button:hover {
	color: #ffffffbf !important
}

.deck .restart-button__content {
	transform: translate3d(0, -6.5rem, 0);
	transition: transform .6s .2s
}

.deck--complete .restart-button__content {
	transform: translateZ(0)
}

.deck__spacer {
	height: 0;
	padding-block-end: 66.666666%;
	width: 100%
}

.deck__cardholder,
.deck__content {
	inset-block: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute
}

.deck__cardholder {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	pointer-events: auto;
	transition: opacity .3s
}

.deck__cardholder--disabled {
	pointer-events: none
}

.deck--complete .deck__cardholder {
	opacity: 1
}

.bg--type-black .deck,
.bg--type-dark .deck,
.bg--type-image .deck {
	--color-deck-border: #fff3;
	--color-deck-title: #fff
}

.bg--type-image .deck {
	--color-deck-restart-button-hover: #fff9
}

.bg--type-image.bg--overlay-light .deck {
	--color-deck-border: #0003;
	--color-deck-restart-button-hover: #0009;
	--color-deck-title: #000
}

.bg--type-accent .deck {
	--color-deck-border: rgba(var(--color-theme-contrast-rgb, #000), 0.2);
	--color-deck-restart-button: var(--color-theme-contrast);
	--color-deck-restart-button-hover: rgba(var(--color-theme-contrast-rgb, #000), 0.6);
	--color-deck-title: var(--color-theme-contrast, #000)
}

.bg--type-color .deck {
	--color-deck-border: rgba(var(--color-background-contrast-rgb, #000), 0.2);
	--color-deck-restart-button: var(--color-background-contrast);
	--color-deck-restart-button-hover: rgba(var(--color-background-contrast-rgb, #000), 0.6);
	--color-deck-title: var(--color-background-contrast, #000)
}

.playing-card {
	--color-border-block-start: var(--color-theme);
	--color-content: #0006;
	--color-handle-border: #76767c;
	--color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
	--color-title: #000;
	--color-transparent-border: #ffffff4d;
	cursor: move;
	cursor: grab;
	height: 0;
	max-height: 100%;
	max-width: 100%;
	opacity: 0;
	padding-block-end: 66.666666%;
	pointer-events: none;
	position: absolute;
	touch-action: none;
	transform: translate3d(0, 1.6rem, 0) scale(.96);
	transition: transform .5s, border .5s, color .5s, opacity .5s;
	-webkit-user-select: none;
	user-select: none;
	width: 30rem
}

.playing-card:first-child {
	opacity: 1;
	pointer-events: auto;
	transform: translateZ(0) scale(1) rotateX(0deg);
	transition-delay: .2s;
	z-index: 3
}

.playing-card:first-child.reset {
	opacity: 0;
	transform: translate3d(0, -3rem, 0) scale(1.1) rotateX(-15deg)
}

.playing-card:nth-child(2) {
	opacity: 1;
	transform: translate3d(0, .8rem, 0) scale(.98) rotateX(0deg);
	transition-delay: .1s;
	z-index: 2
}

.playing-card:nth-child(2).reset {
	opacity: 0;
	transform: translate3d(0, -2rem, 0) scale(1.05) rotateX(-10deg)
}

.playing-card:nth-child(3) {
	opacity: 1;
	transform: translate3d(0, 1.6rem, 0) scale(.96) rotateX(0deg);
	transition-delay: 0s;
	z-index: 1
}

.playing-card:nth-child(3).reset {
	opacity: 0;
	transform: translate3d(0, -1rem, 0) scale(1) rotateX(-5deg)
}

.playing-card__content {
	align-items: center;
	background-color: var(--color-background);
	border-block-start: .3rem solid var(--color-border-block-start);
	border-radius: 1.7%;
	color: var(--color-content);
	display: flex;
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	padding-block: 1rem;
	padding-inline: 1rem;
	position: absolute;
	transition: transform .15s, border .5s, color .5s
}

.bg--type-accent .playing-card__content,
.bg--type-color .playing-card__content,
.bg--type-image .playing-card__content,
.bg--type-tint .playing-card__content {
	box-shadow: none
}

.bg--card-transparent.bg--type-black .playing-card__content,
.bg--card-transparent.bg--type-dark .playing-card__content {
	--color-content: rgba(#fff, 0.6)
}

.bg--card-transparent.bg--type-image .playing-card__content {
	--color-background: #fff;
	--color-border-block-start: #0000;
	--color-content: #0006
}

.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__content {
	--color-background: #000;
	--color-content: #fff9;
	--color-title: #fff
}

.bg--card-transparent.bg--type-accent .playing-card__content {
	--color-content: rgba(var(--color-theme-contrast-rgb, #000) 0.4)
}

.bg--card-transparent.bg--type-accent.bg--light-contrast .playing-card__content {
	--color-content: rgba(var(--color-theme-contrast-rgb, #000) 0.6)
}

.bg--type-accent .playing-card__content {
	--color-border-block-start: #0000
}

.playing-card__content:before {
	border: 1px solid var(--color-transparent-border);
	border-radius: 1.7%;
	content: "";
	inset-block: -.3rem 0;
	inset-inline: 0;
	position: absolute
}

.bg--branded .playing-card__content:before {
	border-block-start: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	inset-block-start: 0
}

.playing-card__content.bg--range-light {
	--color-transparent-border: rgba(#000, 0.3)
}

.bg--card-transparent.bg--type-accent .playing-card__content {
	--color-transparent-contrast-rgb: var(--color-theme-contrast-rgb);
	--color-transparent-border: rgba(var(--color-theme-contrast-rgb, #000), 0.3)
}

.playing-card:first-child .playing-card__content {
	backface-visibility: hidden;
	border-top-color: var(--color-border-block-start);
	color: var(--color-title)
}

.bg--card-transparent.bg--type-black .playing-card:first-child .playing-card__content,
.bg--card-transparent.bg--type-dark .playing-card:first-child .playing-card__content {
	--color-title: #fff
}

.bg--type-accent .playing-card:first-child .playing-card__content {
	--color-border-block-start: #0000
}

.bg--card-transparent.bg--type-accent .playing-card:first-child .playing-card__content {
	--color-title: var(--color-text, var(--color-theme-contrast))
}

.bg--card-transparent.bg--type-color .playing-card:first-child .playing-card__content {
	--color-title: var(--color-text, var(--color-background-contrast))
}

.pile .playing-card:nth-child(n) {
	opacity: 1;
	transform: translateZ(0) scale(1);
	z-index: 1
}

.playing-card--moving {
	cursor: grabbing;
	transition: none;
	z-index: 3
}

.playing-card--moving .playing-card__content {
	transform: rotate(3deg)
}

.playing-card__title {
	color: var(--color-title);
	font-family: var(--font-family-head);
	max-height: 100%;
	overflow: hidden;
	text-align: center;
	word-wrap: break-word;
	font-size: 1.5rem;
	font-weight: 700
}

@media(min-width:37.5em) {
	.playing-card__title {
		font-size: 1.8rem
	}
}

.playing-card__title--is-max-length {
	font-size: clamp(.9rem, 3vw, 1.8rem)
}

.bg--card-transparent.bg--type-black .playing-card__title,
.bg--card-transparent.bg--type-dark .playing-card__title {
	--color-title: #fff
}

.bg--card-transparent.bg--type-accent .playing-card__title {
	--color-title: var(--color-text, var(--color-theme-contrast))
}

.bg--card-transparent.bg--type-color .playing-card__title {
	--color-title: var(--color-text, var(--color-background-contrast))
}

.playing-card__handle {
	inset-block-end: 0;
	inset-inline: 0;
	position: absolute;
	width: 100%
}

.playing-card__handle:before {
	border-block-end: .1rem solid var(--color-handle-border);
	border-block-start: .1rem solid var(--color-handle-border);
	content: "";
	height: .5rem;
	inset-block-end: 2rem;
	inset-inline: 0;
	margin-block: auto;
	margin-inline: auto;
	position: absolute;
	width: 2.2rem
}

.playing-card__handle:after {
	background-color: var(--color-handle-border);
	content: "";
	height: .1rem;
	inset-block-end: 2.3rem;
	inset-inline-start: 50%;
	position: absolute;
	transform: translateX(calc(-50%*var(--dir-x)));
	width: 2.2rem
}

.bg--card-transparent.bg--type-black .playing-card__handle,
.bg--card-transparent.bg--type-dark .playing-card__handle,
.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__handle {
	--color-handle-border: #fffc
}

.bg--card-transparent.bg--type-image .playing-card__handle {
	--color-handle-border: #000c
}

.bg--card-transparent.bg--type-accent .playing-card__handle {
	--color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
	--color-handle-border: rgba(var(--color-theme-contrast-rgb, #000), 0.8)
}

.bg--card-transparent.bg--type-color .playing-card__handle {
	--color-theme-contrast-rgb: var(--color-background-contrast-rgb);
	--color-handle-border: rgba(var(--color-theme-contrast-rgb, #000), 0.8)
}

@media(max-width:29.9375em) {
	.playing-card__handle:before {
		inset-block-end: .5rem
	}

	.playing-card__handle:after {
		inset-block-end: .8rem
	}
}

.playing-card__status {
	--color-status-background: var(--color-theme);
	--box-shadow-status: none;
	--color-status-icon: var(--color-theme-contrast, #fff);
	backface-visibility: hidden;
	background-color: var(--color-status-background);
	border-radius: 50%;
	box-shadow: var(--box-shadow-status);
	color: var(--color-status-icon);
	height: 5.6rem;
	inset-block-start: -1.8666666667rem;
	inset-inline-start: -1.8666666667rem;
	line-height: 5.6rem;
	opacity: 0;
	position: absolute;
	text-align: center;
	transition: opacity .3s .3s;
	width: 5.6rem
}

.bg--type-accent .playing-card__status {
	--color-status-background: var(--color-theme-contrast);
	--box-shadow-status: 0 4px 5px 0px #0003;
	--color-status-icon: var(--color-theme-contrast-complementary)
}

.bg--card-transparent.bg--type-image .playing-card__status {
	--color-status-background: #000;
	--color-status-icon: #fff
}

.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__status {
	--color-status-background: #fff;
	--color-status-icon: #000
}

.playing-card__status .icon-check {
	font-size: 1.7rem;
	line-height: inherit
}

.playing-card--fail .playing-card__content {
	animation: shake .4s ease-in-out 0s
}

.restart-button {
	--restart-border-color: #0003;
	border-block-start: .1rem solid var(--restart-border-color);
	color: var(--deck-restart-button-color, #000);
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: .08em;
	max-width: 20rem;
	min-height: 9rem;
	overflow: hidden;
	padding-block: 2rem;
	padding-inline: 2.4rem;
	text-transform: uppercase;
	transition: color .3s
}

.restart-button [class*=icon-] {
	display: block;
	font-size: 2.2rem;
	margin-block-start: 1rem
}

.bg--type-black .restart-button,
.bg--type-dark .restart-button,
.bg--type-image .restart-button {
	--deck-restart-button-color: #fff;
	--restart-border-color: #fff3
}

.bg--type-image.bg--overlay-light .restart-button {
	--deck-restart-button-color: #000;
	--restart-border-color: #0003
}

.bg--type-accent .restart-button {
	--restart-border-color: rgba(var(--color-theme-contrast-rgb, #000), 0.2)
}

.bg--type-color .restart-button {
	--restart-border-color: rgba(var(--color-background-contrast-rgb, #000), 0.2)
}

@keyframes ok {
	0% {
		transform: scale(1) translateZ(0)
	}

	30% {
		transform: scale(.8) translateZ(0)
	}

	70% {
		transform: scale(.8) translateZ(0)
	}

	to {
		transform: scale(.8) translate3d(0, 40rem, 0)
	}
}

@keyframes check {
	0% {
		opacity: 0;
		transform: scale(.5)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.pile {
	--color-border-block-start: var(--color-theme);
	--color-border-dashed: #000c;
	--color-title: #313537cc;
	box-sizing: border-box;
	flex: 1 1 50%;
	margin-block: 0 1rem;
	margin-inline: 0;
	overflow: hidden;
	padding-block: 0;
	padding-inline: .5rem;
	perspective: 30rem;
	position: relative;
	width: 30rem
}

@media(min-width:67.5em) {
	.pile {
		flex: 1 1 0%
	}
}

@media(min-width:48em) {
	.pile {
		margin-block: 0 3rem;
		margin-inline: 0;
		padding-block: 0;
		padding-inline: 1.5rem
	}
}

@media(max-width:30em) {
	.pile {
		flex-grow: 0
	}
}

.pile__title {
	color: var(--color-title);
	font-family: var(--font-family-head);
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	word-wrap: break-word
}

@media(min-width:37.5em) {
	.pile__title {
		font-size: 1.6rem
	}
}

@media print {
	.pile__title {
		margin-block: 1.5rem;
		margin-inline: 1.5rem
	}
}

.bg--type-black .pile__title,
.bg--type-dark .pile__title {
	--color-title: #fff
}

.bg--type-image .pile__title {
	--color-title: #000
}

.bg--type-image.bg--overlay-light .pile__title {
	--color-title: #fff
}

.bg--type-accent .pile__title {
	--color-title: var(--color-theme-contrast, #000)
}

.bg--type-accent.bg--card-transparent .pile__title {
	--color-title: var(--color-text, var(--color-theme-contrast))
}

.bg--type-color .pile__title {
	--color-title: var(--color-background-contrast, #000)
}

.bg--type-color.bg--card-transparent .pile__title {
	--color-title: var(--color-text, var(--color-background-contrast))
}

.pile__title--is-max-length {
	font-size: clamp(.9rem, 3vw, 1.8rem)
}

.pile__message {
	inset-block-start: 50%;
	inset-inline-start: 0;
	max-height: 100%;
	overflow-wrap: break-word;
	padding-block: 0;
	padding-inline: clamp(0rem, 1vw, 1.5rem);
	position: absolute;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}

@media print {
	.pile__message {
		padding-block: 0;
		padding-inline: 0
	}
}

.pile__wrapwrap {
	margin-block: 0;
	margin-inline: auto;
	max-width: 30rem;
	position: relative
}

.pile__wrap {
	border: .1rem dashed var(--color-border-dashed);
	border-radius: .4rem;
	padding-block: 1.5rem;
	padding-inline: 1.5rem;
	position: relative;
	-webkit-user-select: none;
	user-select: none
}

.bg--type-accent .pile__wrap,
.bg--type-black .pile__wrap,
.bg--type-color .pile__wrap,
.bg--type-dark .pile__wrap,
.bg--type-image .pile__wrap,
.bg--type-tint .pile__wrap {
	--color-background: none
}

.bg--type-black .pile__wrap,
.bg--type-dark .pile__wrap {
	--color-border-dashed: #fffc
}

.bg--type-image.bg--overlay-light .pile__wrap {
	--color-border-dashed: #fff
}

.bg--type-accent .pile__wrap {
	--color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
	--color-border-dashed: rgba(var(--color-theme-contrast-rgb, #000), 0.8)
}

.bg--type-color .pile__wrap {
	--color-theme-contrast-rgb: var(--color-background-contrast-rgb);
	--color-border-dashed: rgba(var(--color-theme-contrast-rgb, #000), 0.8)
}

.pile__wrap:after {
	content: "";
	display: block;
	height: 0;
	padding-block-end: 66.666666%
}

.pile__background {
	background: #0000001a;
	border-radius: .4rem;
	inset-block: -.1rem;
	inset-inline: -.1rem;
	opacity: .99;
	position: absolute;
	transition: opacity .3s
}

.bg--range-med .pile__background {
	background: #00000059
}

.bg--range-dark .pile__background {
	background: #0006
}

.bg--range-near-black .pile__background {
	background: #ffffff1a
}

.bg--type-image .pile__background {
	background: #ffffffb3
}

.bg--type-image.bg--overlay-light .pile__background {
	background: #000000b3
}

.pile__content {
	inset-block: 0;
	inset-inline: 0;
	outline-offset: -.5rem;
	padding-block: 2.5rem;
	padding-inline: 2.5rem;
	pointer-events: none;
	position: absolute;
	z-index: 2
}

.pile__content.drop-target+.pile__background {
	opacity: 0
}

.pile__content.drop-animating {
	outline-style: none
}

.pile__content.drop-success+.pile__background {
	opacity: 0
}

.pile .playing-card__content {
	color: #000
}

.pile .playing-card:nth-child(n) {
	opacity: 0
}

.pile .playing-card:last-child {
	height: 100%;
	inset-block-start: 0;
	inset-inline-start: 0;
	opacity: 1;
	position: absolute;
	transition: all .3s
}

.pile .playing-card {
	animation: ok 1.5s forwards;
	inset-block-start: 200%;
	transform: translateZ(-3rem);
	z-index: 3
}

.pile .playing-card__status {
	animation: check .3s .2s forwards
}

.pile .playing-card__title {
	font-size: 1.2rem;
	font-weight: 700
}

@media(min-width:37.5em) {
	.pile .playing-card__title {
		font-size: 2rem
	}
}

.pile .playing-card__title--is-max-length {
	font-size: clamp(.8rem, 1vw, 2rem)
}

.block-mondrian__fallback {
	display: block;
	height: auto;
	max-width: 100%
}

.block-html {
	display: block;
	height: max(10rem, var(--block-html-height, 0px));
	margin-block: 0;
	margin-inline: auto;
	width: 100%
}

.block-html--auto-resize {
	overflow: hidden
}

.block-html--width-small {
	max-width: 76rem
}

.block-html--width-medium {
	max-width: 110rem
}

.block-html--width-full {
	width: 100%
}

.block-html__error {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media print {
	.block-timeline {
		background-color: #fff !important
	}
}

.block-timeline .timeline {
	padding-block: 5rem;
	padding-inline: 2rem
}

.block-timeline .timeline__container>div {
	width: 100%
}

@media(min-width:48em) {
	.block-timeline .timeline__container>div {
		max-width: 95%;
		width: 80rem
	}
}

.block-timeline .timeline__container>.timeline-card:first-child:after,
.block-timeline .timeline__container>div:first-child .timeline-card:after {
	border: none
}

.block-timeline .timeline__container>.timeline-card:last-child,
.block-timeline .timeline__container>div:last-child .timeline-card {
	margin-block-end: 0
}

.page__content-container {
	opacity: 1
}

.timeline {
	--color-border-connector: #0000001a
}

.bg--range-dark .timeline,
.bg--range-near-black .timeline,
.bg--type-image:not(.bg--overlay-light) .timeline {
	--color-border-connector: #fff3
}

.timeline__container {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2
}

@media print {
	.timeline__container {
		background-color: #fff;
		margin-block: 0;
		margin-inline: 0;
		padding-block-end: 0
	}
}

.timeline__card-wrapper {
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.timeline__card-wrapper {
		max-width: 95%;
		width: 80rem
	}
}

.timeline__card-wrapper:after {
	border: 1px solid var(--color-border-connector);
	content: "";
	height: 6.7rem;
	inset-block-start: -7rem;
	inset-inline-start: 50%;
	position: absolute
}

.timeline__card-wrapper:first-child:after {
	border: none
}

.timeline__card-wrapper:last-child {
	margin-block-end: 0
}

.timeline-card {
	border-radius: .4rem;
	box-sizing: initial;
	margin-block: 0 7rem;
	margin-inline: auto;
	pointer-events: none;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	width: 100%
}

.timeline-card:before {
	border-radius: .4rem 0 0 .4rem;
	box-shadow: 0 0 1rem 0 #0000001a;
	content: "";
	inset-block: 0;
	inset-inline: 0;
	position: absolute
}

.timeline-card__body {
	backface-visibility: hidden;
	border-radius: .4rem;
	box-shadow: 0 0 1rem 0 #0000;
	min-height: 21rem;
	opacity: .93;
	outline: .1rem solid #0000;
	overflow: hidden;
	padding-block: 3rem 4rem;
	padding-inline: 2rem;
	position: relative;
	transform-style: preserve-3d;
	transition: opacity .3s
}

@media print {
	.timeline-card__body {
		opacity: 1
	}
}

.timeline-card__body:before {
	background-color: var(--color-theme);
	border-radius: .4rem 0 0 .4rem;
	content: "";
	inset-block: 0;
	inset-inline-start: 0;
	opacity: .4;
	position: absolute;
	transition: opacity .3s;
	width: .4rem
}

.bg--type-accent .timeline-card__body:before,
.bg--type-image.bg--card-transparent .timeline-card__body:before {
	content: none
}

@media print {
	.timeline-card__body:before {
		opacity: 1
	}
}

.timeline-card--active .timeline-card__body {
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: text;
	user-select: text
}

.timeline-card--active .timeline-card__body:before {
	opacity: 1
}

.timeline-card__main-wrap {
	opacity: .25;
	transition: opacity .3s
}

@media print {
	.timeline-card__main-wrap {
		opacity: 1
	}
}

.timeline-card--active .timeline-card__main-wrap {
	opacity: 1
}

.timeline-card__date {
	--color-date: var(--color-theme-decorative);
	color: var(--color-date, var(--color-theme));
	font-family: var(--font-family-body);
	font-style: italic;
	font-weight: 700;
	margin-block-end: 1rem
}

.timeline-card__date h2,
.timeline-card__date h3,
.timeline-card__date h4 {
	font-family: var(--font-family-head)
}

.timeline-card__date h2 {
	font-size: 2rem
}

@media print {
	.timeline-card__date h2 {
		font-size: 1.5rem
	}
}

.timeline-card__date h3 {
	font-size: 1.8rem
}

@media print {
	.timeline-card__date h3 {
		font-size: 1.3rem
	}
}

.timeline-card__date h4 {
	font-size: 1.6rem
}

@media print {
	.timeline-card__date h4 {
		font-size: 1.1rem
	}
}

.timeline-card__title {
	color: var(--color-text);
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .02rem;
	line-height: 1.85;
	margin-block-end: 1rem
}

.timeline-card__title,
.timeline-card__title h3,
.timeline-card__title h4,
.timeline-card__title h5 {
	font-family: var(--font-family-head)
}

.timeline-card__title h3 {
	font-size: 2rem
}

@media print {
	.timeline-card__title h3 {
		font-size: 1.5rem
	}
}

.timeline-card__title h4 {
	font-size: 1.8rem
}

@media print {
	.timeline-card__title h4 {
		font-size: 1.3rem
	}
}

.timeline-card__title h5 {
	font-size: 1.6rem
}

@media print {
	.timeline-card__title h5 {
		font-size: 1.1rem
	}
}

.timeline-card__description {
	color: var(--color-text);
	font-family: var(--font-family-body);
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.9411764706
}

@media print {
	.timeline-card__description {
		font-size: 1.3rem;
		margin-block-end: 2rem
	}
}

.timeline-card__description .fr-view h3,
.timeline-card__description .fr-view h4,
.timeline-card__description .fr-view h5 {
	font-family: var(--font-family-head);
	font-weight: 700;
	letter-spacing: .02rem;
	line-height: 1.85;
	margin-block: 1rem;
	padding-block: 0;
	padding-inline: 0
}

.timeline-card__description .fr-view h3 {
	font-size: 2rem
}

@media print {
	.timeline-card__description .fr-view h3 {
		font-size: 1.5rem
	}
}

.timeline-card__description .fr-view h4 {
	font-size: 1.8rem
}

@media print {
	.timeline-card__description .fr-view h4 {
		font-size: 1.3rem
	}
}

.timeline-card__description .fr-view h5 {
	font-size: 1.6rem
}

@media print {
	.timeline-card__description .fr-view h5 {
		font-size: 1.1rem
	}
}

.timeline-card__media {
	border: none
}

.timeline-card__media--audio {
	margin-block-end: 1rem
}

.timeline-card__media--image-with-audio {
	margin-block-start: var(--arc-space-2-5);
	position: relative;
	width: fit-content
}

.timeline-card__media--image-with-audio-left {
	margin-inline-end: auto
}

.timeline-card__media--image-with-audio-right {
	margin-inline-start: auto
}

.timeline-card__media--image-with-audio-center {
	margin-inline: auto
}

.timeline-card__media--image-with-audio-fill {
	width: 100%
}

.timeline-card__media--audio-and-embed,
.timeline-card__media--audio-on-bottom {
	margin-block-start: var(--arc-space-2-5)
}

.timeline-card__media--linkEmbed {
	margin-block-end: 2rem
}

.timeline-card__media--videoEmbed {
	margin-block: 2rem 3rem
}

.timeline-card__media--visual {
	margin-block-start: 3rem
}

.timeline-card .embed,
.timeline-card .figure-video,
.timeline-card .img {
	line-height: 0;
	margin-block-end: 0
}

@media(min-width:48em) {
	.timeline-card__body {
		padding-block: 5rem 6rem;
		padding-inline: 5rem
	}
}

.unsupported-block {
	align-items: center;
	display: flex;
	height: 10rem;
	justify-content: center
}

.block-chart__cartesian {
	display: flex;
	flex-direction: column
}

.block-chart__cartesianChart {
	margin-block: 0;
	margin-inline: 3rem 2rem;
	position: relative
}

@media(min-width:60em) {
	.block-chart__cartesianChart {
		margin-block: 0;
		margin-inline: 0
	}
}

.block-chart__cartesian-canvas-wrap {
	height: 100%;
	width: 100%
}

.block-chart__cartesianLabelX~.block-chart__cartesian-canvas-wrap {
	margin-block-end: 4.3rem
}

.block-chart__cartesianLabelX,
.block-chart__cartesianLabelY {
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .03rem
}

.block-chart__cartesianLabelX {
	inset-block-start: calc(100% - 1.8rem);
	inset-inline: -1rem 0;
	position: absolute;
	text-align: center;
	white-space: nowrap
}

@media(min-width:60em) {
	.block-chart__cartesianLabelX {
		margin-inline-start: 1rem
	}
}

.block-chart__cartesianLabelY {
	inset-block-start: -2rem;
	inset-inline-end: 50%;
	position: absolute;
	transform: translateY(-50%);
	white-space: nowrap;
	writing-mode: sideways-lr
}

[dir=rtl] .block-chart__cartesianLabelY {
	writing-mode: sideways-rl
}

@media(forced-colors:active) {

	.block-chart__cartesianLabelX,
	.block-chart__cartesianLabelY {
		background: #0000 !important;
		border: none !important;
		color: initial !important;
		forced-color-adjust: none
	}

	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLabelX,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLabelY {
		color: FieldText !important
	}

	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLabelX,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLabelY {
		color: #000 !important
	}

	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLabelX,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLabelY {
		color: #fff !important
	}
}

.block-chart__cartesianLegend {
	align-self: center;
	border-block-start: .1rem solid #0000004d;
	cursor: default;
	font-size: 1.2rem;
	margin-block: 1.5rem;
	margin-inline: auto;
	padding-block: 1.5rem 0;
	padding-inline: 1rem
}

.block-chart__container--darkTheme .block-chart__cartesianLegend {
	border-top-color: #ffffff80
}

@media(forced-colors:active) {

	.block-chart__cartesianLegend,
	.block-chart__cartesianLegend .block-chart__cartesianLegendDefn,
	.block-chart__cartesianLegend .block-chart__cartesianLegendDefnPipe,
	.block-chart__cartesianLegend .block-chart__cartesianLegendDefnVal,
	.block-chart__cartesianLegend .block-chart__cartesianLegendItem,
	.block-chart__cartesianLegend .block-chart__cartesianLegendTerm {
		background: #0000 !important;
		border: none !important;
		color: initial !important;
		forced-color-adjust: none
	}

	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend .block-chart__cartesianLegendDefn,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend .block-chart__cartesianLegendDefnPipe,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend .block-chart__cartesianLegendDefnVal,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend .block-chart__cartesianLegendItem,
	.block-wrapper:not(.bg--type-image) .block-chart__cartesianLegend .block-chart__cartesianLegendTerm {
		color: FieldText !important
	}

	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend .block-chart__cartesianLegendDefn,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend .block-chart__cartesianLegendDefnPipe,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend .block-chart__cartesianLegendDefnVal,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend .block-chart__cartesianLegendItem,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__cartesianLegend .block-chart__cartesianLegendTerm {
		color: #000 !important
	}

	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend .block-chart__cartesianLegendDefn,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend .block-chart__cartesianLegendDefnPipe,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend .block-chart__cartesianLegendDefnVal,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend .block-chart__cartesianLegendItem,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__cartesianLegend .block-chart__cartesianLegendTerm {
		color: #fff !important
	}
}

.block-chart__cartesianLegendItem {
	margin-block-end: 1rem
}

.block-chart__cartesianLegendItem--unfocused {
	opacity: .5
}

.block-chart__cartesianLegendDefn,
.block-chart__cartesianLegendTerm {
	display: inline
}

.block-chart__cartesianLegendDefn {
	margin-inline-start: .8rem
}

.block-chart__cartesianLegendDefnPipe {
	color: #00000080;
	margin-block: 0;
	margin-inline: .4rem
}

.block-chart__container--darkTheme .block-chart__cartesianLegendDefnPipe {
	color: #ffffff80
}

.block-chart__cartesianLegendDefnVal {
	font-weight: 700
}

.block-chart__circle {
	display: flex;
	flex-direction: column;
	margin-block: 4rem 2rem;
	position: relative
}

.block-chart__circleChart {
	height: 25rem;
	margin-block: 0;
	margin-inline: 1rem
}

@media(min-width:22.5em) {
	.block-chart__circleChart {
		height: 35rem
	}
}

.block-chart__circle-canvas-wrap {
	height: 100%;
	width: 100%
}

.block-chart__circleLegend {
	align-self: center;
	cursor: default;
	margin-block-start: 2.15rem
}

.block-chart__circleLegend--border .block-chart__circleLegendSymbol {
	border: 1px solid var(--color-text)
}

@media(forced-colors:active) {
	.block-chart__circleLegend--border .block-chart__circleLegendSymbol {
		border-color: CanvasText
	}
}

@media(min-width:67.5em) {

	.author-layout .block-chart__circleLegend,
	.lesson--preview .block-chart__circleLegend,
	.lesson:not(.lesson--open) .block-chart__circleLegend {
		inset-block-start: 50%;
		inset-inline-start: 80%;
		margin-block-start: 0;
		position: absolute;
		transform: translateY(-50%)
	}
}

@media(min-width:80em) {
	.lesson.lesson--open .block-chart__circleLegend {
		inset-block-start: 50%;
		inset-inline-start: 80%;
		margin-block-start: 0;
		position: absolute;
		transform: translateY(-50%)
	}
}

.block-chart__circleLegendItem {
	padding-block: .55rem;
	padding-inline: 0;
	white-space: nowrap
}

.block-chart__circleLegendItem--unfocused {
	opacity: .5
}

.block-chart__circleLegendTerm {
	align-items: center;
	display: inline-flex;
	vertical-align: middle
}

.block-chart__circleLegendSymbol {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 1.6rem;
	margin-inline-end: 1rem;
	width: 1.6rem
}

.block-chart__circleLegendText {
	font-size: 1.2rem;
	font-weight: 700
}

@media(forced-colors:active) {

	.block-chart__circleLegendItem,
	.block-chart__circleLegendItem .block-chart__circleLegendText {
		background: #0000 !important;
		border: none !important;
		color: initial !important;
		forced-color-adjust: none
	}

	.block-wrapper:not(.bg--type-image) .block-chart__circleLegendItem,
	.block-wrapper:not(.bg--type-image) .block-chart__circleLegendItem .block-chart__circleLegendText {
		color: FieldText !important
	}

	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__circleLegendItem,
	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__circleLegendItem .block-chart__circleLegendText {
		color: #000 !important
	}

	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__circleLegendItem,
	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__circleLegendItem .block-chart__circleLegendText {
		color: #fff !important
	}
}

.block-chart {
	font-family: var(--font-family-ui);
	padding-block: 3rem;
	padding-inline: 0;
	transition: padding-block .5s, padding-inline .5s
}

.block-chart__container {
	margin-inline: auto;
	max-width: 92rem;
	width: 100%
}

.block-chart__container--darkTheme {
	color: #fff
}

@media(min-width:52.5em) {
	.block-chart__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.block-chart__row:after,
	.block-chart__row:before {
		content: " ";
		display: table
	}

	.block-chart__row:after {
		clear: both
	}

	.block-chart__rowInner {
		margin-block: 0;
		margin-inline: auto;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 83.33333%
	}
}

.block-chart__title {
	font-family: var(--font-family-head);
	letter-spacing: .05rem;
	margin-block: 0;
	margin-inline: 2rem;
	text-align: center
}

@media(min-width:60em) {
	.block-chart__title {
		margin-block: 0;
		margin-inline: 0
	}
}

h2.block-chart__title {
	font-size: 2.4rem
}

h3.block-chart__title {
	font-size: 2.2rem
}

h4.block-chart__title {
	font-size: 1.8rem
}

h5.block-chart__title {
	font-size: 1.6rem
}

.block-chart__chart {
	position: relative
}

@media(forced-colors:active) {
	.block-chart__title {
		background: #0000 !important;
		border: none !important;
		color: initial !important;
		forced-color-adjust: none
	}

	.block-wrapper:not(.bg--type-image) .block-chart__title {
		color: FieldText !important
	}

	.block-wrapper.bg--type-image.bg--overlay-light .block-chart__title {
		color: #000 !important
	}

	.block-wrapper.bg--type-image:not(.bg--overlay-light) .block-chart__title {
		color: #fff !important
	}
}

.lesson-main:focus {
	outline: none
}

@keyframes slideIn {
	0% {
		height: 100vh;
		transform: translateY(100%)
	}

	to {
		height: 100vh;
		transform: translate(0)
	}
}

@keyframes slideInMobile {
	0% {
		height: 100vh;
		transform: translate3d(0, 100%, 0)
	}

	to {
		height: 100vh;
		transform: translateZ(0)
	}
}

@keyframes slideOut {
	0% {
		height: 100vh;
		opacity: 1;
		overflow: hidden;
		transform: translate(0)
	}

	to {
		height: 100vh;
		opacity: .5;
		overflow: hidden;
		transform: translateY(-100%)
	}
}

@keyframes slideInExit {
	0% {
		height: 100vh;
		transform: translate3d(0, -100%, 0)
	}

	to {
		height: 100vh;
		transform: translateZ(0)
	}
}

@keyframes slideInExitMobile {
	0% {
		height: 100vh;
		transform: translate3d(0, -100%, 0)
	}

	to {
		height: 100vh;
		transform: translateZ(0)
	}
}

@keyframes slideOutExit {
	0% {
		height: 100vh;
		opacity: 1;
		overflow: hidden;
		transform: translateZ(0)
	}

	to {
		height: 100vh;
		opacity: .5;
		overflow: hidden;
		transform: translate3d(0, 100%, 0)
	}
}

.page-wrap {
	overflow: hidden
}

.page,
.page-wrap {
	position: relative
}

.page {
	min-height: 100%
}

.page__content {
	opacity: 0;
	transform: none;
	transition-duration: .6s;
	transition-property: transform, opacity
}

.page__content--appear {
	opacity: 1
}

.page-transition-back-enter .page__content,
.page-transition-enter .page__content {
	opacity: 0;
	transform: translate3d(0, -3rem, 0)
}

.page-transition-back-complete .page__content,
.page-transition-complete .page__content {
	opacity: 1;
	transform: none
}

.page__wrapper {
	background-color: #f5f5f5;
	min-height: 100vh;
	min-height: 100svh;
	position: relative;
	transition-duration: .75s;
	transition-property: transform
}

.page__wrapper--white {
	background-color: #fff
}

.page__container {
	min-height: 100vh
}

.page-wrap {
	height: 100%;
	overflow: hidden auto
}

.page-wrap--noscroll {
	overflow-y: hidden
}

.page-view {
	height: 100%;
	overflow: hidden
}

.page-transition {
	position: relative
}

.page-transition-enter {
	position: relative;
	z-index: 1
}

.page-transition-enter .page__wrapper {
	animation: slideInMobile .75s
}

@media(min-width:48em) {
	.page-transition-enter .page__wrapper {
		animation: slideIn .75s
	}
}

@media(max-width:59.9375em) {
	.page-transition-enter .page__wrapper {
		animation: slideIn .75s .3s
	}
}

@media(max-width:47.9375em) {
	.page-transition-enter .page__wrapper {
		animation: slideInMobile .75s .3s
	}
}

.page-transition-leave {
	animation: slideOut .75s forwards;
	height: 100vh;
	inset-block-start: 0;
	inset-inline: 0;
	opacity: 1;
	overflow: hidden;
	position: absolute !important;
	transition: opacity .75s;
	z-index: 2
}

@media(max-width:59.9375em) {
	.page-transition-leave {
		animation: slideOut .75s .3s forwards
	}
}

.page-transition-back {
	position: relative
}

.page-transition-back-enter {
	opacity: .99;
	position: relative;
	transition: opacity .75s;
	z-index: 1
}

.page-transition-back-enter .page__wrapper {
	animation: slideInExitMobile .75s
}

@media(min-width:48em) {
	.page-transition-back-enter .page__wrapper {
		animation: slideInExit .75s
	}
}

@media(max-width:59.9375em) {
	.page-transition-back-enter .page__wrapper {
		animation: slideInExit .75s .3s
	}
}

@media(max-width:47.9375em) {
	.page-transition-back-enter .page__wrapper {
		animation: slideInExitMobile .75s .3s
	}
}

.page-transition-back-leave {
	animation: slideOutExit .75s forwards;
	height: 100vh;
	inset-block-start: 0;
	inset-inline: 0;
	opacity: 1;
	overflow: hidden;
	position: absolute !important;
	transition: opacity .75s;
	z-index: 2
}

@media(max-width:59.9375em) {
	.page-transition-back-leave {
		animation: slideOutExit .75s .3s forwards
	}
}

.page__menu {
	inset-block-start: 0;
	padding-block: 1.7rem;
	padding-inline: 1.7rem;
	position: absolute;
	width: 100%;
	z-index: 10
}

.lesson--preview .page__menu {
	display: none
}

.page-menu-toggle {
	color: #000;
	cursor: pointer;
	display: flex;
	inset-block-start: -.8rem;
	inset-inline-start: -1rem;
	padding-block: 1rem;
	padding-inline: 1rem;
	position: relative
}

.page-menu-toggle--dark {
	color: #fff
}

.page-menu-toggle__icon {
	height: 1rem;
	width: 1.5rem
}

@media(min-width:48em) {
	.page-menu-toggle__icon {
		height: 1.4rem;
		width: 2rem
	}
}

.page--lessonTypeQuiz .page-menu-toggle--dark {
	color: #000
}

.page-lesson-wrap {
	display: flex;
	flex-direction: column;
	height: 100%
}

.page-lesson {
	flex: 1 1 auto;
	position: relative
}

.page__content--preview-nav {
	opacity: 1;
	transform: none;
	transition: none
}

.lesson-one-page-scroll .page__content,
.lesson-one-page-slides .page__content {
	opacity: 1
}

.progress-summary {
	min-height: 100vh;
	padding-block: 0 5rem;
	padding-inline: 10rem;
	position: relative
}

@media(max-width:64em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 9rem
	}
}

@media(max-width:59.9375em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 10rem
	}
}

@media(max-width:47.9375em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 8rem
	}
}

@media(max-width:42.4375em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 6rem
	}
}

@media(max-width:33.6875em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 4rem
	}
}

@media(max-width:29.9375em) {
	.progress-summary {
		padding-block: 0 5rem;
		padding-inline: 2rem
	}
}

.progress-summary__no-req {
	align-items: center;
	display: flex;
	flex-direction: column
}

.progress-summary__confetti {
	inset-block-start: 0;
	inset-inline-start: 0;
	position: fixed
}

.progress-summary__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-block: 6rem 5rem
}

@media(max-width:42.4375em) {
	.progress-summary__header {
		align-items: flex-start;
		flex-direction: column
	}
}

.progress-summary__no-req .progress-summary__header {
	align-items: center;
	border-block-end: 1px solid #e5e5e5;
	flex-direction: column;
	justify-content: unset;
	padding-block: 7rem 3rem;
	width: 50rem
}

@media(max-width:42.4375em) {
	.progress-summary__no-req .progress-summary__header {
		width: 100%
	}
}

.progress-summary__header-title {
	color: #000;
	font-family: Lato;
	font-size: 3.6rem;
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
	letter-spacing: .02rem;
	line-height: normal
}

@media(max-width:42.4375em) {
	.progress-summary__header-title {
		margin-block-end: .8rem
	}
}

@media(max-width:29.9375em) {
	.progress-summary__header-title {
		font-size: 3.2rem
	}
}

.progress-summary__no-req .progress-summary__header-title {
	margin-block-end: 1rem
}

.progress-summary__header-trophy {
	height: 2.2rem;
	margin-inline-end: .8rem;
	width: 2.2rem
}

.progress-summary__header-completion-date {
	display: flex;
	font-size: 1.5rem;
	justify-content: center;
	letter-spacing: .02rem
}

.progress-summary__header-due {
	border: .1rem solid;
	border-radius: .4rem;
	font-family: Lato;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: .04rem;
	padding-block: .5rem;
	padding-inline: 1.2rem;
	text-transform: uppercase
}

@media(max-width:42.4375em) {
	.progress-summary__header-due {
		display: flex;
		justify-content: center;
		margin-block-start: 1rem;
		width: 100%
	}
}

.progress-summary__section {
	display: flex;
	flex-direction: column
}

.progress-summary__no-req .progress-summary__section {
	align-items: center
}

.progress-summary__lessons-completed {
	color: #000;
	font-size: 1.5rem;
	letter-spacing: .008rem
}

.progress-summary__start-over {
	align-items: center;
	color: #000;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .05rem;
	margin-block: 3rem 2rem;
	text-decoration: none;
	text-transform: uppercase
}

.progress-summary__start-over-icon {
	color: #000;
	font-size: 1.5rem;
	margin-block-start: .8rem;
	transform: rotate(180deg)
}

.progress-summary__requirements-met {
	color: #61737c;
	font-size: 1.5rem;
	margin-block-end: 1.5rem
}

.progress-summary__requirements {
	margin-block-start: 1rem
}

.progress-summary__completion-controls {
	display: flex;
	margin-block-start: 4rem
}

@media(max-width:42.4375em) {
	.progress-summary__completion-controls {
		flex-direction: column
	}
}

.progress-summary__no-req .progress-summary__completion-controls {
	margin-block-start: 3rem
}

.progress-summary__completion-control {
	display: flex;
	justify-content: center;
	margin-inline-end: 2rem
}

@media(max-width:42.4375em) {
	.progress-summary__completion-control {
		margin-block-end: 2rem;
		margin-inline-end: 0;
		width: 100%
	}
}

.progress-summary__completion-control:last-child {
	margin-inline-end: 0
}

@media(max-width:42.4375em) {
	.progress-summary__completion-control:last-child {
		margin-block-end: 0
	}
}

.progress-summary__btn-back {
	background-color: var(--color-theme);
	border-radius: 8rem;
	color: var(--color-theme-contrast, #fff);
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .1rem;
	padding-block: 1rem;
	padding-inline: 3rem;
	text-transform: uppercase
}

.progress-summary__requirement {
	align-items: center;
	border-block-start: .1rem solid #eee;
	display: flex;
	justify-content: space-between;
	padding-block: 2rem;
	padding-inline: 0
}

.progress-summary__requirement:last-child {
	border-block-end: .1rem solid #eee
}

.progress-summary__requirement-stats-wrap {
	width: 100%
}

.progress-summary__requirement-title {
	color: #000;
	font-family: Lato;
	font-size: 1.8rem;
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .02rem;
	line-height: normal;
	margin-block-end: 1rem
}

@media(max-width:29.9375em) {
	.progress-summary__requirement-title {
		font-size: 1.6rem
	}
}

.progress-summary__requirement-stats {
	align-items: center;
	color: #000;
	display: flex;
	font-family: Lato;
	font-size: 1.5rem
}

@media(max-width:42.4375em) {
	.progress-summary__requirement-stats {
		align-items: flex-start;
		flex-direction: column
	}
}

.progress-summary__requirement-stats>:first-child {
	border-inline-end: 1px solid #d8d8d8;
	max-width: 50%;
	padding-inline-end: 1.2rem
}

@media(max-width:42.4375em) {
	.progress-summary__requirement-stats>:first-child {
		border-inline-end: none;
		max-width: unset;
		padding-inline-end: 0
	}
}

.progress-summary__requirement-stats>:last-child {
	margin-inline-start: 1.2rem;
	max-width: 50%
}

@media(max-width:42.4375em) {
	.progress-summary__requirement-stats>:last-child {
		margin-block-start: .3rem;
		margin-inline-start: 0;
		max-width: unset
	}
}

.progress-summary__requirement-stats-link {
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: none
}

.progress-summary__requirement-stats-percent-achieved {
	font-weight: 700
}

.progress-summary__requirement-checkbox-empty {
	border: .2rem solid #8a8c8d;
	border-radius: .2rem;
	margin-inline: 1.3rem;
	min-height: 2.3rem;
	min-width: 2.3rem
}

.progress-summary__requirement-checkbox-checked {
	margin-inline: 1.3rem 1rem;
	min-height: 2.4rem;
	min-width: 2.6rem
}

.progress-summary__requirement-no-attempts {
	color: #e6251e;
	font-weight: 700;
	letter-spacing: .26px
}

.progress-summary__lp-next {
	height: 38.7rem
}

@media(max-width:42.4375em) {
	.progress-summary__lp-next {
		height: auto;
		margin-block-start: 4.8rem
	}
}

.progress-summary__lp-next-inner {
	align-items: center;
	display: flex;
	inset-block-end: 3rem;
	inset-inline-end: 3rem;
	position: absolute
}

@media(max-width:42.4375em) {
	.progress-summary__lp-next-inner {
		flex-direction: column;
		position: unset
	}
}

.progress-summary__lp-next-label {
	color: #6a737c;
	font-size: 1.6rem;
	letter-spacing: .032rem
}

.progress-summary__lp-next-label-icon path {
	fill: #6a737c
}

@media(max-width:42.4375em) {
	.progress-summary__lp-next-label-icon {
		transform: rotate(90deg)
	}
}

.progress-summary__lp-next-card {
	margin-inline-start: 3rem
}

@media(max-width:42.4375em) {
	.progress-summary__lp-next-card {
		margin-block-start: 2rem;
		margin-inline-start: 0
	}
}

@media(max-width:22.4375em) {
	.progress-summary__lp-next-card {
		margin-block-start: 2rem;
		margin-inline-start: 0
	}
}

.progress-summary-card__card {
	align-items: center;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 24.8rem
}

@media(max-width:42.4375em) {
	.progress-summary-card__card {
		width: 36.6rem
	}
}

@media(max-width:25.8125em) {
	.progress-summary-card__card {
		width: 32.7rem
	}
}

@media(max-width:22.4375em) {
	.progress-summary-card__card {
		width: 27.2rem
	}
}

@media(hover:hover) {

	.progress-summary-card__card:focus-within .progress-summary-card__title,
	.progress-summary-card__card:hover .progress-summary-card__title {
		text-decoration: underline
	}
}

.progress-summary-card__card:not(:hover) .progress-summary-card__title {
	text-decoration: none
}

.progress-summary-card__completed-label {
	color: #000;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-block-start: 0
}

.progress-summary-card__completed-date {
	font-weight: 700
}

.progress-summary-card__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	width: 100%
}

.progress-summary-card__course-info {
	display: flex;
	line-height: 2rem
}

.progress-summary-card__card--disabled {
	cursor: not-allowed
}

.progress-summary-card__card--disabled:focus-within .progress-summary-card__card--disabled__title,
.progress-summary-card__card--disabled:hover .progress-summary-card__card--disabled__title {
	cursor: not-allowed;
	text-decoration: none
}

.progress-summary-card__due-label {
	align-items: flex-end;
	color: #000;
	display: flex;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.8rem;
	text-transform: uppercase
}

.progress-summary-card__duration {
	color: #000;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	margin-inline-end: .8rem
}

.progress-summary-card__hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin-block: -1px 0;
	margin-inline: 0 -1px;
	overflow: hidden;
	padding-block: 0;
	padding-inline: 0;
	width: 1px
}

.progress-summary-card__image {
	background-color: var(--color-theme);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: .8rem;
	height: 14.4rem;
	outline: .1rem solid #0000;
	width: 24.8rem
}

@media(max-width:42.4375em) {
	.progress-summary-card__image {
		height: 21.2rem;
		width: 36.6rem
	}
}

@media(max-width:25.8125em) {
	.progress-summary-card__image {
		height: 19rem;
		width: 32.7rem
	}
}

@media(max-width:22.4375em) {
	.progress-summary-card__image {
		height: 15.8rem;
		width: 27.2rem
	}
}

.progress-summary-card__image-overlay {
	border-radius: .8rem;
	height: 14.4rem;
	opacity: .5;
	position: absolute;
	width: 24.8rem
}

@media(max-width:42.4375em) {
	.progress-summary-card__image-overlay {
		height: 21.2rem;
		width: 36.6rem
	}
}

@media(max-width:25.8125em) {
	.progress-summary-card__image-overlay {
		height: 19rem;
		width: 32.7rem
	}
}

@media(max-width:22.4375em) {
	.progress-summary-card__image-overlay {
		height: 15.8rem;
		width: 27.2rem
	}
}

@media(hover:hover) {

	.progress-summary-card__card:focus-within .progress-summary-card__image-overlay,
	.progress-summary-card__card:hover .progress-summary-card__image-overlay {
		background: linear-gradient(0deg, #0009, #0009)
	}
}

.progress-summary-card__card:not(:hover) .progress-summary-card__image-overlay--not-started {
	background: none
}

.progress-summary-card__card:not(:hover) .progress-summary-card__image-overlay--in-progress-completed,
.progress-summary-card__image-overlay--in-progress-completed {
	background: linear-gradient(0deg, #0003, #0003)
}

.progress-summary-card__image-overlay-bottom-bar {
	display: flex;
	justify-content: center;
	width: 100%
}

.progress-summary-card__image-wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: center;
	order: -1;
	position: relative
}

.progress-summary-card__title {
	color: #282828;
	cursor: pointer;
	display: -webkit-box;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.8rem;
	margin-block: 0;
	margin-inline: 0;
	overflow: hidden;
	text-align: start;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	width: 100%
}

.progress-summary-card__title-button {
	margin-block: 1.2rem;
	margin-inline: 0;
	width: 100%
}

.progress-summary-card__progress-bar-base {
	border-radius: 10rem;
	height: .5rem
}

.progress-summary-card__progress-bar-wrap {
	background: #fafafa80;
	border-radius: 10rem;
	height: .5rem;
	inset-block-end: .8rem;
	margin-block-start: .8rem;
	outline: .1rem solid #0000;
	position: absolute;
	width: calc(100% - 1.6rem)
}

@media(forced-colors:active) {
	.progress-summary-card__progress-bar-wrap {
		background: Canvas
	}
}

.progress-summary-card__progress-bar-wrap-dark {
	background: #00000080
}

@media(forced-colors:active) {
	.progress-summary-card__progress-bar-wrap-dark {
		background: Canvas
	}
}

.progress-summary-card__progress-bar-wrap-light {
	background: #fafafa80
}

@media(forced-colors:active) {
	.progress-summary-card__progress-bar-wrap-light {
		background: Canvas
	}
}

.progress-summary-card__progress-bar {
	background: #fff;
	border-radius: 10rem;
	height: .5rem;
	outline: .1rem solid #0000
}

@media(forced-colors:active) {
	.progress-summary-card__progress-bar {
		background: CanvasText
	}
}

.quiz {
	--color-text-error: #de1d1d
}

.quiz__wrap {
	min-height: 100vh;
	overflow: hidden;
	position: relative
}

@keyframes hidequizcard {
	0% {
		opacity: 1;
		transform: translateZ(0) rotateX(0deg) rotateY(0deg)
	}

	30% {
		opacity: 1;
		transform: translateZ(2rem) rotateX(0deg) rotateY(0deg)
	}

	99% {
		opacity: 1;
		transform: translate3d(0, 100%, 4rem) rotateX(-7deg) rotateY(5deg)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 100%, 4rem) rotateX(-7deg) rotateY(5deg)
	}
}

.quiz-item__wrap {
	margin-block-start: 3rem;
	margin-inline: 16rem
}

.quiz-item__card {
	inset-block-start: 0;
	inset-inline-start: 0;
	min-height: 100vh;
	overflow: hidden;
	perspective: 1000px;
	pointer-events: none;
	position: absolute;
	transform: translateZ(-3rem);
	transform-style: preserve-3d;
	width: 100%;
	z-index: 2
}

.quiz-item__card-wrap {
	min-height: 100vh;
	opacity: 0;
	transition: transform .75s 375ms, opacity .75s .75s
}

.quiz-item__card--done {
	animation: hidequizcard .9s forwards;
	opacity: 0;
	overflow: visible;
	z-index: 6
}

@media(prefers-reduced-motion:reduce) {
	.quiz-item__card--done {
		animation-duration: .01s
	}
}

.quiz-item__card--done>div:after {
	background: #f5f5f5;
	content: "";
	height: 50vh;
	inset-block-end: -25vh;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

.quiz-item__card--active {
	min-height: 100vh;
	pointer-events: auto;
	position: relative;
	transform: translateZ(0);
	z-index: 5
}

.quiz-item__card--active .quiz-item__card-wrap {
	opacity: 1;
	transition: transform .75s 375ms
}

.quiz-item__card--active .quiz-item__card-wrap:after {
	background: #f5f5f5;
	content: "";
	height: 50vh;
	inset-block-end: -25vh;
	inset-inline-start: 0;
	position: absolute;
	width: 100%
}

@media print {
	.quiz-item__card--active .quiz-item__card-wrap:after {
		display: none
	}
}

.quiz-item__card--active .quiz-item__card-wrap .quiz-card {
	transition: transform .75s 0s, opacity .75s .3s
}

.quiz-item__card--active .quiz-item__card-wrap .quiz-card__feedback {
	visibility: hidden
}

.quiz-item__card--active .quiz-item__card-wrap .quiz-card__feedback--active {
	visibility: visible
}

.quiz-item__card--next {
	height: 100vh;
	overflow: visible;
	z-index: 4
}

.quiz-item__card--next .quiz-item__card-wrap {
	opacity: 1;
	transition: transform .75s .45s, opacity .75s 1.35s
}

@media(min-width:33.75em)and (prefers-reduced-motion:no-preference) {
	.quiz-item__card--next .quiz-item__card-wrap {
		transform: translate3d(0, -1.5rem, -1.5rem)
	}
}

@media print {
	.quiz-item__card--next {
		display: none
	}
}

.quiz-item__card--penultimate {
	overflow: visible;
	z-index: 3
}

.quiz-item__card--penultimate .quiz-item__card-wrap {
	opacity: 1;
	transition: transform .75s 525ms, opacity .75s 1.5s
}

@media(min-width:33.75em) {
	.quiz-item__card--penultimate .quiz-item__card-wrap {
		transform: translate3d(0, -3rem, -3rem)
	}
}

@media print {
	.quiz-item__card--penultimate {
		display: none
	}
}

.quiz-timer {
	color: var(--ui-color-black);
	display: flex;
	font-family: var(--font-family-body);
	inset-block-start: .8rem;
	position: sticky
}

.quiz-timer--header-area,
.quiz-timer--nav-area {
	background-color: #fff;
	border-radius: .4rem;
	font-family: var(--font-family-serif);
	margin-inline: auto;
	min-width: max-content;
	padding-block: 0;
	padding-inline: .75rem;
	width: max-content
}

.quiz-timer--header-exit-btn-no-nav {
	margin-inline-end: 0
}

.quiz-timer--header-area {
	justify-content: center;
	margin-block: 1rem 0;
	margin-inline: auto;
	z-index: 1000
}

.quiz-timer__time {
	align-items: center;
	display: flex
}

.quiz-timer__icon {
	color: var(--ui-color-black);
	margin-inline-end: .8rem
}

.quiz-timer__desc {
	align-items: center;
	display: flex
}

.quiz-timer__label {
	margin-inline-end: .4rem
}

.quiz-timer__value {
	min-width: 4.8rem;
	text-align: center
}

.quiz-timer__hide {
	margin-inline-start: 1.2rem;
	text-decoration: underline
}

.quiz-timer__hide:hover {
	background-color: #eee
}

.quiz-timer__hide:only-child {
	margin-inline-start: 0
}

@media only screen and (min-width:60em) {

	.quiz-timer--header-area,
	.quiz-timer--nav-area {
		border: 1px solid #e4e4e4;
		padding-block: 0;
		padding-inline: 0
	}

	.quiz-timer--header-area .quiz-timer__time,
	.quiz-timer--nav-area .quiz-timer__time {
		padding-block: 1.2rem;
		padding-inline: 1.2rem
	}

	.quiz-timer--header-area .quiz-timer__hide,
	.quiz-timer--nav-area .quiz-timer__hide {
		border-inline-start: 1px solid #e4e4e4;
		margin-inline-start: 0;
		padding-block: 1.2rem;
		padding-inline: 1.2rem;
		text-decoration: none
	}

	.quiz-timer--header-area .quiz-timer__hide:only-child,
	.quiz-timer--nav-area .quiz-timer__hide:only-child {
		border-inline-start: none;
		margin-inline-start: 0
	}

	.quiz-timer--exit-course {
		inset-inline-end: 20px;
		margin-block: 0;
		margin-inline: auto
	}
}

.quiz-timer--header-area.quiz-timer--hide-timer,
.quiz-timer--nav-area.quiz-timer--hide-timer {
	display: none
}

.quiz-timer--cover-area {
	margin-block-end: 2rem
}

.quiz-timer--cover-area .quiz-timer__label {
	font-weight: 700
}

.quiz-timer-modal .modal__overlay {
	background-color: #0000004d
}

.quiz-timer-modal .modal__dialog {
	border-radius: .4rem;
	font-family: Lato, sans-serif;
	font-size: 1.6rem;
	max-width: 44rem;
	width: 100%
}

.quiz-timer-modal .modal__dialog .modal__heading-wrapper {
	font-weight: 700
}

.quiz-timer-modal .modal__dialog .modal__content {
	margin-block: 1.2rem;
	margin-inline: 2.4rem
}

.quiz-timer-modal .modal__dialog .modal__content p {
	margin-block: 3rem;
	margin-inline: 0
}

.quiz-timer-modal .modal__dialog .modal__content button {
	background-color: var(--color-theme);
	border-radius: 100px;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-block: 5rem 2rem;
	margin-inline: auto;
	padding-block: .8rem;
	padding-inline: 2.8rem;
	z-index: 1
}

@keyframes showFoot {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.quiz-end {
	background: #f5f5f5
}

.quiz-end__container {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
	padding-block: 5.5rem;
	padding-inline: .5rem;
	position: relative;
	z-index: 2
}

@media(min-width:45em) {
	.quiz-end__container {
		padding-block: 9rem;
		padding-inline: 6rem
	}
}

.quiz-results {
	box-sizing: border-box;
	max-width: 59rem;
	opacity: 0;
	padding-block: 3.5rem;
	padding-inline: 3.5rem;
	position: relative;
	width: 100%
}

.quiz-results--active {
	opacity: 1
}

@media(min-width:48em) {
	.quiz-results {
		padding-block: 8rem 0;
		padding-inline: 0
	}
}

.quiz-results__header {
	border-block-start: .1rem solid #d6d7d7;
	display: flex;
	justify-content: space-between;
	margin-block-end: 6rem;
	padding-block-start: 1.5rem
}

@media(min-width:48em) {
	.quiz-results__header {
		margin-block-end: 6rem
	}
}

.quiz-results__passing {
	display: none
}

@media(max-width:44.9375em) {
	.quiz-results__passing {
		display: block;
		font-size: 3.2rem
	}
}

.quiz-results__results {
	margin-block: 0;
	margin-inline: -3rem;
	position: relative
}

@media(min-width:48em) {
	.quiz-results__results {
		margin-block: 0;
		margin-inline: auto;
		width: 59rem
	}
}

.quiz-results__label {
	color: #707070;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.125;
	width: 50%
}

@media(min-width:48em) {
	.quiz-results__label {
		font-size: 3.2rem;
		width: 100%
	}
}

.quiz-results .restart-button__content {
	transform: translateZ(0);
	transition: transform .9s .1s
}

.quiz-results__footer {
	pointer-events: none;
	text-align: center;
	transition: opacity .9s
}

.quiz-results__footer--active {
	opacity: 1;
	pointer-events: inherit
}

.quiz-results__footer--hidden {
	opacity: 0
}

.quiz-results__footer--hidden .restart-button__content {
	transform: translate3d(0, -6.5rem, 0)
}

.odometer {
	max-width: 100%
}

.odometer__score {
	inset-block-start: 34%;
	inset-inline: 0;
	line-height: 2rem;
	margin-block: auto;
	margin-inline: auto;
	max-width: 22rem;
	position: absolute
}

.ie11 .odometer__score {
	inset-inline-start: 150px
}

.odometer__score--fail .odometer__score-label,
.odometer__score--pass .odometer__score-label {
	opacity: 0;
	transition: opacity .3s
}

@media(min-width:30em) {
	.odometer__score {
		inset-block-start: 37%;
		max-width: 30rem
	}
}

.odometer__score-label {
	color: #707070;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
	transition: opacity .3s .3s
}

@media(min-width:30em) {
	.odometer__score-label {
		font-size: 1rem
	}
}

.odometer__fail-label,
.odometer__pass-label {
	color: #0006;
	font-size: 1.2rem;
	font-weight: 900;
	inset-block-start: 0;
	inset-inline: 0;
	letter-spacing: .08em;
	margin-block: auto;
	margin-inline: auto;
	opacity: 0;
	position: absolute;
	text-align: center;
	transition: opacity .3s
}

@media(min-width:30em) {

	.odometer__fail-label,
	.odometer__pass-label {
		font-size: 1.4rem
	}
}

.odometer__pass-label {
	color: #50abf1
}

.odometer__fail-label {
	color: #000
}

.odometer__score--fail .odometer__fail-label,
.odometer__score--pass .odometer__pass-label,
.odometer__score-percent {
	opacity: 1;
	transition: opacity .3s .3s
}

.odometer__score-percent {
	font-size: 48px;
	font-weight: 200;
	line-height: 1.25;
	text-align: center
}

.odometer__score-percent--hidden {
	opacity: 0;
	transition: opacity .3s
}

@media(min-width:22.5em) {
	.odometer__score-percent {
		font-size: 64px
	}
}

@media(min-width:30em) {
	.odometer__score-percent {
		font-size: 82px
	}
}

.odometer__passmark {
	padding-block: 2rem 1rem;
	padding-inline: 4rem 1rem;
	position: absolute;
	transform: translateY(-80%);
	white-space: nowrap
}

@media(min-width:22.5em) {
	.odometer__passmark {
		padding-block: 1rem;
		padding-inline: 5.5rem 1rem;
		transform: translateY(-100%)
	}
}

@media(min-width:30em) {
	.odometer__passmark {
		padding-block: 1rem;
		padding-inline: 7.5rem 1rem
	}
}

@media(max-width:44.9375em) {
	.odometer__passmark {
		display: none;
		font-size: 3.2rem;
		inset-block-start: -8rem;
		inset-inline-end: 4rem;
		padding-block: 0;
		padding-inline: 0;
		transform: none
	}
}

.odometer__passlabel {
	color: #000;
	display: block;
	font-family: var(--font-family-ui);
	font-size: .8rem;
	font-weight: 900;
	letter-spacing: .08rem;
	line-height: 1.5;
	text-transform: uppercase
}

@media(min-width:22.5em) {
	.odometer__passlabel {
		font-size: .8rem
	}
}

@media(min-width:30em) {
	.odometer__passlabel {
		font-size: 1rem
	}
}

@media(max-width:44.9375em) {
	.odometer__passlabel {
		font-size: 1.6rem
	}
}

.odometer__passpercent {
	color: #707070;
	font-size: .8rem;
	letter-spacing: .02rem
}

@media(min-width:22.5em) {
	.odometer__passpercent {
		font-size: 1rem
	}
}

@media(min-width:30em) {
	.odometer__passpercent {
		font-size: 1.2rem
	}
}

@media(max-width:44.9375em) {
	.odometer__passpercent {
		font-size: 1.4rem
	}
}

.odometer__canvas {
	display: block;
	max-width: 100%;
	position: relative;
	width: 59rem;
	z-index: 1
}

.odometer__fail,
.odometer__pass {
	inset-block-start: 40%;
	inset-inline: 0;
	margin-block: auto;
	margin-inline: auto;
	max-width: 28.813559%;
	position: absolute
}

.quiz-header {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
	padding-block: 5.5rem 1rem;
	padding-inline: .5rem;
	position: relative;
	z-index: 3
}

@media(min-width:33.75em) {
	.quiz-header {
		padding-block: 7.5rem 1rem;
		padding-inline: .5rem
	}
}

@media(min-width:45em) {
	.quiz-header {
		padding-block: 9rem 4rem;
		padding-inline: 6rem
	}
}

@media print {
	.quiz-header {
		padding-block: inherit;
		padding-inline: inherit
	}
}

.quiz-header__container {
	background: #fff;
	box-shadow: 0 .3rem 1rem #0000001a;
	box-sizing: border-box;
	max-width: 102rem;
	min-height: calc(100vh - 8.5rem);
	padding-block: 3.5rem;
	padding-inline: 3.5rem;
	position: relative;
	width: 100%
}

@media(min-width:48em) {
	.quiz-header__container {
		min-height: calc(100vh - 13rem);
		padding-block: 8rem;
		padding-inline: 0
	}
}

@media print {
	.quiz-header__container {
		box-shadow: none;
		padding-block: inherit;
		padding-inline: inherit
	}
}

.quiz-header__limit {
	margin-block: 0;
	margin-inline: auto;
	max-width: 102rem
}

@media(min-width:48em) {
	.quiz-header:before {
		background: #eaeaeb;
		content: "";
		inset-block: 0;
		inset-inline-start: -2rem;
		position: absolute;
		width: .1rem
	}
}

.quiz-header__top-wrap {
	display: flex;
	flex-direction: column;
	margin-block: 0 3rem;
	margin-inline: 0;
	padding-block-end: 1.5rem;
	position: relative
}

.quiz-header__top-wrap:after {
	background: #50abf1;
	content: "";
	height: .3rem;
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
	transition: background .3s;
	width: 16rem
}

@media(min-width:48em) {
	.quiz-header__top-wrap {
		margin-block: 4.5rem 4rem;
		margin-inline: 0;
		padding-block-end: 3rem
	}

	.quiz-header__top-wrap:after {
		height: .5rem
	}
}

.quiz-header__author {
	color: #707070;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 3.8rem;
	margin-block: 0 2rem;
	margin-inline: 0
}

.quiz-header__author img {
	border: 1px solid #fff;
	border-radius: 50%;
	height: 3.8rem;
	margin-inline-end: .5rem;
	vertical-align: middle;
	width: 3.8rem
}

@media(min-width:48em) {
	.quiz-header__author {
		margin-block: 0 2rem;
		margin-inline: 0
	}
}

.quiz-header__title {
	color: #2d363a;
	font-family: var(--font-family-head);
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-block-end: 2rem;
	position: relative
}

@media(min-width:48em) {
	.quiz-header__title {
		font-size: 4.2rem;
		line-height: 1
	}
}

.quiz-header__audio {
	background: #fff;
	margin-block-start: -2rem;
	max-width: 40rem;
	position: relative
}

@media(min-width:48em) {
	.quiz-header__audio {
		margin-block-start: -4rem
	}
}

.quiz-header__description {
	font-family: var(--font-family-body);
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.9411764706;
	margin-block-end: 3rem
}

.quiz-header__description a {
	color: #50abf1
}

@media(min-width:48em) {
	.quiz-header__description {
		display: block
	}
}

.quiz-header__counter {
	font-family: var(--font-family-body);
	font-size: 1rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.75;
	margin-block-end: 1.2rem
}

@media(min-width:48em) {
	.quiz-header__counter {
		font-size: 1.2rem
	}
}

.quiz-header__start-quiz {
	background: none;
	border: none;
	color: #50abf1;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: .1rem;
	margin-block-start: 3rem;
	padding-inline-start: 0;
	text-transform: uppercase
}

.quiz-header__start-quiz [class*=icon-] {
	display: inline-block;
	font-size: 1.1rem;
	margin-inline-start: 1rem
}

[dir=rtl] .quiz-header__start-quiz [class*=icon-] {
	transform: rotateY(-180deg)
}

@media(min-width:45em) {
	.quiz-header__row {
		*zoom: 1;
		margin-inline: -1.5rem -1.5rem
	}

	.quiz-header__row:after,
	.quiz-header__row:before {
		content: " ";
		display: table
	}

	.quiz-header__row:after {
		clear: both
	}

	.quiz-header__main {
		box-sizing: border-box;
		display: block;
		float: inline-start;
		margin-inline-start: 16.6666666667%;
		min-height: 1px;
		padding-inline: 1.5rem;
		width: 66.6666666667%
	}
}

.one-page-lesson-header--image {
	background-position: 50% 50%;
	background-size: cover
}

.one-page-lesson-header__container {
	height: 100%
}

.one-page-lesson-header__main {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding-inline: 0;
	position: relative
}

.one-page-authors,
.one-page-authors__item,
.one-page-authors__list {
	align-items: center;
	display: flex
}

.one-page-authors__item:not(:first-child) {
	margin-inline-start: 3rem
}

.one-page-authors__avatar,
.one-page-authors__avatar-fallback {
	align-items: center;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	height: 3.2rem;
	justify-content: center;
	margin-block: 0;
	margin-inline: 0 1rem;
	width: 3.2rem
}

.one-page-authors__avatar--dark-border,
.one-page-authors__avatar-fallback--dark-border {
	border: 1px solid #000
}

.one-page-authors__avatar {
	background-repeat: none;
	background-size: cover
}

.one-page-authors__name {
	color: #fff;
	font-family: var(--font-family-ui);
	font-size: 1.4rem;
	line-height: 1.2
}

.one-page-authors__name--text-dark {
	color: #000
}

.one-page-cover-info {
	padding-block: 0;
	padding-inline: 13.5rem;
	width: 100%
}

@media(max-width:61.9375em) {
	.one-page-cover-info {
		padding-block: 0;
		padding-inline: 9rem
	}
}

@media(max-width:47.9375em) {
	.one-page-cover-info {
		padding-block: 0;
		padding-inline: 4.5rem
	}
}

@media(max-width:29.9375em) {
	.one-page-cover-info {
		padding-block: 0;
		padding-inline: 0
	}
}

.lessonNavigation__wrapper {
	height: 100vh;
	height: 100dvh
}

.lessonNavigation__wrapper--full .lesson-nav--next,
.lessonNavigation__wrapper--full .lesson-nav--previous {
	display: flex
}

.lessonNavigation__wrapper--full .navButtonsFull__navPrev--hide .lesson-nav--previous {
	display: none
}

.lessonNavigation__wrapper--floating .lesson-nav--next,
.lessonNavigation__wrapper--floating .lesson-nav--previous {
	display: flex
}

.lessonNavigation__wrapper--floating .lesson-nav--next,
.lessonNavigation__wrapper--floating .lesson-nav--previous:not(.lesson-nav--floating-full) {
	height: 0
}

.lessonNavigation__wrapper--floating .navButtonsFloating__bottom,
.lessonNavigation__wrapper--floating .navButtonsFloating__top {
	background: #0000;
	height: .2rem
}

.lessonNavigation__wrapper--floating .navButtonsFloating .lesson-nav--floating {
	display: flex;
	height: 0
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav--next,
.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav--prev,
.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav--next,
.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav--prev {
	display: flex
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav-link,
.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav-link {
	opacity: 1;
	transform: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__prev--exiting .lesson-nav-link {
	display: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__prev--exited .lesson-nav-link {
	opacity: 1;
	transform: translateY(-200%)
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--exiting .lesson-nav-link {
	display: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--exited .lesson-nav-link {
	opacity: 1;
	transform: translateY(200%)
}

.courseExit {
	background: none;
	border: none;
	color: #959fa5;
	cursor: pointer;
	font-family: var(--font-family-ui);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .03rem;
	padding-block: 0;
	padding-inline: 0;
	z-index: 1000
}

.courseExit--standard {
	inset-block-start: 1.5rem;
	inset-inline-end: 2rem
}

@media(max-width:47.9375em) {
	.courseExit--standard {
		display: none
	}
}

.courseExit--mobile {
	display: none
}

@media(max-width:47.9375em) {
	.courseExit--mobile {
		display: block;
		font-size: 1.1rem;
		height: 5rem;
		inset-block-start: 0;
		inset-inline-end: 1.8rem;
		letter-spacing: .02rem;
		padding-inline-start: 1.8rem
	}
}

.courseExit--overview {
	color: #fff;
	inset-block-start: 2rem;
	inset-inline-end: 3rem;
	opacity: 1;
	transition: opacity .3s
}

@media(max-width:47.9375em) {
	.courseExit--overview {
		font-size: 1.1rem;
		inset-inline-end: 2rem;
		letter-spacing: .02rem
	}
}

.overview--will-enter .courseExit--overview,
.overview--will-exit .courseExit--overview {
	opacity: 0
}

.courseExit__wrapper {
	transition: margin-block-start .3s, margin-block-end .3s
}

.fixed-course-exit {
	inset-block-start: 0;
	inset-inline-end: 0;
	margin-block: .8rem;
	margin-inline: 0;
	position: absolute;
	z-index: 1000
}

@media screen and (min-width:60em) {
	.fixed-course-exit {
		margin-block: .8rem;
		margin-inline: 2rem
	}
}

.courseExit__button {
	background: #fffc;
	border-radius: 4px;
	color: #000;
	display: flex;
	justify-content: center;
	margin-inline-end: .5rem;
	width: 12rem
}

.nav-overlay {
	background-color: #fff;
	border: #0000;
	inset-block: 0;
	inset-inline: 0;
	min-height: 100vh;
	min-height: 100dvh;
	min-width: 100vw;
	min-width: 100dvw;
	position: absolute;
	transition: display allow-discrete .5s, overlay allow-discrete .5s, transform .5s ease-in-out
}

.nav-overlay::backdrop {
	display: none
}

.nav-overlay--closing,
.nav-overlay:not([open]) {
	transform: translateY(-100%)
}

.nav-overlay[open]:not(.nav-overlay--closing) {
	transform: translateY(0)
}

@media(prefers-reduced-motion:reduce) {
	.nav-overlay {
		transition: none
	}
}

.nav-overlay__header-controls {
	display: flex;
	justify-content: space-between;
	padding-block: 1.9rem;
	padding-inline: 1.9rem
}

.nav-overlay__content {
	position: relative;
	z-index: 0
}

.nav-overlay__content>.cover__header-image {
	z-index: -1
}

@starting-style {
	.nav-overlay[open]:not(.nav-overlay--closing) {
		transform: translateY(-100%)
	}
}

.nav-sidebar-search {
	position: relative
}

.nav-sidebar-search__input {
	-webkit-appearance: textfield;
	appearance: textfield;
	border: none;
	width: 100%
}

.nav-sidebar-search__input::placeholder {
	text-transform: capitalize
}

.nav-sidebar-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none
}

.nav-sidebar-search__close {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center
}

.nav-sidebar-header--transition {
	transition: height .3s, transform .3s ease .1s
}

.nav-sidebar-header--compact {
	inset-block-end: 100%;
	inset-inline-start: 0;
	overflow: hidden;
	position: fixed;
	transform: translateY(100%);
	transition: transform .3s ease .1s;
	z-index: 1
}

.nav-sidebar-header--searching {
	overflow: hidden;
	transition: height .3s
}

.nav-sidebar-header--compact.nav-sidebar-header--searching {
	transition: height .3s, transform .3s ease .1s
}

@media(prefers-reduced-motion) {
	.nav-sidebar-header {
		transition: none
	}
}

.nav-sidebar-header__inner {
	position: relative
}

.nav-sidebar-header__search-btn {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	position: absolute;
	transition: opacity .3s .3s, transform .3s .3s, visibility 0s;
	z-index: 2
}

.nav-sidebar-header__search-btn--hidden {
	opacity: 0;
	transition: opacity .3s, transform .3s, visibility 0s .3s;
	visibility: hidden
}

@media(prefers-reduced-motion) {
	.nav-sidebar-header__search-btn {
		transition: none
	}
}

.nav-sidebar-header__search-area {
	position: absolute;
	transition: transform .3s .1s, visibility 0s;
	z-index: 1
}

.nav-sidebar-header__search-area--hidden {
	transition: transform .3s .1s, visibility 0s .3s;
	visibility: hidden
}

@media(prefers-reduced-motion) {
	.nav-sidebar-header__search-area {
		transition: none
	}
}

.nav-sidebar-header__graphic {
	background-color: var(--color-theme);
	z-index: 0
}

.nav-sidebar-header__graphic--image {
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.nav-sidebar-header__content {
	opacity: 1;
	position: relative;
	transition: opacity .3s linear .3s, visibility 0s linear;
	visibility: visible;
	z-index: 1
}

.nav-sidebar-header__content--hidden {
	opacity: 0;
	position: absolute;
	transition: opacity .3s, visibility 0s linear .3s;
	visibility: hidden
}

@media(prefers-reduced-motion) {
	.nav-sidebar-header__content {
		transition: none
	}
}

.nav-sidebar-header-ghost {
	flex: 0 0 auto;
	position: absolute;
	width: 100%
}

.nav-sidebar-header-ghost--compact {
	position: static
}

@keyframes nav-sidebar-result__enter {
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.nav-sidebar-result {
	animation-duration: .3s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: nav-sidebar-result__enter;
	animation-timing-function: ease;
	opacity: 0;
	transform: translateY(-1.5rem)
}

@media(prefers-reduced-motion) {
	.nav-sidebar-result {
		animation-delay: 0s !important;
		animation-duration: 0s
	}
}

.nav-sidebar-results--hidden {
	display: none
}

.nav-sidebar--collapsed {
	opacity: 0;
	transition: opacity 0s .3s, visibility 0s .3s;
	visibility: hidden
}

.nav-sidebar__content {
	display: flex;
	flex-direction: column;
	height: 100vh;
	inset-block-start: 0;
	inset-inline-start: 0;
	overflow: hidden;
	overflow-y: auto;
	position: absolute
}

.nav-sidebar__header {
	flex-shrink: 0
}

.nav-sidebar__body {
	flex: 1;
	position: relative;
	transform: translateZ(0)
}

.nav-sidebar__outline-list {
	transition: opacity .3s linear .4s, visibility 0s linear
}

.nav-sidebar__outline-list--disabled {
	opacity: 0;
	transition: opacity .3s, visibility 0s linear .3s;
	visibility: hidden
}

.nav-sidebar__outline-list--hidden {
	height: 0;
	overflow: hidden
}

@media(prefers-reduced-motion) {
	.nav-sidebar__outline-list {
		transition: none
	}
}

.nav-control__menu {
	display: inline-flex;
	inset-block-start: 0;
	justify-content: space-between;
	margin-inline-start: 0;
	padding-block: .8rem;
	padding-inline: 1.2rem;
	position: absolute;
	transition: margin-inline-start .3s;
	width: auto;
	z-index: 300
}

.lesson--preview .nav-control__menu {
	display: none
}

.nav-control__menu .courseExit__wrapper {
	inset-inline-end: -100vw;
	margin-inline-end: 7.2rem;
	position: absolute
}

@media(max-width:33.6875em) {
	.nav-control__menu .courseExit__wrapper {
		position: relative
	}
}

.nav-control__menu--is-timed-quiz {
	display: flex;
	justify-content: unset;
	pointer-events: none;
	width: calc(100% - 2rem)
}

.nav-control__menu--is-timed-quiz .courseExit__wrapper {
	inset-inline-end: 0;
	margin-inline-end: 0;
	transition: none
}

.nav-control__menu--nav-off {
	justify-content: flex-end
}

@media(max-width:59.9375em) {
	.nav-control__menu--top-nav-bar {
		align-items: center;
		background-color: #fff;
		box-shadow: 0 0 1rem #0000000d;
		width: calc(100% - 2rem);
		z-index: 299
	}

	.nav-control__menu--top-nav-bar .courseExit__wrapper {
		inset-inline-end: 0;
		margin-inline-end: 0
	}
}

@media(max-width:47.9375em) {
	.nav-control__menu--top-nav-bar {
		width: 100%
	}
}

@media(max-width:29.9375em) {

	.course-navigation__lessonNav--type-floating .nav-control__wrapper--navPrevVisible .courseExit__wrapper,
	.course-navigation__lessonNav--type-floating .nav-control__wrapper--navPrevVisible .nav-control__menu {
		margin-block-start: 8.2rem
	}
}

.course-navigation__lessonNav--type-full .nav-control__wrapper--navPrevVisible .courseExit__wrapper,
.course-navigation__lessonNav--type-full .nav-control__wrapper--navPrevVisible .nav-control__menu {
	margin-block-start: 6.4rem
}

.course-navigation__lessonNav--type-full .nav-control__menu {
	display: flex
}

.course-navigation__lessonNav--type-full .nav-control__menu--hide {
	display: none
}

.nav-control__button {
	align-items: center;
	background: #fffc;
	border-radius: 4px;
	display: flex;
	height: 2.8rem;
	justify-content: center;
	pointer-events: auto;
	width: 2.8rem
}

.page-wrap {
	margin-inline-start: 0;
	transition: margin-inline-start .3s
}

@media(max-width:59.9375em) {
	.page-wrap {
		width: 100vw
	}
}

.course-navigation__sidebar .nav-sidebar-header,
.course-navigation__sidebar .nav-sidebar__content {
	width: 0
}

.course-navigation__sidebar .nav-sidebar__content {
	margin-inline-start: -28rem;
	transition: margin-inline-start .3s
}

@media(max-width:29.9375em) {
	.course-navigation__sidebar .nav-sidebar__content {
		margin-inline-start: -26rem
	}
}

.course-navigation__sidebar .nav-sidebar__content:after {
	box-shadow: inset calc(-1.2rem*var(--dir-x)) 0 2rem -2rem #0000001f;
	content: "";
	inset-block: 0;
	inset-inline-end: 0;
	pointer-events: none;
	position: absolute;
	width: 2rem;
	z-index: 1
}

.course-navigation__sidebar--nav-open .nav-control__menu,
.course-navigation__sidebar--search-open .nav-control__menu {
	margin-inline-start: 28rem
}

.course-navigation__sidebar--nav-open .nav-control__menu .courseExit__wrapper,
.course-navigation__sidebar--search-open .nav-control__menu .courseExit__wrapper {
	margin-inline-end: 35.2rem
}

.course-navigation__sidebar--nav-open .nav-control__menu.nav-control__menu--is-timed-quiz,
.course-navigation__sidebar--search-open .nav-control__menu.nav-control__menu--is-timed-quiz {
	width: calc(100% - 30rem)
}

.course-navigation__sidebar--nav-open .nav-control__menu.nav-control__menu--is-timed-quiz .courseExit__wrapper,
.course-navigation__sidebar--search-open .nav-control__menu.nav-control__menu--is-timed-quiz .courseExit__wrapper {
	margin-inline-end: 0
}

@media(max-width:59.9375em) {

	.course-navigation__sidebar--nav-open .nav-control__menu,
	.course-navigation__sidebar--nav-open .nav-control__menu.nav-control__menu--is-timed-quiz,
	.course-navigation__sidebar--search-open .nav-control__menu,
	.course-navigation__sidebar--search-open .nav-control__menu.nav-control__menu--is-timed-quiz {
		width: calc(100% - 2rem)
	}

	.course-navigation__sidebar--nav-open .nav-control__menu .courseExit__wrapper,
	.course-navigation__sidebar--search-open .nav-control__menu .courseExit__wrapper {
		margin-inline-end: 26rem
	}
}

@media(max-width:29.9375em) {

	.course-navigation__sidebar--nav-open .nav-control__menu,
	.course-navigation__sidebar--search-open .nav-control__menu {
		margin-inline-start: 26rem
	}
}

.course-navigation__sidebar--nav-open .page-wrap,
.course-navigation__sidebar--search-open .page-wrap {
	box-shadow: 0 0 4rem #0000001f;
	margin-inline-start: 28rem
}

@media(max-width:29.9375em) {

	.course-navigation__sidebar--nav-open .page-wrap,
	.course-navigation__sidebar--search-open .page-wrap {
		margin-inline-start: 26rem
	}
}

.course-navigation__sidebar--nav-open .nav-sidebar__content,
.course-navigation__sidebar--search-open .nav-sidebar__content {
	margin-inline-start: 0;
	width: 28rem
}

.course-navigation__sidebar--nav-open .nav-sidebar__content .nav-sidebar-header,
.course-navigation__sidebar--search-open .nav-sidebar__content .nav-sidebar-header {
	width: 100%
}

@media(max-width:29.9375em) {

	.course-navigation__sidebar--nav-open .nav-sidebar__content,
	.course-navigation__sidebar--search-open .nav-sidebar__content {
		padding-block-end: 4rem;
		width: 26rem
	}
}

.course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .nav-control__menu {
	display: none
}

@media(max-width:59.9375em) {

	.course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .course-navigation__sidebar--nav-open .navButtonsFloating__next--entered .lesson-nav-link,
	.course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .course-navigation__sidebar--nav-open .navButtonsFloating__prev--entered .lesson-nav-link {
		display: none
	}
}

.lesson-one-page-slides {
	height: 100%
}

.lesson-one-page-slides .page-wrap {
	inset-block: 0;
	inset-inline: 0;
	overflow-y: auto;
	position: fixed
}

.lesson-one-page-slides .page-wrap--transitioning {
	overflow: hidden
}

.lesson-one-page-slides__controls {
	align-items: center;
	display: flex;
	flex-direction: column;
	inset-block: 2.8rem;
	inset-inline-end: 3rem;
	justify-content: space-between;
	position: fixed;
	z-index: 11
}

.lesson-one-page-slides__controls--touch-preview {
	flex-direction: row;
	inset-block: auto 1.4rem;
	inset-inline: 0;
	justify-content: center
}

.lesson-one-page-slides__controls--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.lesson-one-page-slides__controls {
		flex-direction: row;
		inset-block: auto 1.4rem;
		inset-inline: 0;
		justify-content: center
	}
}

.lesson-one-page-slides__next-btn,
.lesson-one-page-slides__page-down-btn,
.lesson-one-page-slides__prev-btn,
.lesson-one-page-slides__restart-btn {
	align-items: center;
	background-color: #fff;
	border: 1px solid #0000;
	border-radius: 50%;
	box-shadow: 0 4px 4px #0000001a;
	display: flex;
	height: 3.6rem;
	justify-content: center;
	transition: transform .3s;
	width: 3.6rem
}

.lesson-one-page-slides__next-btn[aria-disabled=true]:not([aria-hidden=true]),
.lesson-one-page-slides__page-down-btn[aria-disabled=true]:not([aria-hidden=true]),
.lesson-one-page-slides__prev-btn[aria-disabled=true]:not([aria-hidden=true]),
.lesson-one-page-slides__restart-btn[aria-disabled=true]:not([aria-hidden=true]) {
	cursor: default;
	opacity: .5
}

.lesson-one-page-slides__next-btn[aria-hidden=true],
.lesson-one-page-slides__page-down-btn[aria-hidden=true],
.lesson-one-page-slides__prev-btn[aria-hidden=true],
.lesson-one-page-slides__restart-btn[aria-hidden=true] {
	opacity: 0;
	pointer-events: none;
	position: absolute
}

.lesson-one-page-slides__next-btn--touch-preview,
.lesson-one-page-slides__page-down-btn--touch-preview,
.lesson-one-page-slides__prev-btn--touch-preview,
.lesson-one-page-slides__restart-btn--touch-preview {
	height: 4.8rem;
	position: inherit;
	transition-timing-function: ease-in;
	width: 4.8rem
}

.lesson-one-page-slides__next-btn--touch-preview:active,
.lesson-one-page-slides__page-down-btn--touch-preview:active,
.lesson-one-page-slides__prev-btn--touch-preview:active,
.lesson-one-page-slides__restart-btn--touch-preview:active {
	transform: scale(1.1458)
}

.lesson-one-page-slides__next-btn--touch-preview .lesson-one-page-slides__next-btns,
.lesson-one-page-slides__page-down-btn--touch-preview .lesson-one-page-slides__next-btns,
.lesson-one-page-slides__prev-btn--touch-preview .lesson-one-page-slides__next-btns,
.lesson-one-page-slides__restart-btn--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {

	.lesson-one-page-slides__next-btn,
	.lesson-one-page-slides__page-down-btn,
	.lesson-one-page-slides__prev-btn,
	.lesson-one-page-slides__restart-btn {
		height: 4.8rem;
		position: inherit;
		transition-timing-function: ease-in;
		width: 4.8rem
	}

	.lesson-one-page-slides__next-btn:active,
	.lesson-one-page-slides__page-down-btn:active,
	.lesson-one-page-slides__prev-btn:active,
	.lesson-one-page-slides__restart-btn:active {
		transform: scale(1.1458)
	}
}

@media(hover:hover) {

	.lesson-one-page-slides__next-btn:hover,
	.lesson-one-page-slides__page-down-btn:hover,
	.lesson-one-page-slides__prev-btn:hover,
	.lesson-one-page-slides__restart-btn:hover {
		transform: scale(1.1111)
	}
}

.lesson-one-page-slides__next-btns {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%
}

.lesson-one-page-slides__next-btns--touch-preview,
.lesson-one-page-slides__next-btns--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.lesson-one-page-slides__next-btns {
		margin-inline-start: 17.5vw
	}
}

.lesson-one-page-slides__prev-btn {
	inset-block-start: 2.8rem
}

.lesson-one-page-slides__prev-btn[aria-hidden=true] {
	position: relative
}

.lesson-one-page-slides__prev-btn--touch-preview {
	inset-block-start: unset;
	margin-inline-end: 17.5vw
}

.lesson-one-page-slides__prev-btn--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.lesson-one-page-slides__prev-btn {
		inset-block-start: unset;
		margin-inline-end: 17.5vw
	}
}

.lesson-one-page-slides__next-btn,
.lesson-one-page-slides__page-down-btn,
.lesson-one-page-slides__restart-btn {
	inset-block-end: 2.8rem
}

.lesson-one-page-slides__next-btn--touch-preview,
.lesson-one-page-slides__page-down-btn--touch-preview,
.lesson-one-page-slides__restart-btn--touch-preview {
	inset-block-end: unset
}

.lesson-one-page-slides__next-btn--touch-preview .lesson-one-page-slides__next-btns,
.lesson-one-page-slides__page-down-btn--touch-preview .lesson-one-page-slides__next-btns,
.lesson-one-page-slides__restart-btn--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {

	.lesson-one-page-slides__next-btn,
	.lesson-one-page-slides__page-down-btn,
	.lesson-one-page-slides__restart-btn {
		inset-block-end: unset
	}
}

.lesson-one-page-slides__gradient {
	background: linear-gradient(180deg, #0000, #0003);
	height: 9.2rem;
	inset-block-end: 0;
	inset-inline: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	transition: opacity .3s;
	z-index: 3
}

.lesson-one-page-slides__gradient--visible {
	opacity: 1
}

@media(max-width:47.9375em) {
	.lesson-one-page-slides__gradient {
		height: 6rem
	}
}

.lesson-one-page-slides__arrow-icon {
	height: 1.6rem;
	width: 1.6rem
}

.lesson-one-page-slides__arrow-icon--touch-preview {
	height: 2.2rem;
	width: 2.2rem
}

.lesson-one-page-slides__arrow-icon--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.lesson-one-page-slides__arrow-icon {
		height: 2.2rem;
		width: 2.2rem
	}
}

.lesson-one-page-slides__restart-icon {
	height: 1.6rem;
	width: 1.6rem
}

.lesson-one-page-slides__restart-icon--touch-preview {
	height: 2.8rem;
	width: 2.8rem
}

.lesson-one-page-slides__restart-icon--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.lesson-one-page-slides__restart-icon {
		height: 2.8rem;
		width: 2.8rem
	}
}

@keyframes one-page-slide-up-enter {
	0% {
		opacity: 0;
		transform: translateY(100vh)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes one-page-slide-up-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 0;
		transform: translateY(-100vh)
	}
}

@keyframes one-page-slide-down-enter {
	0% {
		opacity: 0;
		transform: translateY(-100%)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes one-page-slide-down-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 0;
		transform: translateY(100%)
	}
}

.blocks-lesson-slide__wrapper--exiting {
	inset-inline: 0;
	position: absolute
}

.blocks-lesson-slide__lesson {
	align-items: stretch;
	background-color: #0000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	min-height: 100svh;
	position: relative
}

.blocks-lesson-slide__lesson--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.blocks-lesson-slide__lesson {
		padding-block: 0 6.4rem
	}
}

.blocks-lesson-slide__lesson--touch-preview {
	padding-block: 0 6.4rem
}

.blocks-lesson-slide__background-top {
	height: 50%;
	inset-block-start: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute
}

.blocks-lesson-slide__background-bottom {
	height: 50%;
	inset-block-end: 0;
	inset-inline: 0;
	pointer-events: none;
	position: absolute
}

.blocks-lesson-slide__inner {
	min-height: 100vh;
	min-height: 100svh;
	position: relative
}

.blocks-lesson-slide__inner--entering-up {
	animation: one-page-slide-up-enter 625ms;
	position: relative;
	z-index: 1
}

.blocks-lesson-slide__inner--exiting-up {
	animation: one-page-slide-up-exit 625ms;
	inset-inline: 0;
	position: absolute;
	z-index: 0
}

.blocks-lesson-slide__inner--entering-down {
	animation: one-page-slide-down-enter 625ms;
	position: relative;
	z-index: 1
}

.blocks-lesson-slide__inner--exiting-down {
	animation: one-page-slide-down-exit 625ms;
	inset-inline: 0;
	position: absolute;
	z-index: 0
}

.blocks-lesson-slide__restart-button--fixed {
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute
}

.blocks-lesson-slide__full-width-image--legacy .block-image__image,
.blocks-lesson-slide__full-width-image--legacy .block-quote__background {
	align-items: center;
	background-size: cover;
	display: flex;
	inset-block-start: 0;
	inset-inline: 0;
	max-height: none;
	min-height: 100vh;
	min-height: 100svh;
	position: absolute
}

.blocks-lesson-slide__full-width-image--legacy .block-image__figure {
	position: static
}

.blocks-lesson-slide__full-width-image--legacy .block-image__paragraph {
	margin-block: 0;
	margin-inline: 0
}

.blocks-lesson-slide__full-width-image--legacy .block-image__caption {
	visibility: hidden
}

.blocks-lesson-slide__full-width-image--background.bg--type-image {
	align-items: center;
	display: flex;
	inset-block-start: 0;
	inset-inline: 0;
	justify-content: center;
	min-height: 100vh;
	min-height: 100svh;
	position: absolute
}

.blocks-lesson-slide__full-width-image--background.bg--type-image .block-audio__wrapper,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-chart__container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-embed__wrapper,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-flashcards-slider,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-gallery__carousel-container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-gallery__container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-knowledge__container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-text__container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .block-video__item,
.blocks-lesson-slide__full-width-image--background.bg--type-image .blocks-accordion__container,
.blocks-lesson-slide__full-width-image--background.bg--type-image .blocks-storyline__wrapper,
.blocks-lesson-slide__full-width-image--background.bg--type-image .process-block-wrapper,
.blocks-lesson-slide__full-width-image--background.bg--type-image .scenario-block--initiated,
.blocks-lesson-slide__full-width-image--background.bg--type-image.block-quote--carousel .block-quote__wrap {
	width: 100vw
}

.blocks-lesson-slide__full-width-image--background.bg--type-image--touch-preview .block-audio__item {
	padding-block: 0;
	padding-inline: 2rem
}

.blocks-lesson-slide__full-width-image--background.bg--type-image--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.blocks-lesson-slide__full-width-image--background.bg--type-image .block-audio__item {
		padding-block: 0;
		padding-inline: 2rem
	}
}

.blocks-lesson-slide__full-width-image.block-image--full {
	height: 100svh
}

.blocks-lesson-slide__connected-blocks {
	width: 100vw;
	width: 100dvw
}

.blocks-lesson-slide__connected-blocks--min-half-height {
	min-height: 50vh;
	min-height: 50dvh
}

.blocks-lesson-slide__connected-blocks--top-block {
	align-items: flex-end;
	display: flex
}

.blocks-lesson-slide__connected-blocks--top-block-centered {
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.blocks-lesson-slide__connected-blocks--full-height {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
	justify-content: center
}

.blocks-slide-controls__overlay-bottom,
.blocks-slide-controls__overlay-top {
	border-radius: 10rem;
	height: 6rem;
	inset-inline-start: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s;
	width: 100%;
	z-index: 4
}

.blocks-slide-controls {
	align-items: center;
	display: flex;
	flex-direction: column;
	inset-block-end: 0;
	justify-content: center;
	pointer-events: none;
	width: 4.8rem;
	z-index: 11
}

.blocks-slide-controls--touch-preview {
	display: none
}

.blocks-slide-controls--touch-preview .lesson-one-page-slides__next-btns {
	margin-inline-start: 17.5vw
}

@media(max-width:52.4375em),
(pointer:coarse) {
	.blocks-slide-controls {
		display: none
	}
}

.blocks-slide-controls__page-control-wrapper {
	align-items: center;
	display: flex;
	flex: 1
}

.blocks-slide-controls__page-control-inner-wrapper {
	position: relative
}

.blocks-slide-controls__page-control-inner-wrapper--hidden {
	display: none
}

.blocks-slide-controls__page-control {
	border-radius: 10rem;
	max-height: 67vh;
	overflow: hidden;
	pointer-events: auto;
	position: relative;
	width: 3.2rem
}

.blocks-slide-controls__slide-dot-wrapper {
	align-items: center;
	background-color: #000c;
	border: .1rem solid #0000;
	border-radius: 10rem;
	display: flex;
	flex-direction: column;
	padding-block: 1.2rem
}

.blocks-slide-controls__overlay-top {
	background: linear-gradient(180deg, #00060c00, #00060c);
	inset-block-start: 0;
	transform: scaleY(-1)
}

.blocks-slide-controls__overlay-top--visible {
	opacity: 1
}

.blocks-slide-controls__overlay-bottom {
	background: linear-gradient(180deg, #00060c00, #00060c);
	inset-block-end: 0
}

.blocks-slide-controls__overlay-bottom--visible {
	opacity: 1
}

.blocks-slide-indicator__wrapper {
	display: flex;
	transform: translateZ(0)
}

.blocks-slide-indicator__button {
	align-items: center;
	border-radius: 50%;
	display: flex;
	height: 2.4rem;
	justify-content: center;
	outline-offset: -.2rem;
	width: 2.4rem
}

.blocks-slide-indicator__button--active {
	border: 2px dashed #0000
}

.blocks-slide-indicator__button--number {
	background-color: #0000;
	border-radius: 0;
	margin-block: 0;
	margin-inline: auto
}

.blocks-slide-indicator__button--disabled {
	cursor: not-allowed
}

.blocks-slide-indicator__number {
	color: #9c9a9c;
	font-size: 1.6rem;
	font-weight: 700
}

.blocks-slide-indicator__button:hover .blocks-slide-indicator__number:not(.blocks-slide-indicator__number--disabled),
.blocks-slide-indicator__number--active {
	color: #fff
}

@media(forced-colors:active) {
	.blocks-slide-indicator__number--disabled {
		text-decoration: line-through
	}
}

.blocks-slide-indicator__circle {
	color: #959395;
	height: 1rem;
	transition: color .3s, height .3s, width .3s;
	width: 1rem
}

.blocks-slide-indicator__button:hover .blocks-slide-indicator__circle:not(.blocks-slide-indicator__circle--disabled),
.blocks-slide-indicator__circle--active {
	color: #fff;
	height: 1.6rem;
	width: 1.6rem
}

@media(prefers-reduced-motion:reduce) {
	.blocks-slide-indicator__circle {
		transition: none
	}
}

@media(forced-colors:active) {
	.blocks-slide-indicator__circle--disabled {
		stroke: ButtonText;
		stroke-width: .2rem;
		fill: none !important;
		r: 50%;
		overflow: visible
	}
}

.blocks-slide-indicator__circle--disabled,
.blocks-slide-indicator__number--disabled {
	color: #5c5c5c
}

.blocks-slide-indicator-tooltip__wrapper {
	align-items: center;
	background-color: #000;
	border: 1px solid #000;
	border-radius: .4rem;
	box-shadow: 0 2px 4px #0000001a;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.6rem;
	opacity: 0;
	padding-block: 1.2rem;
	padding-inline: 1.6rem;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transform: translateX(calc(2%*var(--dir-x)));
	transition: opacity .3s, transform .3s;
	width: max-content;
	z-index: 11
}

.blocks-slide-indicator-tooltip__wrapper--disabled {
	height: 5.6rem;
	width: 5.6rem
}

.blocks-slide-indicator-tooltip__wrapper--visible {
	opacity: 1;
	transform: none
}

.blocks-slide-indicator-tooltip__wrapper:before {
	background-color: #000;
	border-color: #000;
	border-style: none solid solid none;
	border-width: 1px;
	content: "";
	height: 1rem;
	inset-block-start: calc(50% - .5rem);
	inset-inline-start: calc(100% - .5rem);
	position: absolute;
	transform: rotate(-45deg);
	width: 1rem
}

.blocks-slide-indicator-tooltip__icon {
	height: 2.4rem;
	width: 2.4rem
}

.lesson-one-page-scroll {
	height: 100%
}

.lesson-one-page-scroll .page-wrap {
	overflow-y: auto
}

.blocks-lesson-restart-button {
	align-items: center;
	background-color: var(--color-theme);
	color: var(--color-theme-contrast, #fff);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
	font-weight: 600;
	gap: .8rem;
	height: 8rem;
	justify-content: center;
	line-height: 1.6rem;
	position: relative;
	width: 100%
}

.blocks-lesson-restart-button__icon {
	height: 3rem;
	width: 3rem
}

.theme .microlearning-progress-summary__previous {
	display: flex
}

.theme .microlearning-progress-summary__content--stepped {
	transform: translateY(100%)
}

.theme .microlearning-progress-summary__content--mounted {
	opacity: 1;
	transform: none
}

.transcript-panel {
	background: var(--arc-color-background-primary);
	border-inline-start: 1px solid var(--arc-color-border-standard);
	color: var(--arc-color-text-primary);
	display: flex;
	flex-direction: column;
	height: 100vh;
	inset-block: var(--transcript-panel-top-offset, 0) 0;
	inset-inline: auto 0;
	max-width: 100%;
	outline-offset: -3px;
	padding-block-start: var(--arc-space-4);
	padding-inline-start: var(--arc-space-3);
	position: fixed;
	width: 36.4rem;
	z-index: 1000
}

.transcript-panel-enter {
	transform: translate(100%)
}

[dir=rtl] .transcript-panel-enter {
	transform: translate(-100%)
}

.transcript-panel-enter-active,
.transcript-panel-enter-done {
	transition: transform .3s ease-out, box-shadow .3s ease-out, width .3s ease-out
}

.transcript-panel-exit {
	transform: translate(0)
}

.transcript-panel-exit-active {
	transform: translate(100%);
	transition: transform .3s ease-in, box-shadow .3s ease-in, width .3s ease-in
}

[dir=rtl] .transcript-panel-exit-active {
	transform: translate(-100%)
}

div:not(.transcript-panel):has(~.transcript-panel) {
	margin-inline-end: 0;
	transition: margin-inline-end .3s ease-out, padding-bottom .3s ease-out
}

div:not(.transcript-panel):has(~.transcript-panel) .lesson-one-page-slides__controls {
	transition: transform .3s ease-out
}

div:not(.transcript-panel):has(~.transcript-panel) .blocks-lesson-slide__connected-blocks {
	transition: width .3s ease-out;
	width: 100vw;
	width: 100dvw
}

.transcript-panel-enter-active,
.transcript-panel-enter-done {
	box-shadow: -1px 0 0 0 var(--arc-color-border-standard);
	transform: translate(0)
}

div:not(.transcript-panel):has(~.transcript-panel-enter-active, ~.transcript-panel-enter-done) {
	margin-inline-end: 36.4rem
}

div:not(.transcript-panel):has(~.transcript-panel-enter-active, ~.transcript-panel-enter-done) .lesson-one-page-slides__controls {
	transform: translate(-34rem)
}

div:not(.transcript-panel):has(~.transcript-panel-enter-active, ~.transcript-panel-enter-done) .blocks-lesson-slide__connected-blocks {
	width: calc(100vw - 36.4rem);
	width: calc(100dvw - 36.4rem)
}

.transcript-panel header {
	align-items: center;
	display: flex
}

.transcript-panel header h3 {
	font-size: var(--arc-font-size-16);
	font-weight: 700
}

.transcript-panel header button {
	margin-inline-end: var(--arc-space-2)
}

.transcript-panel__transcript-text {
	font-size: var(--arc-font-size-14);
	font-weight: var(--arc-font-weight-400);
	line-height: 2rem;
	margin-block-start: var(--arc-space-2);
	overflow: auto;
	padding-block-end: var(--arc-space-4);
	padding-inline-end: var(--arc-space-2);
	white-space: pre-wrap
}

.transcript-panel__transcript-text--not-available {
	font-style: italic
}

.transcript-panel__close-button {
	align-items: center;
	display: flex;
	height: var(--arc-size-5);
	justify-content: center;
	margin-inline-start: auto;
	width: var(--arc-size-5)
}

@media(max-width:67.4375em) {
	.transcript-panel {
		width: 26rem
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active),
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) {
		margin-inline-end: 26rem
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active) .lesson-one-page-slides__controls,
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) .lesson-one-page-slides__controls {
		transform: translate(-23.6rem)
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active) .blocks-lesson-slide__connected-blocks,
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) .blocks-lesson-slide__connected-blocks {
		width: calc(100vw - 26rem);
		width: calc(100dvw - 26rem)
	}
}

@media(max-width:59.9375em) {
	.transcript-panel {
		border-radius: 1.6rem 1.6rem 0 0;
		box-shadow: 0 -.4rem .4rem 0 var(--arc-color-border-standard);
		padding-top: 0;
		width: 100vw
	}

	.transcript-panel--isAnimatingMobileSwipe,
	.transcript-panel--isDragging {
		min-height: 33vh;
		transition: none !important
	}

	.transcript-panel--isAnimatingMobileSwipe header,
	.transcript-panel--isDragging header {
		-webkit-user-select: none;
		user-select: none
	}

	.transcript-panel,
	[dir=rtl] .transcript-panel {
		inset-block-start: unset;
		transform: unset
	}

	.transcript-panel-enter {
		height: 0;
		min-height: 0
	}

	.transcript-panel-enter-active,
	.transcript-panel-enter-done,
	.transcript-panel-exit {
		min-height: 33vh;
		transition: height .3s ease-in-out, min-height .3s ease-in-out
	}

	.transcript-panel-exit-active {
		height: 0;
		min-height: 0;
		transition: height .3s ease-in-out, min-height .3s ease-in-out
	}

	.transcript-panel section {
		padding-block-end: var(--arc-space-2)
	}

	div:not(.transcript-panel):has(~.transcript-panel) .blocks-lesson {
		transition: padding-bottom .3s ease-out
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active),
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) {
		margin-inline-end: 0
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active) .blocks-lesson,
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) .blocks-lesson {
		padding-bottom: 33vh
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active) .lesson-one-page-slides__controls,
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) .lesson-one-page-slides__controls {
		transform: translate(0)
	}

	div:not(.transcript-panel):has(~.transcript-panel-enter-active) .blocks-lesson-slide__connected-blocks,
	div:not(.transcript-panel):has(~.transcript-panel-enter-done) .blocks-lesson-slide__connected-blocks {
		width: 100vw;
		width: 100dvw
	}

	.transcript-panel header {
		padding-top: 2.8rem;
		touch-action: none;
		-webkit-touch-callout: none
	}

	.transcript-panel header:hover {
		cursor: grab
	}

	.transcript-panel header:hover h3 {
		cursor: text
	}

	.transcript-panel header:before {
		border: .2rem solid var(--arc-color-overlay-dark);
		border-radius: 100px;
		content: "";
		height: 0;
		inset-block: 1.2rem 0;
		inset-inline: 0;
		margin-block: 0;
		margin-inline: auto;
		position: absolute;
		width: 10.8rem
	}
}

@media(max-width:59.9375em)and (forced-colors:active) {
	.transcript-panel header:before {
		border-color: currentColor
	}
}

@media(max-width:59.9375em) {
	.transcript-panel header:before:hover {
		cursor: grab
	}

	.transcript-panel--isDragging header {
		cursor: grabbing
	}
}

@keyframes one-page-fade-enter {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes one-page-fade-exit {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes one-page-slide-top-enter {
	0% {
		opacity: 0;
		transform: translateY(-100%)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes one-page-slide-top-exit {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 0;
		transform: translateY(-100%)
	}
}

@keyframes bounce {
	0% {
		transform: translateY(25%)
	}

	50% {
		transform: translateY(-25%)
	}

	to {
		transform: translateY(25%)
	}
}

.theme .one-page-cover__wrapper {
	align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	display: flex;
	flex-direction: column;
	height: 100%;
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	min-height: auto;
	padding-block: 12.4rem;
	padding-inline: 5rem;
	position: absolute;
	z-index: 0
}

.theme .one-page-cover__wrapper>.cover__header-image {
	z-index: -1
}

@media(max-width:29.9375em) {
	.theme .one-page-cover__wrapper {
		padding-block: 6.2rem;
		padding-inline: 4rem
	}
}

.theme .one-page-cover__wrapper--entering-fade {
	animation: one-page-fade-enter 625ms;
	z-index: 1
}

.theme .one-page-cover__wrapper--exiting-fade {
	animation: one-page-fade-exit 625ms
}

.theme .one-page-cover__wrapper--entering-slide {
	animation: one-page-slide-top-enter 625ms;
	z-index: 1
}

.theme .one-page-cover__wrapper--exiting-slide {
	animation: one-page-slide-top-exit 625ms
}

.theme .one-page-cover__wrapper .cover__header-content {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 44.6rem;
	padding-block: 12.4rem;
	padding-inline: 5rem
}

@media(max-width:89.9375em) {
	.theme .one-page-cover__wrapper .cover__header-content {
		align-items: center;
		display: flex;
		padding-block: 12.4rem;
		padding-inline: 5rem
	}
}

@media(max-width:47.9375em) {
	.theme .one-page-cover__wrapper .cover__header-content {
		padding-block: 8.8rem;
		padding-inline: 2.2rem
	}
}

@media(max-width:29.9375em) {
	.theme .one-page-cover__wrapper .cover__header-content {
		min-height: 15.2rem;
		padding-block: 4.8rem 3.2rem;
		padding-inline: 1.5rem
	}
}

.theme .one-page-cover__wrapper--white .one-page-cover__start-icon {
	color: #000
}

.theme .one-page-cover__start-wrapper {
	display: flex;
	inset-block-end: 0;
	justify-content: center;
	padding-block-end: 3rem;
	position: absolute;
	width: 100%
}

@media(max-width:47.9375em) {
	.theme .one-page-cover__start-wrapper {
		inset-block-end: 2.4rem;
		padding-block-end: 0
	}
}

.theme .one-page-cover__start-link {
	align-items: center;
	display: flex;
	height: 7.2rem;
	justify-content: center;
	width: 7.2rem
}

.theme .one-page-cover__start-link:focus .one-page-cover__start-icon,
.theme .one-page-cover__start-link:hover .one-page-cover__start-icon {
	animation-iteration-count: 1
}

.theme .one-page-cover__start-icon {
	animation: bounce 1.5s ease infinite;
	color: var(--color-one-page-cover-contrast);
	display: inline-flex;
	font-size: 3rem
}

@media(prefers-reduced-motion:reduce) {
	.theme .one-page-cover__start-icon {
		animation: none
	}
}

@keyframes shake {
	0% {
		transform: translateZ(0)
	}

	12.5% {
		transform: translate3d(-16px, 0, 0)
	}

	37.5% {
		transform: translate3d(12px, 0, 0)
	}

	62.5% {
		transform: translate3d(-8px, 0, 0)
	}

	87.5% {
		transform: translate3d(4px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

.fail-password {
	animation: shake .4s ease-in-out 0s
}

.share-password-dialog {
	background: #fff;
	border-block-start: .4rem solid #50abf1;
	border-radius: .3rem;
	box-shadow: 0 0 1rem 0 #00000080;
	font-family: var(--arc-font-family-body);
	font-size: 1.7rem;
	margin-block: 10rem;
	margin-inline: auto;
	max-width: 48rem;
	padding-block: 4rem;
	padding-inline: 4rem;
	transition: transform .18s ease-in-out
}

.share-password-dialog .heading {
	font-family: var(--arc-font-family-heading);
	font-size: 1.6rem;
	font-weight: 600;
	margin-block-end: 1.6rem
}

.share-password-dialog .instructions {
	color: var(--arc-color-text-secondary);
	font-size: 1.4rem;
	margin-block-end: 1.6rem
}

.share-password-dialog .label {
	color: var(--arc-color-text-secondary);
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase
}

.share-password-dialog .input {
	background-color: #fff;
	background-image: none;
	border: 0;
	border-block-end: 1px solid #eee;
	border-radius: 0;
	display: block;
	font-size: 1.7rem;
	outline: none;
	padding-block: 1rem;
	padding-inline: 0 1rem;
	text-align: start;
	width: 100%
}

.share-password-dialog .dialog__toolbar {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-block-start: 3rem
}

.share-password-dialog .button {
	background: #4fbdf4;
	border-radius: 2.25rem;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 1.4rem;
	font-weight: 700;
	height: 4.5rem;
	line-height: 4.5rem;
	margin-block: 0;
	margin-inline: 10px;
	min-width: 180px;
	padding-block: 0;
	padding-inline: 3.5rem;
	text-decoration: none;
	transition: box-shadow 90ms ease-in-out, transform 90ms ease-in-out
}

.localized-share-preview {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw
}

.localized-share-preview__header.app-header {
	position: relative
}

@media(max-width:48em) {
	.localized-share-preview__header.app-header {
		padding-inline: 1rem
	}

	.localized-share-preview__header.app-header .app-header__title {
		display: none
	}

	.localized-share-preview__header.app-header .app-header__title-dropdowns {
		margin-inline: 0;
		min-width: unset
	}
}

.localized-share-preview__preview-button {
	align-items: center;
	display: flex;
	gap: .8rem
}

@media(max-width:48em) {
	.localized-share-preview__preview-button-icon {
		display: none
	}
}

.localized-share-preview__curtain--hide {
	display: none
}

.localized-share-preview__iframe {
	flex: 1
}

.app-header {
	--button-transition: all 0.2s ease-out, outline 0ms;
	align-items: center;
	background: #fff;
	border-block-end: .1rem solid #eaeaeb;
	color: #000;
	display: flex;
	height: 5.1rem;
	inset-block-start: 0;
	inset-inline: 0;
	padding-block: .9rem;
	padding-inline: 0 2.4rem;
	position: fixed;
	z-index: 1000
}

.app-header__menu-close {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	transition: background .3s linear;
	width: 100%
}

.app-header__menu-close:active,
.app-header__menu-close:hover {
	background: #f7f7f7
}

.app-header__menu-btn {
	border-inline-end: .1rem solid #eaeaeb;
	flex-shrink: 0;
	height: calc(5.1rem - 1px);
	text-align: center;
	width: 5rem
}

.app-header__menu-btn .button,
.app-header__menu-btn:is(a) {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	transition: background .3s
}

.app-header__menu-btn .button:focus-visible,
.app-header__menu-btn .button:hover,
.app-header__menu-btn:is(a):focus-visible,
.app-header__menu-btn:is(a):hover {
	background: #f7f7f7
}

.app-header__menu-btn .button img,
.app-header__menu-btn:is(a) img {
	font-size: 2.4rem;
	vertical-align: middle
}

.app-header__menu-btn .button {
	height: calc(5.1rem - 1px);
	width: 100%
}

.app-header__menu-btn .button__icon {
	font-size: 2.4rem;
	vertical-align: middle
}

.app-header__menu-btn:is(a) {
	outline-offset: -2px;
	text-decoration: none
}

.app-header__back-icon {
	color: var(--arc-color-text-primary);
	font-size: 1.8rem
}

.app-header__title-dropdowns {
	display: flex;
	flex-shrink: 1;
	gap: 1rem;
	margin-block: 0;
	margin-inline: 2rem 1.4rem;
	min-width: 24.8rem
}

.app-header__title {
	align-items: center;
	color: #000;
	display: flex;
	font-size: var(--arc-font-size-14);
	font-weight: var(--arc-font-weight-600);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-header__title [class*=icon-] {
	color: #000;
	font-size: 2rem;
	margin-inline-end: .6rem;
	vertical-align: -.3rem
}

.app-header__dropdowns {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: 500;
	gap: 1.25rem
}

.app-header__menu-btn+.app-header__title {
	inset-inline-start: 7rem
}

.app-header--settings .app-header__title {
	text-transform: capitalize
}

.app-header__control,
.app-header__editing {
	color: #0000004d;
	display: inline-block;
	font-size: 1.4rem
}

.app-header__control {
	color: #000;
	cursor: pointer;
	margin-inline-start: 1rem
}

.app-header__control:before {
	content: "—";
	margin-inline-end: .4rem
}

.app-header__btn-group {
	align-items: center;
	display: flex;
	height: 5rem;
	inset-block-end: 0;
	margin-inline-start: auto
}

.app-header__btn-group button {
	font-family: inherit
}

.app-header__btn-group button>.instant-links-unpublished-changes-indicator {
	margin-inline-start: var(--arc-space-0-75)
}

.app-header__btn {
	-webkit-appearance: none;
	appearance: none;
	background: #0000;
	border: 0;
	border-inline-start: 1px solid #f3f3f3;
	cursor: pointer;
	display: inline-block;
	font-size: inherit;
	height: 5rem;
	padding-block: 0;
	padding-inline: 0;
	position: relative;
	transition: background .3s;
	width: 5rem
}

.app-header__btn:before {
	background: #313537;
	content: "";
	display: block;
	height: .3rem;
	inset-block-start: 0;
	inset-inline-start: 0;
	position: absolute;
	transform: translateY(-.3rem);
	transition: transform .3s;
	width: 100%
}

.app-header__btn:focus {
	outline: none
}

.app-header__btn:hover {
	background: #31353708
}

.app-header__btn--last {
	border-inline-end: 1px solid #f3f3f3
}

.app-header__btn--active {
	background: #3135370f
}

.app-header__btn--active:before {
	transform: translate(0)
}

.app-header__btn-wrap .authoring-tooltip__content {
	transform: translate(-50%)
}

.app-header__btn-wrap--last {
	margin-inline-end: 2rem
}

.app-header__button-spacer {
	margin-block: 0;
	margin-inline: 1.5rem
}

.app-header__button-spacer>.button {
	padding-inline-start: 0
}

.app-header__container {
	box-sizing: initial;
	margin-inline: auto;
	max-width: 102rem;
	padding-inline: 1.9999998rem 1.9999998rem
}

@media(min-width:33.75em) {
	.app-header__container {
		padding-inline: 3rem 3rem
	}
}

@media(min-width:60em) {
	.app-header__container {
		padding-inline: 6rem 6rem
	}
}

.app-header__main {
	box-sizing: border-box;
	display: block;
	float: inline-start;
	margin-inline-start: 25%;
	min-height: 1px;
	padding-inline: .5rem;
	width: 58.3333333333%
}

.app-header__owner-label {
	color: #adaeaf;
	font-size: 1.4rem;
	font-style: italic;
	text-align: end
}

.app-header__divider {
	background: #e4e4e4;
	height: 2rem;
	margin-inline: 2.4rem;
	width: 1px
}

.app-header__trigger {
	cursor: pointer;
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: .05rem;
	margin-inline-end: 3rem
}

.app-header__trigger svg {
	display: inline-block;
	margin-inline-end: .6rem;
	transform: translateY(.1rem)
}

.app-header__publish-to-rise-btn {
	align-items: center;
	display: flex;
	margin-inline-end: 1.5rem
}

.app-header__publish-to-rise-btn .button:first-of-type {
	padding-inline-end: .5rem
}

.app-header__panel-btn {
	--button-margin: 1.5rem;
	--button-outline-offset: 0.5rem;
	--icon-button-width: auto;
	padding-block: 0;
	padding-inline: 1.25rem
}

.app-header__buttons {
	align-items: center;
	display: flex
}

.app-header__icon-btn {
	font-size: 2rem
}

.app-header__theme-btn {
	align-items: center;
	display: flex
}

.app-header__preview-btn {
	display: flex;
	gap: .4rem;
	margin-inline-start: 3rem;
	text-decoration: none
}

.app-header__preview-btn--disabled {
	cursor: not-allowed;
	opacity: .2
}

.app-header__promo-btn {
	background: linear-gradient(134.98deg, #21d2fe -6.07%, #a236fe 86.16%);
	border-radius: .4rem;
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 800;
	padding-block: .1rem;
	padding-inline: .9rem
}

.app-header__promo-btn:disabled {
	cursor: not-allowed
}

.app-header__tooltip-button {
	border-radius: .4rem
}

.app-header--v2 .app-header__buttons {
	align-items: center;
	display: flex;
	font-size: 2rem;
	gap: 1.2rem
}

.app-header--v2 .app-header__divider {
	margin-block: 0;
	margin-inline: 0
}

.app-header--v2 .button--header {
	display: flex;
	font-size: var(--arc-font-size-14);
	font-weight: var(--arc-font-weight-600);
	letter-spacing: normal;
	padding-block: 0;
	padding-inline: 0;
	text-transform: none
}

.app-header--v2 .app-header__icon-btn.button--header {
	align-items: center;
	border-radius: .4rem;
	display: flex;
	font-size: 2rem;
	height: 3rem;
	justify-content: center;
	line-height: normal;
	width: 3rem
}

.app-header--v2 .app-header__icon-btn.button--header--isOpen,
.app-header--v2 .app-header__icon-btn.button--header:hover {
	background: #eee
}

.app-header--v2 .button--header-done {
	align-items: center;
	display: flex;
	font-size: 1.4rem;
	font-weight: 600;
	height: 2.8rem;
	letter-spacing: normal;
	line-height: 1.14285714;
	text-transform: none
}

.app-header--v2 .app-header__preview-btn {
	align-items: center;
	border-radius: 1.6rem;
	color: #fff;
	gap: .6rem;
	height: 3.2rem;
	justify-content: center;
	margin-inline-start: 0;
	min-width: 3.2rem;
	padding-block: .6rem;
	padding-inline: .6rem
}

.app-header--v2 .app-header__preview-btn-text {
	display: none
}

.app-header--v2 .tooltip {
	--tooltip-font-size: 12px;
	--tooltip-font-weight: 600;
	--tooltip-padding: 12px 16px
}

@media(min-width:90em) {
	.app-header--v2 .app-header__buttons {
		gap: 2.4rem
	}

	.app-header--v2 .app-header__preview-btn {
		height: 2.8rem;
		padding-block: .6rem;
		padding-inline: 1.6rem
	}

	.app-header--v2 .app-header__preview-btn-text {
		display: block
	}
}

.lesson-navigation-dropdown {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	width: 40rem
}

.lesson-navigation-dropdown [arc-popover-content] {
	border: none;
	display: flex;
	margin-block: 0;
	margin-inline: 0;
	max-block-size: 42rem;
	max-width: 100%;
	min-width: 40rem;
	overflow-y: auto;
	padding-block: 0;
	padding-inline: 0;
	scroll-behavior: smooth
}

.lesson-navigation-dropdown__group-header {
	align-items: center;
	background: var(--arc-color-background-secondary);
	border: none;
	color: var(--arc-color-text-secondary);
	cursor: pointer;
	display: flex;
	font-size: var(--arc-font-size-12);
	font-weight: var(--arc-font-weight-600);
	gap: var(--arc-space-1);
	padding-block: var(--arc-space-1-5);
	padding-inline: var(--arc-space-2);
	width: 100%
}

.lesson-navigation-dropdown__group-header:focus-visible {
	outline-offset: -.2rem
}

.lesson-navigation-dropdown__group-header-text {
	text-align: left
}

.lesson-navigation-dropdown__group-header-icon svg {
	margin-inline: var(--arc-space-0-25);
	transition: transform .3s ease-out
}

.lesson-navigation-dropdown__group-header-icon--collapsed svg {
	transform: rotate(-90deg)
}

[dir=rtl] .lesson-navigation-dropdown__group-header-icon--collapsed svg {
	transform: rotate(90deg)
}

.lesson-navigation-dropdown__group-list {
	max-height: 50rem;
	opacity: 1;
	overflow: hidden;
	transition: max-height .3s ease-out, opacity .2s ease-out
}

.lesson-navigation-dropdown__group-list--collapsed {
	max-height: 0;
	opacity: 0
}

@media(prefers-reduced-motion) {
	.lesson-navigation-dropdown__group-list {
		transition: none
	}
}

.lesson-navigation-dropdown__list-header,
.lesson-navigation-dropdown__option {
	background: none;
	border-inline-start: var(--arc-size-0-5) solid #0000;
	color: var(--arc-color-text-primary);
	cursor: pointer;
	display: flex;
	font-size: var(--arc-font-size-14);
	padding-block: var(--arc-space-1-5);
	padding-inline: var(--arc-space-2);
	position: relative;
	text-align: left;
	text-decoration: none;
	width: 100%
}

.lesson-navigation-dropdown__list-header:focus-visible,
.lesson-navigation-dropdown__option:focus-visible {
	outline-offset: -.2rem
}

.lesson-navigation-dropdown__list-header:hover:not(.lesson-navigation-dropdown__list-header),
.lesson-navigation-dropdown__option:hover:not(.lesson-navigation-dropdown__list-header) {
	background-color: var(--arc-color-background-secondary-hover)
}

.lesson-navigation-dropdown__list-header--selected,
.lesson-navigation-dropdown__option--selected {
	background-color: var(--arc-color-background-primary-selected);
	border-inline-start: var(--arc-size-0-5) solid var(--arc-color-brand-root);
	font-weight: var(--arc-font-weight-600)
}

.lesson-navigation-dropdown__list-header--selected:hover,
.lesson-navigation-dropdown__option--selected:hover {
	border-color: var(--arc-color-text-primary)
}

.lesson-navigation-dropdown__list-header--with-icon,
.lesson-navigation-dropdown__option--with-icon {
	gap: var(--arc-space-1)
}

.lesson-navigation-dropdown__list-header {
	color: var(--arc-color-text-primary);
	cursor: default;
	font-weight: var(--arc-font-weight-600)
}

.lesson-navigation-dropdown__course-nav-links {
	border-block-end: var(--arc-border-width-sm) solid var(--arc-color-border-standard)
}

.curtain {
	margin-block: 2.9rem;
	margin-inline: 0;
	max-width: 50%;
	text-align: center
}

.curtain__cancel {
	margin-block-start: 5rem
}

.curtain__container {
	align-items: center;
	background: #fff;
	display: flex;
	font-family: var(--arc-font-family-body, "Lato", sans-serif);
	inset-block: 0;
	inset-inline: 0;
	justify-content: center;
	position: fixed;
	z-index: 9000
}

.curtain__container--show-header {
	inset-block-start: 5rem
}

.curtain__title {
	color: #000;
	font-size: 3.2rem;
	font-weight: 300;
	letter-spacing: -.1px;
	margin-block-end: 1.5rem
}

.curtain__description {
	color: #4a4a4a;
	font-size: 1.3rem;
	letter-spacing: .5px;
	line-height: 1.77;
	margin-block-end: 3rem;
	opacity: .8;
	width: 43rem
}

.curtain__text {
	font-size: 2.4rem;
	font-weight: 300;
	margin-block-start: 3rem
}

.curtain__spinner {
	animation: spin 1.5s linear infinite;
	border: .2rem solid #00000080;
	border-inline-start: .2rem solid #00000026;
	border-radius: 50%;
	height: 3.2rem;
	margin-block: 0;
	margin-inline: auto;
	width: 3.2rem
}

.curtain__spinner--reconnect {
	height: 5.1rem;
	margin-block-end: 1.5rem;
	width: 5.1rem
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.locales-dropdown {
	--arc-color-background-primary-selected: #ddf4fd;
	--arc-color-background-secondary-hover: #ededed;
	--arc-color-background-tertiary: #e6e6e6;
	--arc-color-neutral-050: #f7f7f7;
	--arc-color-border-standard: #0000001a;
	--arc-color-brand-root: #00aff0;
	--arc-color-text-secondary: #636363;
	--arc-font-size-10: 1rem;
	--arc-font-size-12: 1.2rem;
	--arc-font-weight-600: 600;
	--arc-border-radius-circle: 50%;
	--arc-border-radius-pill: 100vh;
	--arc-border-radius-lg: 8px;
	--arc-space-0-5: 4px;
	--arc-space-1-5: 12px;
	display: flex;
	flex-direction: column;
	position: relative
}

.locales-dropdown__trigger {
	align-items: center;
	border-radius: var(--arc-border-radius-pill);
	display: flex;
	flex-flow: row nowrap;
	font-size: var(--arc-font-size-12);
	font-weight: var(--arc-font-weight-600);
	gap: var(--arc-space-0-5);
	padding-block: .4rem;
	padding-inline: 1.4rem;
	text-wrap: none
}

.locales-dropdown--isOpen .locales-dropdown__trigger {
	background: var(--arc-color-background-tertiary)
}

.locales-dropdown__trigger-wrap {
	display: flex;
	flex-direction: row
}

.locales-dropdown__contents {
	align-items: stretch;
	background-color: #fff;
	border-radius: var(--arc-border-radius-lg);
	box-shadow: 0 .4rem 2.4rem #0000001a;
	display: flex;
	flex-direction: column;
	inset-block-start: calc(100% + var(--arc-space-0-5));
	inset-inline-start: 0;
	line-height: 1;
	max-height: calc(100vh - 14rem);
	min-width: 100%;
	overflow-y: auto;
	padding-block: var(--arc-space-0-5);
	padding-inline: var(--arc-space-0-5);
	position: absolute;
	visibility: hidden;
	z-index: -1
}

.locales-dropdown--isOpen .locales-dropdown__contents {
	visibility: visible
}

.locales-dropdown__grouping-header {
	color: var(--arc-color-text-secondary);
	font-size: var(--arc-font-size-10);
	font-weight: var(--arc-font-weight-600);
	padding-block: var(--arc-space-0-5);
	padding-inline: var(--arc-space-1-5)
}

.locales-dropdown__option {
	border-radius: .4rem;
	color: inherit;
	flex-shrink: 0;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	text-align: start;
	text-decoration: none;
	white-space: nowrap
}

.locales-dropdown__option:focus {
	z-index: 1
}

.locales-dropdown__option:hover {
	background: var(--arc-color-background-secondary-hover)
}

.locales-dropdown__option--checked,
.locales-dropdown__option--checked:hover {
	background: var(--arc-color-background-primary-selected)
}

.locales-dropdown__option:focus-within {
	outline: 5px auto Highlight;
	outline: 5px auto -webkit-focus-ring-color
}

.locales-dropdown__stack-button {
	border-block-start: .1rem solid var(--arc-color-border-standard);
	color: inherit;
	flex-shrink: 0;
	line-height: 1;
	margin-block-start: .4rem;
	padding-block: 1.2rem;
	padding-inline: 1.2rem;
	text-decoration: none
}

.locales-dropdown__stack-button:hover {
	background: var(--arc-color-background-secondary-hover);
	border-color: #0000;
	border-radius: .4rem
}

.locales-dropdown__message-indicator {
	background-color: var(--arc-color-brand-root);
	border: 2px solid var(--arc-color-background-tertiary);
	border-radius: var(--arc-border-radius-circle);
	height: 10px;
	inset-block-start: 2px;
	inset-inline-start: 21px;
	position: absolute;
	width: 10px
}

.locales-dropdown--isOpen .locales-dropdown__message-indicator {
	border-color: var(--arc-color-neutral-050)
}

.not-found {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-block: 9.1rem;
	padding-inline: 4.5rem
}

.not-found__copy {
	color: #717171;
	font-size: 1.8rem;
	line-height: 3rem;
	margin-inline-end: 4.5rem;
	max-width: 49.5rem
}

@media(max-width:29.9375em) {
	.not-found__copy {
		margin-block-end: 4.5rem;
		margin-inline-end: 0
	}
}

.not-found__copy a {
	color: #47bde9;
	text-decoration: none
}

.not-found__copy--heading {
	color: #000;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 5.4rem;
	margin-block-end: 1.9rem
}