/*Style For Course Page and Lesson Content*/
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,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  /* font-size: 100%; */
  /* font: inherit; */
  /* margin: 0;
  padding: 0; */
  vertical-align: baseline;
}
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;
}
.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 0.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);
}
button {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0;
}
@media (forced-colors: active) {
  svg {
    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 {
  -moz-osx-font-smoothing: initial;
  -webkit-font-smoothing: initial;
  font-family: Graphik, Helvetica Neue, Helvetica, Arial, Lucida Grande,
    sans-serif;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 24px;
}
.osano-cm-drawer-toggle .osano-cm-label {
  font-size: 16px;
  margin: 0 auto 0 0;
}
.i-alert {
  fill: #de1d1d;
}
.i-allCourses {
  fill: #000;
}
.i-alt {
  fill: #313537;
}
.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: #313537;
}
.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: #313537;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
* {
  box-sizing: border-box;
}
body,
html {
  background: #f5f5f5;
}

html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 62.5%;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

/*
@keyframes slide-in {
  to {
    transform: translateX(0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
/* #app, */
#app {
  min-height: 100%;
  /* overflow: scroll; */
}
#customapp,
#innerApp,
.transition-group {
  height: 100%;
  overflow: hidden;
}
a[data-external] {
  cursor: pointer;
  text-decoration: underline;
}
@-moz-document url-prefix("") {
  a,
  div,
  span {
    outline-color: #000;
  }
}
:-webkit-full-screen-ancestor:not(iframe) {
  animation-name: none !important;
}
.classic .lesson-progress {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.classic .lesson-progress--compact {
  height: 2.6rem;
  right: 0.7rem;
  top: 0.7rem;
  width: 2.6rem;
}
.classic .lesson-progress--cover {
  height: 2.8rem;
  right: 2.5rem;
  top: 1.3rem;
  width: 2.8rem;
}
.classic .lesson-progress--sidebar {
  height: 3rem;
  right: 1.3rem;
  top: 1.1rem;
  width: 3rem;
}
.classic .lesson-progress--overlay {
  height: 3rem;
  right: -0.5rem;
  top: 0;
  width: 3rem;
}
.classic .lesson-progress--inactive {
  pointer-events: none;
}
.classic .lesson-progress__graphic {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
}
.classic .lesson-progress__action {
  cursor: pointer;
}
.classic .lesson-progress__tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  max-width: none;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content;
}
.classic .lesson-progress__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .lesson-progress__tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.classic .lesson-progress__tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.classic .lesson-progress__tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.classic .lesson-progress__tooltip__inner--dark:after {
  background: #f8f8f8;
}
.classic .progress-circle {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.classic .progress-circle__track--light {
  stroke: rgba(0, 0, 0, 0.15);
}
.classic .progress-circle__track--accent-full-dark {
  stroke: hsla(0, 0%, 100%, 0.5);
}
.classic .progress-circle__track--dark {
  stroke: hsla(0, 0%, 100%, 0.15);
}
@media (forced-colors: active) {
  .classic .progress-circle__track {
    stroke-width: 3;
    stroke: CanvasText;
  }
}
.classic .progress-circle__runner {
  stroke: currentColor;
  transition: stroke-dashoffset 0.4s ease-out, fill 0.3s ease 0.3s,
    stroke 0.3s ease 0.3s;
}
.classic .progress-circle__runner--done,
.classic .progress-circle__runner--unstarted {
  transition: none;
}
.classic .progress-circle__runner--accent-full-dark {
  stroke: #fff;
}
.classic .progress-circle__runner--accent-full-light {
  stroke: #313537;
}
@media (forced-colors: active) {
  .classic .progress-circle__runner {
    stroke: MarkText;
  }
}
.classic .progress-circle__runner--done {
  fill: currentColor;
}
@media (forced-colors: active) {
  .classic .progress-circle__runner--done {
    fill: Canvas;
  }
}
.classic .progress-circle__fail,
.classic .progress-circle__pass {
  fill: #313537;
  opacity: 0;
  transition: opacity 0.3s 0.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;
}
.classic .progress-circle__fail--light,
.classic .progress-circle__pass--light {
  fill: #fff;
}
@media (forced-colors: active) {
  .classic .progress-circle__fail,
  .classic .progress-circle__pass {
    fill: CanvasText;
  }
}
.classic .progress-circle__pass--accent-tint-light,
.classic .progress-circle__pass--gray-light-accent {
  fill: #313537;
}
.classic .progress-circle__pass--accent-full-dark,
.classic .progress-circle__pass--accent-full-light {
  fill: currentColor;
}
.classic .progress-circle__pass--image {
  fill: #313537;
}
@media (forced-colors: active) {
  .classic .progress-circle__pass {
    fill: CanvasText;
  }
}
.classic
  .progress-circle--sidebar
  .progress-circle__runner--done.progress-circle__runner--dark,
.classic
  .progress-circle--sidebar.progress-circle--current
  .progress-circle__runner--done.progress-circle__runner--dark {
  fill: currentColor;
  stroke: currentColor;
}
.classic
  .progress-circle__runner--done.progress-circle__runner--accent-full-dark,
.classic .progress-circle__runner--done.progress-circle__runner--image {
  fill: #fff;
  stroke: #fff;
}
.classic
  .progress-circle__runner--done.progress-circle__runner--accent-full-light {
  fill: #313537;
  stroke: #313537;
}
.classic .progress-circle__track--image {
  stroke: #e1e1e1;
  stroke-opacity: 0.5;
}
.classic .progress-circle__runner--image {
  stroke: #fff;
}
@media (forced-colors: active) {
  .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,
.default .nav-compact {
  bottom: 2rem;
  left: 4rem;
  position: fixed;
  transition-duration: 0.3s;
  transition-property: visibility, opacity, bottom;
  transition-timing-function: ease;
  z-index: 300;
}
.classic .nav-compact--navNextIsVisible,
.default .nav-compact--navNextIsVisible {
  bottom: 8.4rem;
}
.classic .nav-compact__wrap,
.default .nav-compact__wrap {
  border-radius: 7px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
  outline: 1px solid transparent;
  transition: transform 0.3s ease;
  width: 24rem;
}
.classic .nav-compact--dark .nav-compact__wrap {
  background-color: #202121;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.classic .nav-compact--dark .nav-compact__wrap--collapsed {
  border-radius: 0.8rem;
}
.classic .nav-compact--light .nav-compact__wrap {
  background-color: #fff;
}
.classic .nav-compact__header,
.classic .nav-compact__header-image,
.default .nav-compact__header,
.default .nav-compact__header-image {
  border-radius: 7px 7px 0 0;
  transition: border-radius 0.4s;
}
.classic .nav-compact__header--collapsed,
.classic .nav-compact__header-image--collapsed,
.default .nav-compact__header--collapsed,
.default .nav-compact__header-image--collapsed {
  border-radius: 7px;
}
.classic .nav-compact__header--accent,
.classic .nav-compact__header-image--accent,
.default .nav-compact__header--accent,
.default .nav-compact__header-image--accent {
  background-color: currentColor;
}
.classic .nav-compact__header,
.classic .nav-compact__header-inner,
.default .nav-compact__header,
.default .nav-compact__header-inner {
  position: relative;
}
.classic .nav-compact__header,
.classic .nav-compact__header--collapsed,
.default .nav-compact__header,
.default .nav-compact__header--collapsed {
  padding: 1.5rem;
}
.classic .nav-compact__header-inner--light,
.default .nav-compact__header-inner--light {
  color: #313537;
}
.classic .nav-compact__header-inner--accent,
.classic .nav-compact__header-inner--dark,
.classic .nav-compact__header-inner--image,
.default .nav-compact__header-inner--accent,
.default .nav-compact__header-inner--dark,
.default .nav-compact__header-inner--image {
  color: #fff;
}
.classic .nav-compact__header-inner--accent-light,
.default .nav-compact__header-inner--accent-light {
  color: #313537;
}
.classic
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-runner,
.default
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-runner {
  background-color: #313537;
}
.classic
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-track,
.default
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-track {
  background-color: rgba(0, 0, 0, 0.2);
}
.classic .nav-compact__header-inner--accent-dark,
.default .nav-compact__header-inner--accent-dark {
  color: #fff;
}
.classic
  .nav-compact__header-inner--accent-dark
  .nav-compact__header-progress-runner,
.default
  .nav-compact__header-inner--accent-dark
  .nav-compact__header-progress-runner {
  background-color: #fff;
}
.classic .nav-compact__header-image,
.default .nav-compact__header-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.classic .nav-compact__header-controls,
.default .nav-compact__header-controls {
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
  top: -0.4rem;
}
.classic .nav-compact__header-control,
.default .nav-compact__header-control {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 1.8rem;
  justify-content: center;
  margin-left: 1rem;
  width: 1.8rem;
}
.classic .nav-compact__header-control--image,
.default .nav-compact__header-control--image {
  color: #fff;
}
.classic .nav-compact__header-control--image:hover,
.default .nav-compact__header-control--image:hover {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.classic .nav-compact__header-search-icon,
.default .nav-compact__header-search-icon {
  height: 1.2rem;
  width: 1.2rem;
}
.classic .nav-compact__header-toggle-icon,
.default .nav-compact__header-toggle-icon {
  height: 0.6rem;
  width: 1rem;
}
.classic .nav-compact__header-counter,
.default .nav-compact__header-counter {
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-bottom: 0.5rem;
}
.classic .nav-compact__header-title,
.default .nav-compact__header-title {
  display: flex;
}
.classic .nav-compact__header-title-link,
.default .nav-compact__header-title-link {
  color: inherit;
  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,
.default .nav-compact__header-title-link:focus {
  outline-offset: 2px;
  outline-width: 2px;
}
.classic .nav-compact__header-progress,
.default .nav-compact__header-progress {
  margin-top: 1rem;
}
.classic .nav-compact__header-progress-text,
.default .nav-compact__header-progress-text {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  line-height: 1.1rem;
  margin-bottom: 0.6rem;
}
.classic .nav-compact__header-progress-text--collapsed,
.default .nav-compact__header-progress-text--collapsed {
  height: 0;
  margin-bottom: 0;
  transition: height 0.3s, margin-bottom 0.3s;
  visibility: hidden;
}
.classic .nav-compact__header-progress-runner,
.classic .nav-compact__header-progress-track,
.default .nav-compact__header-progress-runner,
.default .nav-compact__header-progress-track {
  border-radius: 0.2rem;
  height: 0.4rem;
}
.classic .nav-compact__header-progress-track,
.default .nav-compact__header-progress-track {
  background-color: #eee;
}
.classic .nav-compact__header-progress-track--image,
.classic
  .nav-compact__header-progress-track--image.nav-compact__header-progress-track--dark {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.classic .nav-compact__header-progress-track--accent,
.classic .nav-compact__header-progress-track--dark,
.default .nav-compact__header-progress-track--accent,
.default .nav-compact__header-progress-track--dark {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.classic .nav-compact__header-progress-runner,
.default .nav-compact__header-progress-runner {
  background-color: currentColor;
  transition: width 0.6s;
}
.classic .nav-compact__header-progress-runner--accent,
.classic .nav-compact__header-progress-runner--image,
.default .nav-compact__header-progress-runner--accent,
.default .nav-compact__header-progress-runner--image {
  background-color: #fff;
}
.classic .nav-compact__outline,
.default .nav-compact__outline {
  border-radius: 0 0 7px 7px;
  max-height: 35rem;
  overflow-x: hidden;
  overflow-y: auto;
  transition: max-height 0.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,
.default
  .nav-compact__outline-section-list
  .nav-compact__outline-list-item:last-of-type,
.default
  .nav-compact__outline-section:last-of-type
  .nav-compact__outline-section-empty,
.default
  .nav-compact__outline-section:last-of-type
  .nav-compact__outline-section-toggle--collapsed {
  margin-bottom: 0.8rem;
}
.classic .nav-compact__outline--collapsed,
.default .nav-compact__outline--collapsed {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.classic .nav-compact__outline:hover,
.default .nav-compact__outline:hover {
  border-radius: 0 0 0.7rem 0.7rem;
}
.classic .nav-compact__outline::-webkit-scrollbar,
.default .nav-compact__outline::-webkit-scrollbar {
  -webkit-appearance: none;
}
.classic .nav-compact__outline::-webkit-scrollbar:vertical,
.default .nav-compact__outline::-webkit-scrollbar:vertical {
  width: 0.8rem;
}
.classic .nav-compact__outline::-webkit-scrollbar-thumb,
.default .nav-compact__outline::-webkit-scrollbar-thumb {
  border-radius: 0.8rem;
}
.classic .nav-compact__outline--dark::-webkit-scrollbar-thumb,
.default .nav-compact__outline--dark::-webkit-scrollbar-thumb {
  background-color: #757575;
  border: 0.2rem solid #202121;
}
.classic .nav-compact__outline--light::-webkit-scrollbar-thumb,
.default .nav-compact__outline--light::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border: 0.2rem solid #fff;
}
.classic .nav-compact__outline-list,
.default .nav-compact__outline-list {
  border-radius: 0 0 7px 7px;
}
.classic .nav-compact__outline-list-item,
.default .nav-compact__outline-list-item {
  position: relative;
}
.classic .nav-compact__outline-item--active,
.classic .nav-compact__outline-section-item--active,
.default .nav-compact__outline-item--active,
.default .nav-compact__outline-section-item--active {
  font-weight: 700;
}
.classic .nav-compact__outline-item--active:after,
.classic .nav-compact__outline-section-item--active:after,
.default .nav-compact__outline-item--active:after,
.default .nav-compact__outline-section-item--active:after {
  border-left: 0.5rem solid;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.classic .nav-compact__outline-item--restricted,
.classic .nav-compact__outline-section-item--restricted,
.default .nav-compact__outline-item--restricted,
.default .nav-compact__outline-section-item--restricted {
  cursor: not-allowed;
}
.classic .nav-compact__outline-item-tooltip,
.classic .nav-compact__outline-section-item-tooltip,
.default .nav-compact__outline-item-tooltip,
.default .nav-compact__outline-section-item-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.classic .nav-compact__outline-item-tooltip--visible,
.classic .nav-compact__outline-section-item-tooltip--visible,
.default .nav-compact__outline-item-tooltip--visible,
.default .nav-compact__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .nav-compact__outline-item-tooltip__inner,
.classic .nav-compact__outline-section-item-tooltip__inner,
.default .nav-compact__outline-item-tooltip__inner,
.default .nav-compact__outline-section-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.classic .nav-compact__outline-item-tooltip__inner:after,
.classic .nav-compact__outline-section-item-tooltip__inner:after,
.default .nav-compact__outline-item-tooltip__inner:after,
.default .nav-compact__outline-section-item-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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,
.default .nav-compact__outline-item-tooltip__inner--dark,
.default .nav-compact__outline-section-item-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.classic .nav-compact__outline-item-tooltip__inner--dark:after,
.classic .nav-compact__outline-section-item-tooltip__inner--dark:after,
.default .nav-compact__outline-item-tooltip__inner--dark:after,
.default .nav-compact__outline-section-item-tooltip__inner--dark:after {
  background: #f8f8f8;
}
.classic .nav-compact__outline-item__link,
.classic .nav-compact__outline-section-item__link,
.default .nav-compact__outline-item__link,
.default .nav-compact__outline-section-item__link {
  display: block;
  font-size: 1.3rem;
  height: 100%;
  line-height: 1.6rem;
  padding: 1.2rem 3.1rem 1.2rem 1.5rem;
  text-decoration: none;
  width: 100%;
}
.classic .nav-compact__outline-item__link:focus,
.classic .nav-compact__outline-section-item__link:focus,
.default .nav-compact__outline-item__link:focus,
.default .nav-compact__outline-section-item__link:focus {
  outline-offset: -2px;
  outline-width: 2px;
}
.classic .nav-compact__outline-item__link--dark,
.classic .nav-compact__outline-section-item__link--dark,
.default .nav-compact__outline-item__link--dark,
.default .nav-compact__outline-section-item__link--dark {
  color: #fff;
}
.classic .nav-compact__outline-item__link--light,
.classic .nav-compact__outline-section-item__link--light,
.default .nav-compact__outline-item__link--light,
.default .nav-compact__outline-section-item__link--light {
  color: #313537;
}
.classic
  .nav-compact
  .nav-compact__outline--accent-light
  .progress-circle__pass--light,
.default
  .nav-compact
  .nav-compact__outline--accent-light
  .progress-circle__pass--light {
  fill: #202121;
}
.classic
  .nav-compact
  .nav-compact__outline--accent-dark
  .progress-circle__pass--dark,
.default
  .nav-compact
  .nav-compact__outline--accent-dark
  .progress-circle__pass--dark {
  fill: #fff;
}
.classic
  .nav-compact
  .nav-compact__outline--dark
  .progress-circle__runner--failed,
.default
  .nav-compact
  .nav-compact__outline--dark
  .progress-circle__runner--failed {
  stroke: #fff;
  fill: #fff;
}
.classic .nav-compact .nav-compact__outline--dark .progress-circle__fail,
.default .nav-compact .nav-compact__outline--dark .progress-circle__fail {
  fill: #313537;
}
.classic
  .nav-compact
  .nav-compact__outline--light
  .progress-circle__runner--failed,
.default
  .nav-compact
  .nav-compact__outline--light
  .progress-circle__runner--failed {
  stroke: #202121;
  fill: #202121;
}
.classic .nav-compact .nav-compact__outline--light .progress-circle__fail,
.default .nav-compact .nav-compact__outline--light .progress-circle__fail {
  fill: #fff;
}
.classic
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover,
.default
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover {
  background-color: #eee;
  color: #313537;
}
.classic
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon {
  color: inherit;
}
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover {
  background-color: #353535;
  color: #fff;
}
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.classic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):focus
  .nav-compact__outline-section-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-item__link-icon,
.default
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):hover
  .nav-compact__outline-section-item__link-icon {
  color: inherit;
}
.classic .nav-compact__outline-item__link-icon,
.classic .nav-compact__outline-section-item__link-icon,
.default .nav-compact__outline-item__link-icon,
.default .nav-compact__outline-section-item__link-icon {
  forced-color-adjust: auto;
}
.classic .nav-compact__outline-section-empty,
.classic .nav-compact__outline-section-toggle,
.default .nav-compact__outline-section-empty,
.default .nav-compact__outline-section-toggle {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  line-height: 1.2rem;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.classic .nav-compact__outline-section-empty--dark,
.classic .nav-compact__outline-section-toggle--dark,
.default .nav-compact__outline-section-empty--dark,
.default .nav-compact__outline-section-toggle--dark {
  color: #fff;
}
.classic .nav-compact__outline-section-empty--light,
.classic .nav-compact__outline-section-toggle--light,
.default .nav-compact__outline-section-empty--light,
.default .nav-compact__outline-section-toggle--light {
  color: #35393b;
}
.classic .nav-compact__outline-section-toggle,
.default .nav-compact__outline-section-toggle {
  cursor: pointer;
  padding: 1.2rem 1.5rem;
}
.classic .nav-compact__outline-section-toggle:focus,
.default .nav-compact__outline-section-toggle:focus {
  outline-offset: -2px;
  outline-width: 2px;
}
.classic .nav-compact__outline-section-empty,
.default .nav-compact__outline-section-empty {
  padding: 1.2rem 1.5rem 1.2rem 3rem;
}
.classic .nav-compact__outline-section-toggle-icon,
.default .nav-compact__outline-section-toggle-icon {
  flex-shrink: 0;
  margin-right: 0.6rem;
  order: -1;
  transition: transform 0.3s;
  width: 0.9rem;
}
.classic .nav-compact__outline-section-toggle-icon--collapsed,
.default .nav-compact__outline-section-toggle-icon--collapsed {
  transform: rotate(-90deg);
}
.classic .nav-compact__outline-section-toggle-icon--dark,
.default .nav-compact__outline-section-toggle-icon--dark {
  color: #fff;
}
.classic .nav-compact__outline-section-toggle-icon--light,
.default .nav-compact__outline-section-toggle-icon--light {
  color: #6a737c;
}
@media (forced-colors: active) {
  .classic .nav-compact__outline-section-toggle-icon--dark,
  .classic .nav-compact__outline-section-toggle-icon--light,
  .default .nav-compact__outline-section-toggle-icon--dark,
  .default .nav-compact__outline-section-toggle-icon--light {
    color: ButtonText;
  }
}
.classic .nav-compact__outline-section-list,
.default .nav-compact__outline-section-list {
  transition: max-height 0.3s, opacity 0.5s;
}
.classic .nav-compact__outline-section-list--collapsed,
.default .nav-compact__outline-section-list--collapsed {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.classic .lesson--open .nav-compact,
.default .lesson--open .nav-compact {
  opacity: 0;
  visibility: hidden;
}
.classic .lesson--open .nav-compact__wrap,
.default .lesson--open .nav-compact__wrap {
  transform: translateX(28rem);
}
@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,
.default .lesson--entering .nav-compact__wrap {
  animation: classic-nav-compact-enter 0.4s;
}
.classic .lesson--exiting .nav-compact__wrap,
.default .lesson--exiting .nav-compact__wrap {
  animation: classic-nav-compact-exit 0.4s;
  opacity: 0;
}
.classic .nav-overlay {
  --color-nav-overlay-header-control-btn-hover: rgba(0, 0, 0, 0.25);
  --color-nav-overlay-header-control-btn-hover-dark: hsla(0, 0%, 100%, 0.25);
}
.classic .nav-overlay__body {
  height: 100%;
  margin: 0 auto;
  overflow-y: auto;
  width: 100%;
}
.classic .nav-overlay__content {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.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-bottom: 3.2rem;
  width: 100%;
}
@media (max-width: 29.9375em) {
  .classic .nav-overlay__header-container {
    padding-bottom: 4.8rem;
  }
  .classic .nav-overlay__header-controls {
    padding: 1.6rem 1.6rem 1.2rem;
  }
}
.classic .nav-overlay__header-control-btn {
  padding: 0.5rem 0.5rem 0;
}
.classic .nav-overlay__header-control-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.classic .nav-overlay__header-control-btn--accent-full-dark:hover,
.classic .nav-overlay__header-control-btn--dark:hover,
.classic .nav-overlay__header-control-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.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: 0 auto;
  max-width: 64rem;
  padding: 0 3.2rem;
  width: 100%;
}
@media (min-width: 48em) {
  .classic .nav-overlay__header-title-progress-container {
    padding: 0;
    width: auto;
  }
}
@media (min-width: 62em) {
  .classic .nav-overlay__header-title-progress-container {
    max-width: 83.8rem;
  }
}
.classic .nav-overlay__header-title {
  cursor: pointer;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 6rem;
  max-width: 70rem;
  padding-bottom: 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-bottom: 1.6rem;
  }
}
.classic .nav-overlay__header-title-link {
  color: #313537;
  text-decoration: none;
}
.classic .nav-overlay__header-progress-text {
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  line-height: 1.4rem;
  margin-top: 1.2rem;
}
.classic .nav-overlay__header-progress-runner,
.classic .nav-overlay__header-progress-track {
  border-radius: 10rem;
  height: 0.5rem;
  transition: background-color 0.3s;
}
.classic .nav-overlay__header-progress-track {
  background-color: rgba(49, 53, 55, 0.2);
}
.classic .nav-overlay__header-progress-runner {
  background-color: currentColor;
  transition: width 0.6s;
}
.classic .nav-overlay__outline {
  margin: 4rem auto 0;
  max-width: 64rem;
  padding: 0 3.2rem;
  width: 100%;
}
@media (min-width: 48em) {
  .classic .nav-overlay__outline {
    padding: 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-bottom: 3.2rem;
  position: relative;
}
.classic .nav-overlay__outline-section-list {
  margin-top: 3.2rem;
  padding-bottom: 4.8rem;
}
@media (max-width: 29.9375em) {
  .classic .nav-overlay__outline-section-list {
    padding-bottom: 3.6rem;
  }
}
.classic
  .nav-overlay__outline-section-list
  .nav-overlay__outline-list-item:last-of-type {
  margin-bottom: 0;
}
.classic .nav-overlay__outline-section-text {
  color: #313537;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.65px;
  line-height: 1.68rem;
  text-transform: uppercase;
}
.classic .nav-overlay__outline-section-divider {
  border-bottom: 0.1rem solid #e6e6e7;
  margin-top: 0.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: #707070;
  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
  ):not(.classic .nav-overlay__outline-item--section__link--restricted):active,
.classic
  .nav-overlay__outline-item--section__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(.classic .nav-overlay__outline-item--section__link--restricted):hover,
.classic
  .nav-overlay__outline-item__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(.classic .nav-overlay__outline-item--section__link--restricted):active,
.classic
  .nav-overlay__outline-item__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(.classic .nav-overlay__outline-item--section__link--restricted):hover {
  color: #313537;
}
.classic
  .nav-overlay__outline-item--section__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(
    .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
  ):not(
    .classic .nav-overlay__outline-item--section__link--restricted
  ):hover:before,
.classic
  .nav-overlay__outline-item__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--restricted
  ):active:before,
.classic
  .nav-overlay__outline-item__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--restricted
  ):hover:before {
  background-color: hsla(0, 0%, 77%, 0.2);
  border-radius: 0.8rem;
  bottom: -0.8rem;
  content: "";
  left: -1.2rem;
  position: absolute;
  right: -1.2rem;
  top: -0.8rem;
}
.classic
  .nav-overlay__outline-item--section__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(.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
  ):not(.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
  ):not(.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
  ):not(.classic .nav-overlay__outline-item--section__link--restricted):hover
  .nav-overlay__outline-item-link-icon {
  color: #313537;
}
.classic
  .nav-overlay__outline-item--section__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--restricted
  ):active:before,
.classic
  .nav-overlay__outline-item__link:not(
    .classic .nav-overlay__outline-item__link--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--restricted
  ):active:before {
  background-color: hsla(0, 0%, 77%, 0.4);
}
.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: #717376;
  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-top: 0.3rem;
}
.classic .nav-overlay__outline-lesson-title {
  margin: 0 5rem 0 1.9rem;
  z-index: 1;
}
.classic .nav-overlay__outline-item-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.classic .nav-overlay__outline-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .nav-overlay__outline-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.classic .nav-overlay__outline-item-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.classic .nav-overlay__outline-item-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.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 {
  display: flex;
  justify-content: flex-end;
}
.classic .nav-overlay__search-close-btn {
  padding: 0.5rem 0.5rem 0;
}
.classic .nav-overlay__search-close-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.classic .nav-overlay__search-close-btn--accent-full-dark:hover,
.classic .nav-overlay__search-close-btn--dark:hover,
.classic .nav-overlay__search-close-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.classic .nav-overlay__search-close-icon {
  height: 1.7rem;
  width: 1.7rem;
}
.classic .nav-overlay__search-container {
  align-items: center;
  border-bottom: 0.2rem solid rgba(32, 33, 33, 0.5);
  display: flex;
  padding-bottom: 1.9rem;
  position: relative;
  width: 100%;
}
.classic .nav-overlay__search-body {
  margin: 0 1.6rem;
  width: 85rem;
}
@media (min-width: 30em) {
  .classic .nav-overlay__search-body {
    margin: 0 4rem;
  }
}
@media (min-width: 62em) {
  .classic .nav-overlay__search-body {
    margin: 0 5.6rem;
  }
}
.classic .nav-overlay__search-header {
  left: 0;
  padding: 2rem 1.6rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .classic .nav-overlay__search-header {
    padding: 3.2rem 2.8rem;
  }
}
.classic .nav-overlay__search-icon {
  flex-shrink: 0;
  height: 2.8rem;
  width: 2.8rem;
}
.classic .nav-overlay__search-input {
  background: transparent;
  border: none;
  font-size: 3.2rem;
  line-height: 4rem;
  margin: 0 1.6rem;
  outline: none;
  position: relative;
  width: 100%;
}
.classic .nav-overlay__search-input:-ms-input-placeholder {
  text-transform: capitalize;
}
.classic .nav-overlay__search-input::placeholder {
  text-transform: capitalize;
}
.classic .nav-overlay__search-input::-webkit-input-placeholder {
  color: rgba(32, 33, 33, 0.5);
}
.classic .nav-overlay__search-input:-moz-placeholder,
.classic .nav-overlay__search-input::-moz-placeholder {
  color: rgba(32, 33, 33, 0.5);
  opacity: 1;
}
.classic .nav-overlay__search-input:-ms-input-placeholder {
  color: rgba(32, 33, 33, 0.5);
}
@media (min-width: 48em) {
  .classic .nav-overlay__search-input {
    margin: 0 2.5rem;
  }
}
.classic .nav-overlay__search-input-wrap {
  position: relative;
  width: 100%;
}
.classic .nav-overlay__search-clear-btn {
  padding: 0.5rem 0.5rem 0;
}
.classic .nav-overlay__search-clear-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.classic .nav-overlay__search-clear-btn--accent-full-dark:hover,
.classic .nav-overlay__search-clear-btn--dark:hover,
.classic .nav-overlay__search-clear-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.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: 0.2rem solid #000;
  border-radius: 10rem;
  color: #4a4a4a;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  margin: 3.5rem 0;
  min-width: 9.8rem;
  padding: 1.1rem 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 .nav-overlay--gray {
  background-color: #fafafa;
}
.classic .nav-overlay--dark {
  background-color: #202121;
}
.classic .nav-overlay--dark .nav-overlay__header-progress-track {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.classic .nav-overlay--dark .nav-overlay__header-controls,
.classic .nav-overlay--dark .nav-overlay__header-progress-text,
.classic .nav-overlay--dark .nav-overlay__header-title-link,
.classic .nav-overlay--dark .nav-overlay__outline-item--section__link,
.classic .nav-overlay--dark .nav-overlay__outline-item-link-icon,
.classic .nav-overlay--dark .nav-overlay__outline-item__link,
.classic .nav-overlay--dark .nav-overlay__outline-section-text,
.classic .nav-overlay--dark .nav-overlay__search-clear-btn,
.classic .nav-overlay--dark .nav-overlay__search-close-btn,
.classic .nav-overlay--dark .nav-overlay__search-icon,
.classic .nav-overlay--dark .nav-overlay__search-input {
  color: #fff;
}
.classic .nav-overlay--dark .nav-overlay__search-container {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.classic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input::-webkit-input-placeholder,
.classic
  .nav-overlay--dark
  .nav-overlay__search-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.classic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input:-moz-placeholder,
.classic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input::-moz-placeholder,
.classic .nav-overlay--dark .nav-overlay__search-input:-moz-placeholder,
.classic .nav-overlay--dark .nav-overlay__search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}
.classic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input:-ms-input-placeholder,
.classic .nav-overlay--dark .nav-overlay__search-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.classic .nav-overlay--accent-full-dark .nav-overlay__search-submit-btn,
.classic .nav-overlay--dark .nav-overlay__search-submit-btn,
.classic .nav-overlay--image .nav-overlay__search-submit-btn {
  border-color: transparent;
}
.classic .nav-overlay--accent-full-dark .nav-overlay__header-controls,
.classic .nav-overlay--accent-full-dark .nav-overlay__header-progress-text,
.classic .nav-overlay--accent-full-dark .nav-overlay__header-title-link,
.classic
  .nav-overlay--accent-full-dark
  .nav-overlay__outline-item--section__link,
.classic .nav-overlay--accent-full-dark .nav-overlay__outline-item-link-icon,
.classic .nav-overlay--accent-full-dark .nav-overlay__outline-item__link,
.classic .nav-overlay--accent-full-dark .nav-overlay__outline-section-text,
.classic .nav-overlay--accent-full-dark .nav-overlay__search-clear-btn,
.classic .nav-overlay--accent-full-dark .nav-overlay__search-close-btn,
.classic .nav-overlay--accent-full-dark .nav-overlay__search-icon,
.classic .nav-overlay--accent-full-dark .nav-overlay__search-input {
  color: #fff;
}
.classic .nav-overlay--accent-full-dark .nav-overlay__search-container {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.classic .nav-overlay--accent-full-dark .nav-overlay__header-progress-runner,
.classic .nav-overlay--image .nav-overlay__header-progress-runner {
  color: #fff;
}
.classic .nav-overlay--accent-full-dark .nav-overlay__header-progress-track,
.classic .nav-overlay--image .nav-overlay__header-progress-track {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.classic .nav-overlay--accent-full-light .nav-overlay__header-progress-runner {
  color: #313537;
}
.classic .nav-overlay--accent-full-light .nav-overlay__header-progress-track {
  background-color: rgba(49, 53, 55, 0.2);
}
.classic .nav-overlay--accent-full-light .nav-overlay__header-controls,
.classic .nav-overlay--accent-full-light .nav-overlay__header-progress-text,
.classic
  .nav-overlay--accent-full-light
  .nav-overlay__outline-item--section__link,
.classic .nav-overlay--accent-full-light .nav-overlay__outline-item-link-icon,
.classic .nav-overlay--accent-full-light .nav-overlay__outline-item__link,
.classic .nav-overlay--accent-full-light .nav-overlay__outline-section-text,
.classic .nav-overlay--accent-full-light .nav-overlay__search-close-btn,
.classic .nav-overlay--accent-full-light .nav-overlay__search-exit-btn,
.classic .nav-overlay--accent-full-light .nav-overlay__search-icon,
.classic .nav-overlay--accent-full-light .nav-overlay__search-input {
  color: #313537;
}
.classic .nav-overlay--accent-tint {
  background: currentColor;
}
.classic .nav-overlay--accent-tint .nav-overlay__header-controls,
.classic .nav-overlay--accent-tint .nav-overlay__header-progress-text,
.classic .nav-overlay--accent-tint .nav-overlay__outline-item--section__link,
.classic .nav-overlay--accent-tint .nav-overlay__outline-item-link-icon,
.classic .nav-overlay--accent-tint .nav-overlay__outline-item__link,
.classic .nav-overlay--accent-tint .nav-overlay__outline-section-text,
.classic .nav-overlay--accent-tint .nav-overlay__search-clear-btn,
.classic .nav-overlay--accent-tint .nav-overlay__search-close-btn,
.classic .nav-overlay--accent-tint .nav-overlay__search-icon,
.classic .nav-overlay--accent-tint .nav-overlay__search-input {
  color: #313537;
}
.classic .nav-overlay--accent-full-light .nav-overlay__outline-section-divider,
.classic .nav-overlay--accent-tint .nav-overlay__outline-section-divider {
  border-color: rgba(49, 53, 55, 0.4);
}
.classic .nav-overlay--accent-full-dark,
.classic .nav-overlay--accent-full-light {
  background-color: currentColor;
}
.classic .nav-overlay__outline--dark .progress-circle__pass--accent-dark,
.classic .nav-overlay__outline--light .progress-circle__pass--accent-dark {
  fill: #fff;
}
.classic .nav-overlay__outline--dark .progress-circle__pass--accent-light,
.classic .nav-overlay__outline--light .progress-circle__pass--accent-light {
  fill: #313537;
}
.classic .nav-overlay--image .nav-overlay__header-controls,
.classic .nav-overlay--image .nav-overlay__header-progress-text,
.classic .nav-overlay--image .nav-overlay__header-title-link,
.classic .nav-overlay--image .nav-overlay__outline-item--section__link,
.classic .nav-overlay--image .nav-overlay__outline-item-link-icon,
.classic .nav-overlay--image .nav-overlay__outline-item__link,
.classic .nav-overlay--image .nav-overlay__outline-section-text,
.classic .nav-overlay--image .nav-overlay__search-clear-btn,
.classic .nav-overlay--image .nav-overlay__search-close-btn,
.classic .nav-overlay--image .nav-overlay__search-icon,
.classic .nav-overlay--image .nav-overlay__search-input {
  color: #fff;
}
.classic .nav-overlay--image .nav-overlay__search-container {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.classic
  .nav-overlay--image
  .nav-overlay__search-input::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.classic .nav-overlay--image .nav-overlay__search-input:-moz-placeholder,
.classic .nav-overlay--image .nav-overlay__search-input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}
.classic .nav-overlay--image .nav-overlay__search-input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.classic
  .nav-overlay__outline--accent-full
  .progress-circle__runner--failed-dark-style,
.classic
  .nav-overlay__outline--dark
  .progress-circle__runner--failed-dark-style,
.classic
  .nav-overlay__outline--image
  .progress-circle__runner--failed-dark-style {
  fill: #000;
  stroke: #fff;
  stroke-width: 1;
}
.classic .nav-overlay__outline--accent-full .progress-circle__fail--accent-full,
.classic .nav-overlay__outline--accent-full .progress-circle__fail--dark,
.classic .nav-overlay__outline--accent-full .progress-circle__fail--image,
.classic .nav-overlay__outline--dark .progress-circle__fail--accent-full,
.classic .nav-overlay__outline--dark .progress-circle__fail--dark,
.classic .nav-overlay__outline--dark .progress-circle__fail--image,
.classic .nav-overlay__outline--image .progress-circle__fail--accent-full,
.classic .nav-overlay__outline--image .progress-circle__fail--dark,
.classic .nav-overlay__outline--image .progress-circle__fail--image {
  fill: #fff;
}
.classic
  .nav-overlay__outline--accent-tint
  .progress-circle__runner--failed-light-style,
.classic
  .nav-overlay__outline--gray
  .progress-circle__runner--failed-light-style,
.classic
  .nav-overlay__outline--light
  .progress-circle__runner--failed-light-style {
  fill: #000;
  stroke: #000;
}
.classic .nav-overlay__outline--accent-tint .progress-circle__fail--accent-tint,
.classic .nav-overlay__outline--accent-tint .progress-circle__fail--gray,
.classic .nav-overlay__outline--accent-tint .progress-circle__fail--light,
.classic .nav-overlay__outline--gray .progress-circle__fail--accent-tint,
.classic .nav-overlay__outline--gray .progress-circle__fail--gray,
.classic .nav-overlay__outline--gray .progress-circle__fail--light,
.classic .nav-overlay__outline--light .progress-circle__fail--accent-tint,
.classic .nav-overlay__outline--light .progress-circle__fail--gray,
.classic .nav-overlay__outline--light .progress-circle__fail--light {
  fill: #fff;
}
.classic .nav-overlay__outline--image .progress-circle__runner--failed-image {
  fill: #000;
  stroke: #fff;
  stroke-width: 0.1;
}
.classic .nav-overlay__outline--image .progress-circle__fail--image {
  fill: #fff;
}
.classic .lesson-progress {
  min-width: 2rem;
}
.classic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item--section__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item--section__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item--section__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item--section__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item--section__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item--section__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item--section__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item--section__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item__link--dark:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active,
.classic
  .nav-overlay__outline-item__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active
  .nav-overlay__outline-item-link-icon,
.classic
  .nav-overlay__outline-item__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover,
.classic
  .nav-overlay__outline-item__link--image:not(
    .classic .nav-overlay__outline-item__link--dark--restricted
  ):not(.classic .nav-overlay__outline-item__link--image--restricted):not(
    .classic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--image--restricted
  ):not(
    .classic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover
  .nav-overlay__outline-item-link-icon {
  color: #fff;
}
.classic
  .nav-overlay__outline-item--section__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):active:before,
.classic
  .nav-overlay__outline-item--section__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):hover:before,
.classic
  .nav-overlay__outline-item__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):active:before,
.classic
  .nav-overlay__outline-item__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):hover:before {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.classic
  .nav-overlay__outline-item--section__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):active:before,
.classic
  .nav-overlay__outline-item__link--accent-full:not(
    .classic .nav-overlay__outline-item__link--accent-full--restricted
  ):not(
    .classic .nav-overlay__outline-item--section__link--accent-full--restricted
  ):active:before {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.classic .nav-sidebar__content {
  --background-color: var(--background-color-accent);
  --color-nav-sidebar-text: #fff;
  --color-nav-sidebar-bg: #fafafa;
  --color-nav-sidebar-progress-track: hsla(0, 0%, 100%, 0.502);
  --color-nav-sidebar-pie-check: #fff;
  --color-nav-sidebar-circle-fail: #fff;
  background-color: var(--color-nav-sidebar-bg);
  width: 28rem;
}
.classic .nav-sidebar__content--image {
  --background-color: #313537;
}
.classic .nav-sidebar__content--dark {
  --color-nav-sidebar-bg: #202121;
  --color-nav-sidebar-circle-fail: #313537;
}
.classic .nav-sidebar__content--dark-text {
  --color-nav-sidebar-text: #313537;
  --color-nav-sidebar-progress-track: rgba(0, 0, 0, 0.302);
  --color-nav-sidebar-pie-check: #313537;
}
.classic .nav-sidebar__content--dark-text.nav-sidebar__content--image {
  --color-nav-sidebar-text: #fff;
  --color-nav-sidebar-progress-track: hsla(0, 0%, 100%, 0.502);
}
.classic .nav-sidebar__outline {
  padding: 2.8rem 0;
}
.classic .nav-sidebar__outline--hidden {
  padding: 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-left: 0.5rem solid;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.classic .nav-sidebar__outline-item-tooltip,
.classic .nav-sidebar__outline-section-item-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.classic .nav-sidebar__outline-item-tooltip--visible,
.classic .nav-sidebar__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .nav-sidebar__outline-item-tooltip__inner,
.classic .nav-sidebar__outline-section-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 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: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.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 {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  height: 100%;
  line-height: 1.6rem;
  padding: 1.8rem 4.1rem 1.8rem 4.3rem;
  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--light,
.classic .nav-sidebar__outline-section-item__link--light {
  color: #707070;
}
.classic .nav-sidebar__outline-item__link--dark,
.classic .nav-sidebar__outline-section-item__link--dark {
  color: #bcbcbc;
}
.classic .nav-sidebar__outline-item__link--restricted,
.classic .nav-sidebar__outline-section-item__link--restricted {
  cursor: not-allowed;
}
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-toggle:focus.nav-sidebar__outline-section-toggle--light:after {
  border-bottom: none;
}
.classic
  .nav-sidebar
  .progress-circle__runner--done.progress-circle__runner--done.progress-circle__runner--failed.progress-circle__runner--failed-dark-style {
  fill: #fff;
  stroke: #fff;
}
.classic .nav-sidebar .progress-circle__runner--failed {
  stroke: #202121;
  fill: #202121;
}
.classic .nav-sidebar .progress-circle__fail {
  fill: var(--color-nav-sidebar-circle-fail);
}
.classic .nav-sidebar .progress-circle__pass {
  fill: var(--color-nav-sidebar-pie-check);
}
.classic
  .nav-sidebar
  .progress-circle--sidebar.progress-circle--current
  .progress-circle__runner--done.progress-circle__runner--failed.progress-circle__runner--dark {
  stroke: #fff;
  fill: #fff;
}
.classic .nav-sidebar__outline-item-link-icon,
.classic .nav-sidebar__outline-section-item-link-icon {
  color: #717376;
  forced-color-adjust: auto;
  height: 1.6rem;
  left: 2rem;
  margin-right: 0.7rem;
  position: absolute;
  top: 2.7rem;
  transform: translateY(-50%);
  width: 1.6rem;
}
.classic .nav-sidebar__outline-item-link-icon--dark,
.classic .nav-sidebar__outline-section-item-link-icon--dark {
  color: #bcbcbc;
}
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light.nav-sidebar__outline-item__link--active,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light:not(
    .nav-sidebar__outline-item__link--restricted
  ):focus,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light:not(
    .nav-sidebar__outline-item__link--restricted
  ):hover,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--light.nav-sidebar__outline-section-item__link--active,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--light:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):focus,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--light:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):hover {
  background-color: #f3f3f3;
  color: #313537;
}
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark.nav-sidebar__outline-item__link--active,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark:not(
    .nav-sidebar__outline-item__link--restricted
  ):focus,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark:not(
    .nav-sidebar__outline-item__link--restricted
  ):hover,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--dark.nav-sidebar__outline-section-item__link--active,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--dark:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):focus,
.classic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--dark:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
}
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark.nav-sidebar__outline-item__link
  .nav-sidebar__outline-item-link-icon,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark.nav-sidebar__outline-item__link
  .nav-sidebar__outline-section-item-link-icon,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light.nav-sidebar__outline-item__link
  .nav-sidebar__outline-item-link-icon,
.classic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light.nav-sidebar__outline-item__link
  .nav-sidebar__outline-section-item-link-icon {
  color: inherit;
}
.classic .nav-sidebar__outline-section:not(:first-of-type) {
  margin-top: 0.8rem;
}
.classic .nav-sidebar__outline-section-text,
.classic .nav-sidebar__outline-section-toggle {
  align-items: flex-start;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  line-height: 1.2rem;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.classic .nav-sidebar__outline-section-text--dark,
.classic .nav-sidebar__outline-section-toggle--dark {
  color: #fff;
}
.classic .nav-sidebar__outline-section-text--light,
.classic .nav-sidebar__outline-section-toggle--light {
  color: #35393b;
}
.classic .nav-sidebar__outline-section-toggle {
  cursor: pointer;
  margin: 0 0 0.9rem;
  padding: 1.2rem 2.8rem 1.2rem 2rem;
  position: relative;
}
.classic .nav-sidebar__outline-section-toggle:focus {
  outline-offset: -2px;
  outline-width: 2px;
}
.classic .nav-sidebar__outline-section-toggle--light:after {
  border-bottom: 1px solid #e6e6e7;
  bottom: 0;
  content: "";
  left: 2rem;
  position: absolute;
  right: 2.8rem;
}
.classic .nav-sidebar__outline-section-text {
  padding: 1.2rem 2.8rem 1.2rem 3.5rem;
}
.classic .nav-sidebar__outline-section-toggle-icon {
  flex-shrink: 0;
  margin-right: 0.6rem;
  margin-top: 0.4rem;
  order: -1;
  transition: transform 0.3s;
  width: 0.9rem;
}
.classic .nav-sidebar__outline-section-toggle-icon--collapsed {
  transform: rotate(-90deg);
}
.classic .nav-sidebar__outline-section-toggle-icon--dark {
  color: #fff;
}
.classic .nav-sidebar__outline-section-toggle-icon--light {
  color: #6a737c;
}
@media (forced-colors: active) {
  .classic .nav-sidebar__outline-section-toggle-icon--dark,
  .classic .nav-sidebar__outline-section-toggle-icon--light {
    color: ButtonText;
  }
}
.classic .nav-sidebar__outline-section-list {
  transition: max-height 0.3s, opacity 0.5s;
}
.classic .nav-sidebar__outline-section-list--collapsed {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.classic .lesson--open-mobile .nav-sidebar__content {
  padding-bottom: 4rem;
  width: 26rem;
}
.classic .nav-sidebar-header--searching {
  height: 7.5rem !important;
}
.classic .nav-sidebar-header__inner {
  padding: 2rem;
}
.classic .nav-sidebar-header__inner--compact {
  padding: 1rem 2rem;
}
.classic .nav-sidebar-header__search-btn {
  color: var(--color-nav-sidebar-text);
  height: 2.6rem;
  right: 1.5rem;
  top: 1.3rem;
  width: 2.6rem;
}
.classic .nav-sidebar-header__search-btn--hidden {
  transform: translateY(-1.5rem);
}
.classic .nav-sidebar-header__search-icon {
  height: 1.6rem;
  width: 1.6rem;
}
.classic .nav-sidebar-header__search-area {
  left: 1.9rem;
  right: 1.9rem;
  top: 1.9rem;
}
.classic .nav-sidebar-header__search-area--hidden {
  transform: translateY(calc(-100% - 2rem));
}
.classic .nav-sidebar-header__graphic {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.classic .nav-sidebar-header__content {
  color: #fff;
  margin: 3rem 0 0.5rem;
}
.classic .nav-sidebar-header__content--hidden {
  left: 2rem;
  right: 2rem;
}
.classic .nav-sidebar-header__content--compact {
  margin: 0.7rem 0 1rem;
}
.classic .nav-sidebar-header__title {
  color: var(--color-nav-sidebar-text);
  display: inline-block;
  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-right: 2.4rem;
}
.classic .nav-sidebar-header__progress-runner,
.classic .nav-sidebar-header__progress-track {
  height: 0.2rem;
}
.classic .nav-sidebar-header__progress-track {
  background-color: var(--color-nav-sidebar-progress-track);
  margin-top: 4rem;
}
.classic .nav-sidebar-header__progress-track--compact {
  margin-top: 2rem;
}
.classic .nav-sidebar-header__progress-runner {
  background-color: var(--color-nav-sidebar-text);
  transition: width 0.6s;
}
.classic .nav-sidebar-header__progress-text {
  color: var(--color-nav-sidebar-text);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.01rem;
  line-height: 1.3rem;
  margin-top: 0.5rem;
  text-transform: uppercase;
}
@media (forced-colors: active) {
  .classic
    .nav-sidebar-header__inner--dark-accent
    .nav-sidebar-header__search-icon {
    color: ButtonText;
  }
}
.classic .nav-sidebar-header__inner--dark-accent .nav-sidebar-header__content {
  color: #fff;
}
.classic .nav-sidebar-search {
  border: 0.1rem solid transparent;
  border-radius: 10rem;
}
.classic .nav-sidebar-search__icon {
  color: #444;
  height: 1.6rem;
  left: 1.2rem;
  position: absolute;
  top: 50%;
  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: 0.8rem 3.8rem 0.9rem 3.6rem;
}
.classic .nav-sidebar-search__input:-ms-input-placeholder {
  color: #313537;
  opacity: 1;
}
.classic .nav-sidebar-search__input::placeholder {
  color: #313537;
  opacity: 1;
}
.classic .nav-sidebar-search__close {
  color: #76767c;
  height: 2rem;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}
.classic .nav-sidebar-search__close:focus,
.classic .nav-sidebar-search__close:hover {
  color: #313537;
}
.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: 2rem 0;
}
.classic .nav-sidebar-results__message {
  color: #707070;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin: 0 2.4rem;
}
.classic .nav-sidebar-results__message--dark {
  color: #fff;
}
.classic .nav-sidebar-results__message--light {
  color: #313537;
}
.classic .nav-sidebar-results__term {
  font-style: italic;
}
.classic .nav-sidebar-result {
  margin-bottom: 1rem;
}
.classic .nav-sidebar-result__inner--active:after {
  border-left: 0.5rem solid;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.classic .nav-sidebar-result__link {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 1.4rem;
  padding: 1.8rem 4.3rem;
  position: relative;
  text-decoration: none;
}
.classic .nav-sidebar-result__link--dark {
  color: #fff;
}
.classic .nav-sidebar-result__link--light {
  color: #313537;
}
.classic .nav-sidebar-result__icon {
  height: 1.6rem;
  left: 2rem;
  position: absolute;
  top: 1.8rem;
}
.classic .nav-sidebar-result__title {
  display: block;
  font-weight: 700;
}
.classic .nav-sidebar-result__count {
  display: block;
  font-style: italic;
  margin-top: 0.6rem;
}
.classic .nav-sidebar-result__link--dark.nav-sidebar-result__link--active,
.classic .nav-sidebar-result__link--dark:focus,
.classic .nav-sidebar-result__link--dark:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.classic .nav-sidebar-result__link--light.nav-sidebar-result__link--active,
.classic .nav-sidebar-result__link--light:focus,
.classic .nav-sidebar-result__link--light:hover {
  background-color: #f3f3f3;
}
@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 0.4s;
}
.classic .lesson--entering .nav-sidebar__body > * {
  animation: classic-nav-sidebar-text-enter 0.4s;
}
.classic .lesson--exiting .nav-sidebar__content {
  animation: classic-nav-sidebar-exit 0.6s;
  animation-fill-mode: forwards;
}
.classic .lesson--exiting .nav-sidebar__body > * {
  animation: classic-nav-sidebar-text-exit 0.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 {
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.classic .lesson--entering .lesson__content {
  animation: classic-lesson-content-enter 0.5s;
}
.classic .lesson--exiting .lesson__content {
  animation: classic-lesson-content-exit 0.63s;
  animation-fill-mode: forwards;
}
.classic .page__menu,
.default .page__menu {
  padding: 2rem;
}
@media (max-width: 67.5em) and (min-width: 60em) {
  .classic .lesson--open .lesson-header__main:first-child,
  .classic .lesson--open-mobile .lesson-header__main:first-child,
  .default .lesson--open .lesson-header__main:first-child,
  .default .lesson--open-mobile .lesson-header__main:first-child {
    margin-left: 0;
  }
}
.classic .lesson-header-wrap .lesson-header,
.default .lesson-header-wrap .lesson-header {
  padding-bottom: 7.2rem;
}
@media (max-width: 89.9375em) {
  .classic .lesson-header-wrap .lesson-header,
  .default .lesson-header-wrap .lesson-header {
    /* Gourish Mesta Changed from 6.7rem to 2.7rem */
    padding-bottom: 2.7rem;
  }
}
@media (max-width: 47.9375em) {
  .classic .lesson-header-wrap .lesson-header,
  .default .lesson-header-wrap .lesson-header {
    padding-bottom: 5.7rem;
  }
}
.classic .lesson-header-wrap .lesson-header__top-wrap,
.default .lesson-header-wrap .lesson-header__top-wrap {
  margin: 0;
  padding-bottom: 0;
}
.classic .lesson-header-wrap .lesson-header__top-wrap:after,
.default .lesson-header-wrap .lesson-header__top-wrap:after {
  background: currentColor;
  transition: none;
}
.classic .lesson-header-wrap .lesson-header__author,
.default .lesson-header-wrap .lesson-header__author {
  display: flex;
}
.classic .lesson-header-wrap .lesson-header__author--partner-content,
.default .lesson-header-wrap .lesson-header__author--partner-content {
  display: none;
}
.classic .lesson-header-wrap .lesson-header__author-name,
.default .lesson-header-wrap .lesson-header__author-name {
  font-size: 1.4rem;
  font-weight: 400;
}
.classic .lesson-header-wrap .lesson-header__author-img,
.default .lesson-header-wrap .lesson-header__author-img {
  border: none;
  transform: none !important;
  transform-origin: unset !important;
  transition: none !important;
}
.classic .lesson-header-wrap .lesson-header .lesson-header__partner-content,
.default .lesson-header-wrap .lesson-header .lesson-header__partner-content {
  padding-bottom: 2.4rem;
}
.classic
  .lesson-header-wrap
  .lesson-header
  .lesson-header__partner-content__author,
.default
  .lesson-header-wrap
  .lesson-header
  .lesson-header__partner-content__author {
  color: #282828;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 4rem;
}
.classic .lesson-header-wrap .lesson-header__title,
.default .lesson-header-wrap .lesson-header__title {
  font-size: 4rem;
  line-height: 4.8rem;
  /* Gourish Mesta Changed from 2.4rem to 1rem */
  margin-bottom: 1rem;
}
@media (max-width: 47.9375em) {
  .classic .lesson-header-wrap .lesson-header__title,
  .default .lesson-header-wrap .lesson-header__title {
    font-size: 3.6rem;
    line-height: 4.32rem;
  }
}
.classic .lesson-header-wrap .lesson-header__counter,
.default .lesson-header-wrap .lesson-header__counter {
  color: #313537;
  letter-spacing: 0.05rem;
  /* Gourish Mesta Changed from 1.6rem to 1rem */
  margin-bottom: 1rem;
}
.page__header {
  /* Gourish Mesta  Changed from 5rem to 1rem*/
  padding-top: 1rem !important;
}
.classic .lesson-header-wrap--mobile .page__header,
.default .lesson-header-wrap--mobile .page__header {
  min-height: 12.4rem;
  padding-top: 2rem;
}
.classic .lesson-header-wrap--mobile .lesson-header,
.default .lesson-header-wrap--mobile .lesson-header {
  padding-bottom: 2.8rem;
}
.classic .lesson-header-wrap--mobile .lesson-header__content,
.default .lesson-header-wrap--mobile .lesson-header__content {
  display: flex;
  flex-direction: column;
}
.classic .lesson-header-wrap--mobile .lesson-header__top-wrap,
.default .lesson-header-wrap--mobile .lesson-header__top-wrap {
  margin: 0;
}
.classic .lesson-header-wrap--mobile .lesson-header__top-wrap:after,
.default .lesson-header-wrap--mobile .lesson-header__top-wrap:after {
  height: 0.4rem;
  width: 4rem;
}
.classic .lesson-header-wrap--mobile .lesson-header__counter,
.default .lesson-header-wrap--mobile .lesson-header__counter {
  font-size: 1.2rem;
  font-weight: 400;
  height: 1.4rem;
  order: 0;
  text-align: right;
}
.classic .lesson-header-wrap--mobile .lesson-header__author,
.default .lesson-header-wrap--mobile .lesson-header__author {
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0;
  padding-bottom: 0.4rem;
}
.classic .lesson-header-wrap--mobile .lesson-header__author-img,
.default .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,
.default
  .lesson-header-wrap--mobile
  .lesson-header
  .lesson-header__partner-content {
  padding-bottom: 0;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header
  .lesson-header__partner-content-author,
.default
  .lesson-header-wrap--mobile
  .lesson-header
  .lesson-header__partner-content-author {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0.4rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header
  .lesson-header__partner-content-author-img,
.default
  .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,
.default .lesson-header-wrap--mobile .lesson-header__partner-content--mobile {
  margin-bottom: 0.4rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author {
  height: 3rem;
  margin: 0 0.8rem 0 0;
  padding: 0;
  position: relative;
  width: 3rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author--single,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author--single {
  height: 2.2rem;
  margin: 0 0.8rem 1rem 0;
  width: 2.2rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img {
  height: 2.2rem;
  margin-right: 0;
  position: absolute;
  width: 2.2rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img--single,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img--single {
  left: 0 !important;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:first-of-type,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:first-of-type {
  top: 1rem;
  z-index: 1;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:last-of-type,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:last-of-type {
  left: 1rem;
}
.classic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__author-name,
.default
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__author-name {
  align-items: center;
  display: flex;
  line-height: 2rem;
  margin-top: 1rem;
}
.classic .lesson-header-wrap--mobile .lesson-header__title,
.default .lesson-header-wrap--mobile .lesson-header__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 1.6rem;
}
.classic .lesson-header-wrap--small,
.default .lesson-header-wrap--small {
  min-height: 12.8rem;
}
.classic .lesson-header-wrap--small .page__header,
.default .lesson-header-wrap--small .page__header {
  padding-top: 2.8rem;
}
.classic .lesson-header-wrap--small .lesson-header,
.default .lesson-header-wrap--small .lesson-header {
  padding-bottom: 2.8rem;
}
.classic .lesson-header-wrap--small .lesson-header__content,
.default .lesson-header-wrap--small .lesson-header__content {
  display: flex;
  flex-direction: column;
}
.classic .lesson-header-wrap--small .lesson-header__info-row,
.default .lesson-header-wrap--small .lesson-header__info-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0.4rem;
}
.classic .lesson-header-wrap--small .lesson-header__info-row--divider,
.default .lesson-header-wrap--small .lesson-header__info-row--divider {
  color: #e4e4e4;
  font-size: 1.6rem;
  padding: 0 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,
  .default .lesson-header-wrap--small .lesson-header__info-row,
  .default .lesson-header-wrap--small .lesson-header__title-wrapper--no-info {
    padding-top: 2.8rem;
  }
}
.classic .lesson-header-wrap--small .lesson-header__top-wrap,
.default .lesson-header-wrap--small .lesson-header__top-wrap {
  margin: 0;
}
.classic .lesson-header-wrap--small .lesson-header__top-wrap:after,
.default .lesson-header-wrap--small .lesson-header__top-wrap:after {
  background-color: currentColor;
  background: currentColor;
  height: 0.4rem;
  width: 4rem;
}
.classic .lesson-header-wrap--small .lesson-header__counter,
.default .lesson-header-wrap--small .lesson-header__counter {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  margin: 0;
  opacity: 0.6;
  order: 0;
}
.classic .lesson-header-wrap--small .lesson-header__author,
.default .lesson-header-wrap--small .lesson-header__author {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  margin: 0;
}
.classic .lesson-header-wrap--small .lesson-header__author-img,
.default .lesson-header-wrap--small .lesson-header__author-img {
  height: 2.2rem;
  width: 2.2rem;
}
.classic .lesson-header-wrap--small .lesson-header__title,
.default .lesson-header-wrap--small .lesson-header__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 1.6rem;
}
.classic
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content,
.default
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content {
  padding-bottom: 0;
}
.classic
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author,
.default
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0;
  padding-right: 1.2rem;
}
.classic
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author:last-of-type,
.default
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author:last-of-type {
  padding-right: 0;
}
.classic
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author-img,
.default
  .lesson-header-wrap--small
  .lesson-header
  .lesson-header__partner-content-author-img {
  height: 2rem;
  width: 2rem;
}
.classic .lesson-header-wrap--large .page__header,
.default .lesson-header-wrap--large .page__header {
  padding-top: 10.4rem;
}
@media (max-width: 89.9375em) {
  .classic .lesson-header-wrap--large .page__header,
  .default .lesson-header-wrap--large .page__header {
    padding-top: 6.2rem;
  }
}
.classic .lesson-header-wrap .lesson-header,
.default .lesson-header-wrap .lesson-header {
  /* Gourish Mesta Changed from 6.7rem to 2.7rem */
  padding-bottom: 2.7rem !important;
}
.classic .lesson-header-wrap--large .lesson-header,
.default .lesson-header-wrap--large .lesson-header {
  padding-bottom: 11.2rem;
}
@media (max-width: 89.9375em) {
  .classic .lesson-header-wrap--large .lesson-header,
  .default .lesson-header-wrap--large .lesson-header {
    padding-bottom: 7rem;
  }
}
@media (max-width: 47.9375em) {
  .classic .lesson-header-wrap--large .lesson-header,
  .default .lesson-header-wrap--large .lesson-header {
    padding-bottom: 5.7rem;
  }
}
.classic .lesson-header-wrap--large .lesson-header__top-wrap,
.default .lesson-header-wrap--large .lesson-header__top-wrap {
  margin: 0;
}
.classic .lesson-header-wrap--large .lesson-header__top-wrap:after,
.default .lesson-header-wrap--large .lesson-header__top-wrap:after {
  background: currentColor;
}
.classic .lesson-header-wrap--large .lesson-header__author,
.default .lesson-header-wrap--large .lesson-header__author {
  margin-bottom: 3.7rem;
}
.classic .lesson-header-wrap--large .lesson-header__title,
.default .lesson-header-wrap--large .lesson-header__title {
  font-size: 7.2rem;
  line-height: 8.64rem;
  margin-bottom: 2rem;
}
@media (max-width: 89.9375em) {
  .classic .lesson-header-wrap--large .lesson-header__title,
  .default .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,
  .default .lesson-header-wrap--large .lesson-header__title {
    font-size: 4.4rem;
    line-height: 5.28rem;
  }
}
.classic .lesson-header-wrap--light .lesson-header__top-wrap:after,
.default .lesson-header-wrap--light .lesson-header__top-wrap:after {
  background: currentColor;
}
.classic .lesson-header-wrap--light .lesson-header__author,
.classic .lesson-header-wrap--light .lesson-header__author-name,
.default .lesson-header-wrap--light .lesson-header__author,
.default .lesson-header-wrap--light .lesson-header__author-name {
  color: #282828;
}
.classic .lesson-header-wrap--light .lesson-header__description,
.default .lesson-header-wrap--light .lesson-header__description {
  color: #2d363a;
}
.classic .lesson-header-wrap--light .lesson-header__counter,
.default .lesson-header-wrap--light .lesson-header__counter {
  color: #000;
}
.classic .lesson-header-wrap--gray .page__header,
.default .lesson-header-wrap--gray .page__header {
  background: #fafafa;
}
.classic .lesson-header-wrap--gray .lesson-header__top-wrap:after,
.default .lesson-header-wrap--gray .lesson-header__top-wrap:after {
  background-color: currentColor;
}
.classic .lesson-header-wrap--gray .lesson-header__author,
.classic .lesson-header-wrap--gray .lesson-header__author h1,
.classic .lesson-header-wrap--gray .lesson-header__author-name,
.classic .lesson-header-wrap--gray .lesson-header__author-name h1,
.classic .lesson-header-wrap--gray .lesson-header__counter,
.classic .lesson-header-wrap--gray .lesson-header__counter h1,
.classic .lesson-header-wrap--gray .lesson-header__description,
.classic .lesson-header-wrap--gray .lesson-header__description h1,
.classic .lesson-header-wrap--gray .lesson-header__title,
.classic .lesson-header-wrap--gray .lesson-header__title h1,
.default .lesson-header-wrap--gray .lesson-header__author,
.default .lesson-header-wrap--gray .lesson-header__author h1,
.default .lesson-header-wrap--gray .lesson-header__author-name,
.default .lesson-header-wrap--gray .lesson-header__author-name h1,
.default .lesson-header-wrap--gray .lesson-header__counter,
.default .lesson-header-wrap--gray .lesson-header__counter h1,
.default .lesson-header-wrap--gray .lesson-header__description,
.default .lesson-header-wrap--gray .lesson-header__description h1,
.default .lesson-header-wrap--gray .lesson-header__title,
.default .lesson-header-wrap--gray .lesson-header__title h1 {
  color: #313537;
}
.classic .lesson-header-wrap--gray .lesson-header__title:after,
.default .lesson-header-wrap--gray .lesson-header__title:after {
  background: #202121;
}
.classic .lesson-header-wrap--dark .page__header,
.classic .lesson-header-wrap--image .page__header,
.default .lesson-header-wrap--dark .page__header,
.default .lesson-header-wrap--image .page__header {
  background: #303030;
}
.classic .lesson-header-wrap--black .page__header,
.default .lesson-header-wrap--black .page__header {
  background: #000;
}
.classic .lesson-header-wrap--bg-dark .lesson-header__author,
.classic .lesson-header-wrap--bg-dark .lesson-header__author-name,
.classic .lesson-header-wrap--bg-dark .lesson-header__counter,
.classic .lesson-header-wrap--bg-dark .lesson-header__description,
.classic .lesson-header-wrap--bg-dark .lesson-header__partner-content-author,
.classic .lesson-header-wrap--black .lesson-header__author,
.classic .lesson-header-wrap--black .lesson-header__author-name,
.classic .lesson-header-wrap--black .lesson-header__counter,
.classic .lesson-header-wrap--black .lesson-header__description,
.classic .lesson-header-wrap--black .lesson-header__partner-content-author,
.classic .lesson-header-wrap--dark .lesson-header__author,
.classic .lesson-header-wrap--dark .lesson-header__author-name,
.classic .lesson-header-wrap--dark .lesson-header__counter,
.classic .lesson-header-wrap--dark .lesson-header__description,
.classic .lesson-header-wrap--dark .lesson-header__partner-content-author,
.classic .lesson-header-wrap--image .lesson-header__author,
.classic .lesson-header-wrap--image .lesson-header__author-name,
.classic .lesson-header-wrap--image .lesson-header__counter,
.classic .lesson-header-wrap--image .lesson-header__description,
.classic .lesson-header-wrap--image .lesson-header__partner-content-author,
.default .lesson-header-wrap--bg-dark .lesson-header__author,
.default .lesson-header-wrap--bg-dark .lesson-header__author-name,
.default .lesson-header-wrap--bg-dark .lesson-header__counter,
.default .lesson-header-wrap--bg-dark .lesson-header__description,
.default .lesson-header-wrap--bg-dark .lesson-header__partner-content-author,
.default .lesson-header-wrap--black .lesson-header__author,
.default .lesson-header-wrap--black .lesson-header__author-name,
.default .lesson-header-wrap--black .lesson-header__counter,
.default .lesson-header-wrap--black .lesson-header__description,
.default .lesson-header-wrap--black .lesson-header__partner-content-author,
.default .lesson-header-wrap--dark .lesson-header__author,
.default .lesson-header-wrap--dark .lesson-header__author-name,
.default .lesson-header-wrap--dark .lesson-header__counter,
.default .lesson-header-wrap--dark .lesson-header__description,
.default .lesson-header-wrap--dark .lesson-header__partner-content-author,
.default .lesson-header-wrap--image .lesson-header__author,
.default .lesson-header-wrap--image .lesson-header__author-name,
.default .lesson-header-wrap--image .lesson-header__counter,
.default .lesson-header-wrap--image .lesson-header__description,
.default .lesson-header-wrap--image .lesson-header__partner-content-author {
  color: #fff;
}
.classic .lesson-header-wrap--bg-dark .lesson-header__title,
.classic .lesson-header-wrap--black .lesson-header__title,
.classic .lesson-header-wrap--dark .lesson-header__title,
.classic .lesson-header-wrap--image .lesson-header__title,
.default .lesson-header-wrap--bg-dark .lesson-header__title,
.default .lesson-header-wrap--black .lesson-header__title,
.default .lesson-header-wrap--dark .lesson-header__title,
.default .lesson-header-wrap--image .lesson-header__title {
  color: currentColor;
}
.classic .lesson-header-wrap--bg-dark .lesson-header__title h1,
.classic .lesson-header-wrap--black .lesson-header__title h1,
.classic .lesson-header-wrap--dark .lesson-header__title h1,
.classic .lesson-header-wrap--image .lesson-header__title h1,
.default .lesson-header-wrap--bg-dark .lesson-header__title h1,
.default .lesson-header-wrap--black .lesson-header__title h1,
.default .lesson-header-wrap--dark .lesson-header__title h1,
.default .lesson-header-wrap--image .lesson-header__title h1 {
  color: #fff;
}
.classic .lesson-header-wrap--bg-dark .lesson-header__title:after,
.classic .lesson-header-wrap--bg-dark .lesson-header__top-wrap:after,
.classic .lesson-header-wrap--black .lesson-header__title:after,
.classic .lesson-header-wrap--black .lesson-header__top-wrap:after,
.classic .lesson-header-wrap--dark .lesson-header__title:after,
.classic .lesson-header-wrap--dark .lesson-header__top-wrap:after,
.classic .lesson-header-wrap--image .lesson-header__title:after,
.classic .lesson-header-wrap--image .lesson-header__top-wrap:after,
.default .lesson-header-wrap--bg-dark .lesson-header__title:after,
.default .lesson-header-wrap--bg-dark .lesson-header__top-wrap:after,
.default .lesson-header-wrap--black .lesson-header__title:after,
.default .lesson-header-wrap--black .lesson-header__top-wrap:after,
.default .lesson-header-wrap--dark .lesson-header__title:after,
.default .lesson-header-wrap--dark .lesson-header__top-wrap:after,
.default .lesson-header-wrap--image .lesson-header__title:after,
.default .lesson-header-wrap--image .lesson-header__top-wrap:after {
  background-color: currentColor;
}
.classic .lesson-header-wrap--bg-dark .lesson-header__author-img,
.classic .lesson-header-wrap--black .lesson-header__author-img,
.classic .lesson-header-wrap--dark .lesson-header__author-img,
.classic .lesson-header-wrap--image .lesson-header__author-img,
.default .lesson-header-wrap--bg-dark .lesson-header__author-img,
.default .lesson-header-wrap--black .lesson-header__author-img,
.default .lesson-header-wrap--dark .lesson-header__author-img,
.default .lesson-header-wrap--image .lesson-header__author-img {
  border: none;
}
.classic .lesson-header-wrap--image .lesson-header__top-wrap:after,
.default .lesson-header-wrap--image .lesson-header__top-wrap:after {
  background-color: #fff;
}
.classic .lesson-header-wrap--accent .page__header,
.default .lesson-header-wrap--accent .page__header {
  background: currentColor;
}
.classic .lesson-header-wrap--accent .lesson-header__top-wrap:after,
.default .lesson-header-wrap--accent .lesson-header__top-wrap:after {
  background: #fff;
}
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author-name,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author-name
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__counter,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__counter
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__description,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__description
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author-name,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__author-name
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__counter,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__counter
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__description,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__description
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title
  h1 {
  color: #313537;
}
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title:after,
.classic .lesson-header-wrap--accent .lesson-header__top-wrap--bg-light:after,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-light
  .lesson-header__title:after,
.default .lesson-header-wrap--accent .lesson-header__top-wrap--bg-light:after {
  background: #202121;
}
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-name,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-name
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__counter,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__counter
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__description,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__description
  h1,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title,
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-name,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-name
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__counter,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__counter
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__description,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__description
  h1,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title
  h1 {
  color: #fff;
}
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title:after,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__title:after {
  background: #fff;
}
.classic
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-img,
.default
  .lesson-header-wrap--accent
  .lesson-header__top-wrap--bg-dark
  .lesson-header__author-img {
  border: none;
}
.classic .lesson-header-wrap--accent .lesson-header__top-wrap--bg-dark:after,
.default .lesson-header-wrap--accent .lesson-header__top-wrap--bg-dark:after {
  background: #fff;
}
.classic .lesson-header-wrap--image .page__header,
.default .lesson-header-wrap--image .page__header {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.classic .lesson-header-wrap--tint .lesson-header__top-wrap:after,
.classic .lesson-header-wrap--tint .page__header,
.default .lesson-header-wrap--tint .lesson-header__top-wrap:after,
.default .lesson-header-wrap--tint .page__header {
  background: currentColor;
}
.classic .lesson-header-wrap--tint .lesson-header__author,
.classic .lesson-header-wrap--tint .lesson-header__author-name,
.default .lesson-header-wrap--tint .lesson-header__author,
.default .lesson-header-wrap--tint .lesson-header__author-name {
  color: #282828;
}
.classic .lesson-header-wrap--tint .lesson-header__description,
.default .lesson-header-wrap--tint .lesson-header__description {
  color: #2d363a;
}
.classic .lesson-header-wrap--tint .lesson-header__counter,
.default .lesson-header-wrap--tint .lesson-header__counter {
  color: #000;
}
.classic .lesson-header-wrap--custom .lesson-header__top-wrap--bg-light:after,
.default .lesson-header-wrap--custom .lesson-header__top-wrap--bg-light:after {
  background: #000;
}
.classic .lesson-header-wrap--custom .lesson-header__top-wrap--bg-dark:after,
.default .lesson-header-wrap--custom .lesson-header__top-wrap--bg-dark:after {
  background: #fff;
}
.classic.light-accent .lesson-header-wrap--accent .lesson-header__author,
.classic.light-accent .lesson-header-wrap--accent .lesson-header__author-name,
.classic.light-accent .lesson-header-wrap--accent .lesson-header__title,
.default.light-accent .lesson-header-wrap--accent .lesson-header__author,
.default.light-accent .lesson-header-wrap--accent .lesson-header__author-name,
.default.light-accent .lesson-header-wrap--accent .lesson-header__title {
  color: #282828;
}
.classic.light-accent .lesson-header-wrap--accent .lesson-header__counter,
.default.light-accent .lesson-header-wrap--accent .lesson-header__counter {
  color: #000;
}
.classic.dark-accent .lesson-header-wrap--accent .lesson-header__author,
.classic.dark-accent .lesson-header-wrap--accent .lesson-header__author-name,
.classic.dark-accent .lesson-header-wrap--accent .lesson-header__counter,
.classic.dark-accent .lesson-header-wrap--accent .lesson-header__description,
.classic.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__partner-content-author,
.classic.dark-accent .lesson-header-wrap--accent .lesson-header__title,
.default.dark-accent .lesson-header-wrap--accent .lesson-header__author,
.default.dark-accent .lesson-header-wrap--accent .lesson-header__author-name,
.default.dark-accent .lesson-header-wrap--accent .lesson-header__counter,
.default.dark-accent .lesson-header-wrap--accent .lesson-header__description,
.default.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__partner-content-author,
.default.dark-accent .lesson-header-wrap--accent .lesson-header__title {
  color: #fff;
}
.classic .cover__header-content-action-link,
.classic .cover__my-list-button {
  --button-color: #fff;
  background: var(--button-color);
  border: 0.2rem solid transparent;
  border-radius: 10rem;
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  margin-bottom: 1.7rem;
  margin-right: 0;
  min-width: 9.8rem;
  padding: 1.1rem 2.8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.15s ease-in-out;
  white-space: nowrap;
  width: 100%;
}
@media (resolution: 1dppx) {
  .classic .cover__header-content-action-link,
  .classic .cover__my-list-button {
    transform: scale(0.999);
  }
}
.classic .cover__header-content-action-link:hover,
.classic .cover__my-list-button:hover {
  transform: scale(1.05);
}
.classic .cover__header-content-action-link:active,
.classic .cover__my-list-button:active {
  transform: scale(0.95);
  transition-duration: 0.1s;
}
@media (min-width: 30em) {
  .classic .cover__header-content-action-link,
  .classic .cover__my-list-button {
    width: auto;
  }
}
.classic .cover__my-list-button--checked,
.classic .overview__start-again {
  background-color: transparent;
  color: #fff;
}
.classic {
  background-color: #fff;
}
.classic .cover-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.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;
  object-fit: cover;
}
.classic .cover__header-content {
  --background-color: var(--background-color-accent);
  align-items: center;
  background-color: var(--background-color);
  display: flex;
  min-height: 15.2rem;
  padding: 4.8rem 1.5rem 3.2rem;
}
@media (min-width: 30em) {
  .classic .cover__header-content {
    align-items: center;
    display: flex;
    min-height: 44.6rem;
    padding: 8.8rem 2.2rem;
  }
}
@media (min-width: 48em) {
  .classic .cover__header-content {
    min-height: 55rem;
    padding: 12.4rem 5rem;
  }
}
@media (min-width: 90em) {
  .classic .cover__header-content {
    display: block;
  }
}
.classic .cover__header-content-info {
  margin: 0 auto;
  padding: 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--riseCom {
  max-width: 60rem;
  width: 52.8rem;
}
@media (min-width: 48em) {
  .classic .cover__header-content-info--rbc,
  .classic .cover__header-content-info--riseCom {
    width: 101.6rem;
  }
}
@media (min-width: 75em) {
  .classic .cover__header-content-info--rbc,
  .classic .cover__header-content-info--riseCom {
    max-width: 86.36rem;
  }
}
@media (min-width: 90em) {
  .classic .cover__header-content-info--rbc,
  .classic .cover__header-content-info--riseCom {
    max-width: none;
  }
}
.classic .cover__header-content-authors {
  display: flex;
}
.classic .cover__header-content-authors-avatar,
.classic .cover__header-content-authors-avatar-fallback {
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  height: 4rem;
  margin: 0 1rem 0 0;
  width: 4rem;
}
.classic .cover__header-content-authors-avatar--dark-border,
.classic .cover__header-content-authors-avatar-fallback--dark-border {
  border-color: #313537;
}
.classic .cover__header-content-authors-name {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.8rem;
  margin: 0;
}
.classic .cover__header-content-authors-name--dark-text {
  color: #313537;
}
.classic .cover__header-content-title {
  word-wrap: break-word;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: -0.015rem;
  line-height: 3.8rem;
  margin: 2rem 0 4.8rem;
  max-width: 70.4rem;
}
@media (min-width: 30em) {
  .classic .cover__header-content-title {
    font-size: 4.5rem;
    line-height: 5.2rem;
    margin: 2rem 0 3rem;
    max-width: 70.4rem;
  }
}
@media (min-width: 90em) {
  .classic .cover__header-content-title {
    font-size: 6rem;
    letter-spacing: -0.02rem;
    line-height: 7rem;
    max-width: 140rem;
  }
}
.classic .cover__header-content-title--dark-text {
  color: #313537;
}
.classic .cover__progress {
  color: #fff;
  margin-bottom: 3rem;
  width: 100%;
}
.classic .cover__progress--dark {
  color: #313537;
}
.classic .cover__progress-text {
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.028rem;
  line-height: 1.6rem;
}
.classic .cover__progress-outer {
  border-radius: 10rem;
  height: 0.5rem;
  margin-bottom: 1.6rem;
  margin-top: 0.8rem;
  width: 100%;
}
.classic .cover__progress--dark .cover__progress-outer,
.classic.light-accent .cover__progress-outer {
  background: rgba(0, 0, 0, 0.2);
}
.classic .cover__progress-outer,
.classic.light-accent .cover__progress--light .cover__progress-outer {
  background: hsla(0, 0%, 96%, 0.4);
}
.classic .cover__progress-inner {
  background: currentColor;
  border-radius: 10rem;
  height: 100%;
}
.classic .cover__progress-next-lesson {
  margin-bottom: 3rem;
}
.classic .cover__progress-next-lesson-text {
  display: inline;
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.028rem;
  line-height: 1.6rem;
  margin-left: 0.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-right: 0;
}
@media (min-width: 30em) {
  .classic .cover__header-content-action-link {
    margin-right: 1.7rem;
    width: auto;
  }
}
.classic .cover__header-content-action-link:last-child {
  margin-right: 0;
}
.classic .cover__header-content-action-link--disabled {
  display: none;
}
.classic .cover__header-content-action-link--dark {
  background: #313537;
  color: #fff;
}
.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 .overview__start-again--dark-btn {
  background: transparent;
}
.classic .overview__start-again--light-btn {
  border-color: #fff;
}
.classic .overview__start-again--dark-btn {
  background-color: transparent;
  border-color: #313537;
  color: #313537;
}
.classic .overview__button-enrolled--dark-btn {
  background-color: #313537;
  border-color: #313537;
  color: #fff;
}
.classic .cover__my-list-button {
  align-items: center;
  display: flex;
  justify-content: center;
}
.classic .cover__my-list-button-icon {
  fill: none;
  stroke-width: 0.2rem;
  stroke: currentColor;
  flex: 0 0 auto;
  height: 1.6rem;
  margin: 0 0.75em 0 0;
  vertical-align: middle;
  width: 1.6rem;
}
.classic .cover__my-list-button-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.classic .cover__my-list-button-text-remove {
  height: 0;
  visibility: hidden;
}
.classic .cover__my-list-button--checked .cover__my-list-button-icon {
  fill: currentColor;
}
.classic .cover__my-list-button--checked .cover__my-list-button-text-add {
  height: 0;
  visibility: hidden;
}
.classic .cover__my-list-button--checked .cover__my-list-button-text-remove {
  height: auto;
  visibility: visible;
}
.classic
  .cover__course-length-section
  + .cover__details-content-section--type-partner-content
  .cover__details-content-heading {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.classic .cover__course-length-section {
  border-bottom: none;
  line-height: 1.6rem;
  margin-bottom: 1.6rem;
  padding: 0;
}
@media (min-width: 75em) {
  .classic .cover__course-length-section {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 2rem;
    padding: 0 0 2rem;
  }
}
.classic .cover__course-length-title {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.classic .cover__details {
  display: block;
  padding: 0;
}
@media (min-width: 30em) {
  .classic .cover__details {
    padding: 0 5rem;
  }
}
.classic .cover__details-content {
  flex-grow: 2;
  margin: 0 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: 0 2.2rem;
  }
}
.classic .cover__details-content-heading .overview__description-published {
  color: #666;
  display: none;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.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: 4rem auto;
  max-width: 86.36rem;
}
@media (min-width: 30em) {
  .classic .cover__details-content-wrap {
    margin: 5rem auto;
  }
}
@media (min-width: 90em) {
  .classic .cover__details-content-wrap {
    max-width: 101.6rem;
  }
}
.classic .cover__details-content-aside {
  flex: 0 0 auto;
  margin-left: 0;
  width: 100%;
}
.classic .cover__details-content-aside .cover__course-length-section {
  display: none;
}
@media (min-width: 75em) {
  .classic .cover__details-content-aside {
    margin-left: 12.8rem;
    width: 28.8rem;
  }
  .classic .cover__details-content-aside .cover__course-length-section {
    display: block;
  }
}
.classic .cover__details-content-aside--logo {
  margin-top: 0;
}
@media (min-width: 62em) {
  .classic .cover__details-content-aside--logo {
    margin-top: 10.5rem;
  }
}
.classic .cover__details-content-wrap--columns {
  display: flex;
}
.classic .cover__details-content-description {
  color: #313537;
  font-size: 1.6rem;
  line-height: 3.3rem;
  margin-bottom: 5rem;
}
@media (min-width: 90em) {
  .classic .cover__details-content-description {
    margin-bottom: 6rem;
  }
}
.classic .cover__details-content-heading {
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}
.classic .cover__details-logo {
  margin-bottom: 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 {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.classic .overview-list-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .overview-list-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.classic .overview-list-item-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.classic .overview-list-item-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.classic .overview-list-item-tooltip__inner--dark:after {
  background: #f8f8f8;
}
.classic .overview-list-item .progress-circle__fail--accent-light,
.classic .overview-list-item .progress-circle__pass--accent-light {
  fill: #313537;
}
.classic .overview-list-item .progress-circle__fail--accent-dark,
.classic .overview-list-item .progress-circle__pass--accent-dark {
  fill: #fff;
}
.classic
  .overview-list-item
  .progress-circle__runner--done.progress-circle__runner--failed {
  stroke: #202121;
  fill: #202121;
}
.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: 0 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: -0.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-top: 0;
  padding: 0 2.2rem;
}
@media (min-width: 30em) {
  .classic .cover--layout-centered .cover__details-content,
  .classic .cover--layout-centered-overlay .cover__details-content {
    margin-top: 0;
  }
}
.classic .cover--layout-centered .cover__details-content-columns,
.classic .cover--layout-centered-overlay .cover__details-content-columns {
  margin: 0 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: auto;
}
.classic .cover--layout-two-thirds-right-image .cover__header-content-info {
  margin: 0;
}
.classic .cover--layout-two-thirds-left-image .cover__header-content,
.classic .cover--layout-two-thirds-right-image .cover__header-content {
  padding: 10.3rem 10.8rem 10.7rem 4.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: 12.6rem 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: -0.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: 11.4rem 5.6rem 11.9rem;
  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: 14.2rem 12.8rem;
  }
}
.classic .cover--layout-split-left-image .cover__header-content-info,
.classic .cover--layout-split-right-image .cover__header-content-info {
  margin: 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-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: 5.4rem 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-top: 0;
}
.classic .cover--layout-split-left-image .cover__details-content-aside,
.classic .cover--layout-split-right-image .cover__details-content-aside {
  margin-bottom: 5rem;
  margin-top: 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-bottom: 0;
  }
}
.classic .cover--layout-split-left-image .cover__details-content-aside-logo,
.classic .cover--layout-split-right-image .cover__details-content-aside-logo {
  margin-top: 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-top: 15.5rem;
  }
}
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-title,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-title,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__header-content-title,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__header-content-title,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-left-image
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-left-image
  .cover__header-content-title,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-right-image
  .cover__header-content-authors-name,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-right-image
  .cover__header-content-title {
  color: #313537;
}
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__progress-outer,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__progress-outer,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__progress-outer,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__progress-outer,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-left-image
  .cover__progress-outer,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-right-image
  .cover__progress-outer {
  background: rgba(0, 0, 0, 0.2);
}
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-authors-avatar,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-authors-avatar,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__header-content-authors-avatar,
.classic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__header-content-authors-avatar,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-left-image
  .cover__header-content-authors-avatar,
.classic.light-accent.legacy-color-contrast
  .cover--layout-two-thirds-right-image
  .cover__header-content-authors-avatar {
  border: 1px solid #313537;
}
.classic.light-accent.legacy-color-contrast .cover__progress-next-lesson-icon,
.classic.light-accent.legacy-color-contrast .cover__progress-next-lesson-text,
.classic.light-accent.legacy-color-contrast .cover__progress-text {
  color: #313537;
}
.classic.light-accent.legacy-color-contrast .cover__progress-inner {
  background-color: #313537;
}
.classic.light-accent.legacy-color-contrast .cover__header-content-action-link,
.classic.light-accent.legacy-color-contrast .cover__my-list-button,
.classic.light-accent.legacy-color-contrast .cover__my-list-button--checked,
.classic.light-accent.legacy-color-contrast .overview__start-again {
  color: #313537;
}
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered-overlay
  .cover__my-list-button--checked,
.classic.light-accent.legacy-color-contrast
  .cover--layout-centered-overlay
  .overview__start-again,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left-overlay
  .cover__my-list-button--checked,
.classic.light-accent.legacy-color-contrast
  .cover--layout-left-overlay
  .overview__start-again {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.classic.legacy-color-contrast
  .cover--layout-centered-overlay
  .cover__header-content
  .cover__progress-next-lesson-icon,
.classic.legacy-color-contrast
  .cover--layout-centered-overlay
  .cover__header-content
  .cover__progress-next-lesson-text,
.classic.legacy-color-contrast
  .cover--layout-centered-overlay
  .cover__header-content
  .cover__progress-text,
.classic.legacy-color-contrast
  .cover--layout-left-overlay
  .cover__header-content
  .cover__progress-next-lesson-icon,
.classic.legacy-color-contrast
  .cover--layout-left-overlay
  .cover__header-content
  .cover__progress-next-lesson-text,
.classic.legacy-color-contrast
  .cover--layout-left-overlay
  .cover__header-content
  .cover__progress-text {
  color: #fff;
}
.classic.legacy-color-contrast
  .cover--layout-centered-overlay
  .cover__header-content
  .cover__progress-inner,
.classic.legacy-color-contrast
  .cover--layout-left-overlay
  .cover__header-content
  .cover__progress-inner {
  background-color: #fff;
}
.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: 0 auto;
}
.classic
  .cover--layout-centered
  .partner-content-course-author__author--accent-light,
.classic
  .cover--layout-left
  .partner-content-course-author__author--accent-light,
.classic
  .cover--layout-split-left-image
  .partner-content-course-author__author--accent-light,
.classic
  .cover--layout-split-right-image
  .partner-content-course-author__author--accent-light,
.classic
  .cover--layout-two-thirds-left-image
  .partner-content-course-author__author--accent-light,
.classic
  .cover--layout-two-thirds-right-image
  .partner-content-course-author__author--accent-light {
  color: #313537;
}
.classic
  .cover--layout-centered
  .partner-content-course-author__author-image--dark-border,
.classic
  .cover--layout-left
  .partner-content-course-author__author-image--dark-border,
.classic
  .cover--layout-split-left-image
  .partner-content-course-author__author-image--dark-border,
.classic
  .cover--layout-split-right-image
  .partner-content-course-author__author-image--dark-border,
.classic
  .cover--layout-two-thirds-left-image
  .partner-content-course-author__author-image--dark-border,
.classic
  .cover--layout-two-thirds-right-image
  .partner-content-course-author__author-image--dark-border {
  border-color: #313537;
}
.classic .partner-content-course-author__author {
  align-items: center;
}
@media (min-width: 30em) {
  .classic .partner-content-course-author__author {
    align-items: unset;
  }
}
.classic .partner-content-course-author__author--dark-text {
  color: #313537;
}
.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: 0.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-left: 2.6rem;
}
.classic
  .cover__details--rise-com
  .cover__course-length-list
  .cover__course-length-list {
  border-bottom: 1px solid #e9e9e9;
  margin: 5rem auto 1.6rem;
  padding-bottom: 2rem;
}
.classic .cover__details--rise-com .cover__author-with-title {
  align-items: center;
  display: none;
  flex-direction: row;
  margin-bottom: 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: #313537;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.04rem;
  opacity: 0.8;
}
.classic
  .cover__details--rise-com
  .cover__author-with-title
  .cover__author-title {
  color: #6a737c;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.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: 5rem 0 2rem;
}
.classic .cover__details--rise-com .cover__categories-section {
  margin: 5rem 0;
}
.classic .cover__details--rise-com .cover__categories-title,
.classic .cover__details--rise-com .cover__requirements-title {
  border-bottom: 1px solid #e6e6e6;
  color: #313537;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  line-height: 1.6rem;
  margin-bottom: 2rem;
  padding-bottom: 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: 1.2rem 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-right: 0.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-top: 0.2rem;
}
.classic .cover__details--rise-com .cover__quiz-requirement-seperator {
  padding: 0 0.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: 0 0.8rem 1.6rem 0;
  max-width: 100%;
  padding: 0.6rem 1.6rem;
}
.classic .cover__details--rise-com .cover__categories-icon {
  flex: 0 0 auto;
  margin: 0 0.5em 0 0;
}
.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-accent);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.036rem;
  line-height: 1.2rem;
  margin-top: 1rem;
  padding: 0.6rem 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__due-date--urgent-dark-text {
  color: #313537;
}
.classic .cover__details--rise-com .cover__completed-info {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 3rem 0 2rem;
}
.classic
  .cover__details--rise-com
  .cover__completed-info
  .cover__completed-info-avatar {
  margin-right: 2rem;
}
.classic
  .cover__details--rise-com
  .cover__completed-info
  .certificateDownload__btn,
.classic
  .cover__details--rise-com
  .cover__completed-info
  .cover__completed-info-label {
  color: #313537;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  line-height: 1.2rem;
}
.classic
  .cover__details--rise-com
  .cover__completed-info
  .certificateDownload
  :before {
  content: "|";
  margin-right: 0.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: 0.028rem;
  line-height: 1.6rem;
  margin-bottom: 1.6rem;
}
.classic
  .cover__details--rise-com
  .cover__details-content-section--type-outline {
  margin-top: 5rem;
}
@media (min-width: 62em) {
  .classic
    .cover__details--rise-com
    .cover__details-content-section--type-outline {
    margin-top: 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 0.5s;
}
.classic .cover-container--exiting .cover__details {
  animation: classic-cover-details-exit 0.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 0.45s;
  animation-fill-mode: forwards;
}
.classic .lesson-nav--restricted {
  cursor: not-allowed;
}
.classic .lesson-nav--full {
  align-items: center;
  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;
  padding: 1.4rem 0.5rem;
  pointer-events: auto;
  transition: color 0.3s;
  width: 100%;
  z-index: 1;
}
.classic .lesson-nav--full .lesson-nav-link__link {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.8rem;
  text-decoration: none;
}
.classic .lesson-nav--full .lesson-nav-link__link:hover {
  text-decoration: underline;
}
.classic .lesson-nav--full .lesson-nav-link__link:active {
  text-decoration: none;
}
.classic .lesson-nav--full .lesson-nav-link__link:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.classic .lesson-nav--full .lesson-nav__link-text {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.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;
  width: 1.6rem;
}
.classic .lesson-nav--floating {
  background: #fff;
  display: flex;
  flex-direction: row-reverse;
  height: 10px;
  padding: 0;
}
.classic .lesson-nav--floating .lesson-nav-link {
  opacity: 0;
  position: fixed;
  right: 2vw;
  transition-duration: 0.5s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in;
  z-index: 300;
}
.classic .lesson-nav--floating .lesson-nav-link__link {
  align-items: center;
  border-radius: 2.5rem;
  color: inherit;
  display: flex;
  padding: 0.9rem 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;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.classic .lesson-nav--floating .lesson-nav__link-text {
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 1rem;
  order: -1;
  z-index: 2;
}
.classic .lesson-nav--floating-full {
  align-items: center;
  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: 0.2rem solid #303030;
  border-radius: 10rem;
  height: 5rem;
  margin: 0 1.6rem;
  pointer-events: auto;
  transition: color 0.3s;
  width: 100%;
  z-index: 1;
}
.classic .lesson-nav--floating-full .lesson-nav-link__link {
  align-items: center;
  border-radius: 10rem;
  color: inherit;
  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 {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.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-left: 0;
  margin-right: 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 {
  top: 2vh;
}
.classic .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
  bottom: 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 {
  background-color: #f0f0f0;
}
.classic .lesson-nav--light.lesson-nav--full .lesson-nav-link__link {
  color: #313537;
}
.classic
  .lesson-nav--light.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: #e3e3e3;
}
.classic .lesson-nav--light.lesson-nav--full .lesson-nav-link__link:active {
  text-decoration: none;
}
.classic
  .lesson-nav--light.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: #c4c4c4;
}
.classic .lesson-nav--dark.lesson-nav--full {
  background-color: #303030;
}
.classic .lesson-nav--dark.lesson-nav--full .lesson-nav-link__link {
  color: #fff;
}
.classic
  .lesson-nav--dark.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: #000;
}
.classic .lesson-nav--accent.lesson-nav--full {
  background-color: currentColor;
}
.classic .lesson-nav--accent.lesson-nav--full .lesson-nav-link__link {
  color: #fff;
}
.classic
  .lesson-nav--accent.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.classic
  .lesson-nav--accent.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.classic .lesson-nav--accent-light.lesson-nav--full .lesson-nav-link__link {
  color: #313537;
}
.classic .lesson-nav--tint.lesson-nav--full {
  background-color: currentColor;
}
.classic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link {
  color: currentColor;
}
.classic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.classic
  .lesson-nav--tint.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.classic
  .lesson-nav--tint.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.classic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link,
.classic .lesson-nav--light.lesson-nav--floating .nav-next__link {
  background-color: #fff;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
  color: #313537;
}
.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: #f0f0f0;
}
.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: #e3e3e3;
}
.classic .lesson-nav--dark.lesson-nav--floating .lesson-nav-link__link {
  background-color: #303030;
  color: #fff;
}
.classic
  .lesson-nav--dark.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: #454545;
}
.classic .lesson-nav--dark.lesson-nav--floating .lesson-nav-link__link:active {
  background-color: #707070;
}
.classic
  .lesson-nav--dark.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: transparent;
  background-color: initial;
}
.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link {
  border: 2px solid;
  box-sizing: border-box;
  color: currentColor;
}
.classic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.classic
  .lesson-nav--tint.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.classic
  .lesson-nav--tint.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.classic .lesson-nav--accent.lesson-nav--floating .lesson-nav-link__link {
  color: #fff;
}
.classic
  .lesson-nav--accent.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.classic
  .lesson-nav--accent.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.classic .lesson-nav--light.lesson-nav--floating-full {
  background-color: #fff;
}
@media (max-width: 29.9375em) {
  .classic .lesson-nav--light.lesson-nav--floating-full .lesson-nav-link {
    border: 0.2rem solid #303030;
  }
}
.classic .lesson-nav--light.lesson-nav--floating-full .lesson-nav-link__link {
  color: #313537;
}
.classic
  .lesson-nav--light.lesson-nav--floating-full
  .lesson-nav-link__link:hover {
  background-color: #f0f0f0;
}
.classic
  .lesson-nav--light.lesson-nav--floating-full
  .lesson-nav-link__link:active {
  background-color: #c5c5c5;
}
.classic .lesson-nav--dark.lesson-nav--floating-full {
  background-color: #303030;
}
.classic .lesson-nav--dark.lesson-nav--floating-full .lesson-nav-link {
  border-color: #fff;
}
.classic .lesson-nav--dark.lesson-nav--floating-full .lesson-nav-link__link {
  color: #fff;
}
.classic
  .lesson-nav--dark.lesson-nav--floating-full
  .lesson-nav-link__link:hover {
  background-color: #454545;
}
.classic
  .lesson-nav--dark.lesson-nav--floating-full
  .lesson-nav-link__link:active {
  background-color: #707070;
}
.classic .lesson-nav--accent.lesson-nav--floating-full {
  background-color: currentColor;
}
.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link {
  border-color: #fff;
}
.classic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link__link {
  color: #fff;
}
.classic
  .lesson-nav--accent.lesson-nav--floating-full
  .lesson-nav-link__link:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10rem;
}
.classic
  .lesson-nav--accent.lesson-nav--floating-full
  .lesson-nav-link__link:active:before {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10rem;
}
.classic .lesson-nav--tint.lesson-nav--floating-full {
  background-color: currentColor;
}
.classic .lesson-nav--tint.lesson-nav--floating-full:before {
  background-color: hsla(0, 0%, 100%, 0.9);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.classic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link {
  border-color: currentColor;
}
.classic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 10rem;
}
.classic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 10rem;
}
.classic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
  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--accent-light.lesson-nav--floating .lesson-nav-link,
.classic .lesson-nav--accent-light.lesson-nav--floating-full .lesson-nav-link {
  border-color: #313537;
}
.classic .lesson-nav--accent-light.lesson-nav--floating .lesson-nav-link__link,
.classic
  .lesson-nav--accent-light.lesson-nav--floating-full
  .lesson-nav-link__link {
  color: #313537;
}
.classic .lesson-nav-link-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.classic .lesson-nav-link-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.classic .lesson-nav-link-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.classic .lesson-nav-link-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.classic .lesson-nav-link-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.classic .lesson-nav-link-tooltip__inner--dark:after {
  background: #f8f8f8;
}
.classic .one-page-cover-info--rbc,
.classic .one-page-cover-info--riseCom {
  max-width: 60rem;
  width: 52.8rem;
}
@media (min-width: 48em) {
  .classic .one-page-cover-info--rbc,
  .classic .one-page-cover-info--riseCom {
    width: 101.6rem;
  }
}
@media (min-width: 75em) {
  .classic .one-page-cover-info--rbc,
  .classic .one-page-cover-info--riseCom {
    max-width: 86.36rem;
  }
}
@media (min-width: 90em) {
  .classic .one-page-cover-info--rbc,
  .classic .one-page-cover-info--riseCom {
    max-width: none;
  }
}
.classic .one-page-cover-info__title {
  margin: 2rem 0 4.8rem;
}
.classic .one-page-cover-info .one-page-title {
  word-wrap: break-word;
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: -0.015rem;
  line-height: 3.8rem;
  max-width: 70.4rem;
}
.classic .one-page-cover-info .one-page-title--dark-text {
  color: #313537;
}
@media (min-width: 30em) {
  .classic .one-page-cover-info .one-page-title {
    font-size: 4.5rem;
    line-height: 5.2rem;
    margin: 2rem 0 3rem;
    max-width: 70.4rem;
  }
}
@media (min-width: 90em) {
  .classic .one-page-cover-info .one-page-title {
    font-size: 6rem;
    letter-spacing: -0.02rem;
    line-height: 7rem;
    max-width: 140rem;
  }
}
.classic .one-page-authors__avatar,
.classic .one-page-authors__avatar-fallback {
  height: 3.8rem;
  width: 3.8rem;
}
.classic .one-page-authors__name {
  font-size: 1.6rem;
  line-height: 3.8rem;
}
.classic .one-page-lesson-header {
  clip-path: url(#cover-page-clip-path);
  height: 34rem;
}
.classic .one-page-lesson-header--white {
  background-color: #f8f8f8;
  border-bottom: none;
}
.classic .one-page-lesson-header-info__authors {
  margin-bottom: 1.2rem;
}
.classic .one-page-lesson-header-info__title {
  margin: 2rem 0 4.8rem;
  max-width: 70.4rem;
}
@media (min-width: 30em) {
  .classic .one-page-lesson-header-info__title {
    margin: 1rem 0 0;
  }
}
@media (min-width: 90em) {
  .classic .one-page-lesson-header-info__title {
    max-width: 140rem;
  }
}
.classic .one-page-lesson-header-info .one-page-authors__name {
  font-weight: 700;
}
.classic .one-page-lesson-header-info .one-page-title {
  word-wrap: break-word;
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: -0.015rem;
}
.classic .one-page-lesson-header-info .one-page-title--dark-text {
  color: #313537;
}
@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: -0.02rem;
    line-height: 7rem;
  }
}
/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.hide-by-clipping {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fr-img-caption.fr-rounded img,
img.fr-rounded {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.fr-img-caption.fr-bordered img,
img.fr-bordered {
  border: 5px solid #ccc;
}
img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-img-caption.fr-shadow img,
img.fr-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-view {
  word-wrap: break-word;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table {
  border: 0;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #ddd;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #e6e6e6;
}
.fr-view hr {
  clear: both;
  page-break-after: always;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file:after {
  content: "\1F4CE";
  font-weight: 400;
  position: relative;
}
.fr-view pre {
  word-wrap: break-word;
  overflow: visible;
  white-space: pre-wrap;
}
.fr-view[dir="rtl"] blockquote {
  border-left: 0;
  border-right: 2px solid #5e35b1;
  margin-right: 0;
  padding-left: 0;
  padding-right: 5px;
}
.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.fr-view blockquote {
  border-left: 2px solid #5e35b1;
  color: #5e35b1;
  margin-left: 0;
  padding-left: 5px;
}
.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.fr-view span.fr-emoticon {
  display: inline;
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji,
    Segoe UI Symbol, Android Emoji, EmojiSymbols;
  font-weight: 400;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  display: inline-block;
  font-size: inherit;
  height: 1em;
  line-height: 1;
  margin: -0.1em 0.1em 0.1em;
  min-height: 20px;
  min-width: 20px;
  vertical-align: middle;
  width: 1em;
}
.fr-view .fr-text-gray {
  color: #aaa !important;
}
.fr-view .fr-text-bordered {
  border-bottom: 1px solid #222;
  border-top: 1px solid #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view .fr-class-highlighted {
  background-color: #ff0;
}
.fr-view .fr-class-code {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  border-color: #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Courier New, Courier, monospace;
  padding: 10px;
}
.fr-view .fr-class-transparency {
  opacity: 0.5;
}
.fr-view img {
  max-width: 100%;
  position: relative;
}
.fr-view img.fr-dib {
  display: block;
  float: none;
  margin: 5px auto;
  /* vertical-align: top; */
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  vertical-align: bottom;
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption {
  max-width: 100%;
  position: relative;
}
.fr-view span.fr-img-caption.fr-dib {
  display: block;
  float: none;
  margin: 5px auto;
  /* vertical-align: top; */
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  vertical-align: bottom;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view .fr-video {
  position: relative;
  text-align: center;
}
.fr-view .fr-video.fr-rv {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
}
.fr-view .fr-video.fr-rv embed,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv > iframe {
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
}
.fr-view .fr-video > * {
  border: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
}
.fr-view .fr-video.fr-dvb {
  clear: both;
  display: block;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  display: inline-block;
  margin: auto;
  padding: 0;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  filter: "alpha(Opacity=0)";
  -ms-filter: "alpha(Opacity=0)";
  font-size: 14px;
  font-weight: 400;
  margin: auto;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  padding: 5px 5px 10px;
  text-align: center;
  width: 100%;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
img.fr-view {
  max-width: 100%;
  position: relative;
}
img.fr-view.fr-dib {
  display: block;
  float: none;
  margin: 5px auto;
  /* vertical-align: top; */
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  vertical-align: bottom;
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view {
  max-width: 100%;
  position: relative;
}
span.fr-img-caption.fr-view.fr-dib {
  display: block;
  float: none;
  margin: 5px auto;
  /* vertical-align: top; */
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
  vertical-align: bottom;
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-toolbar {
  z-index: 10000 !important;
}
.fr-tooltip {
  z-index: 10003 !important;
}
.fr-modal,
.fr-popup {
  z-index: 10002 !important;
}
.fr-popup .fr-buttons.fr-colors-buttons {
  padding: 0;
}
.fr-popup .fr-colors-tabs {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.fr-popup .fr-colors-tabs .fr-colors-tab:after {
  display: none;
  visibility: hidden;
}
.fr-popup .fr-colors-tabs .fr-colors-tab,
.fr-popup .fr-colors-tabs .fr-colors-tab:focus,
.fr-popup .fr-colors-tabs .fr-colors-tab:hover {
  color: #313537;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  background-color: #f0f0f0;
  color: #313537;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab:after {
  color: #313537;
}
.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 0;
  margin-right: 0;
}
.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 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: 0 0 3.2rem 3.2rem;
}
.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-top: 1.4rem;
}
.fr-box em,
.fr-view em {
  font-style: italic;
}
.fr-box strong,
.fr-view strong {
  font-weight: 700;
}
.fr-box table td,
.fr-box table th,
.fr-view table td,
.fr-view table th {
  font-size: 1.4rem;
  vertical-align: middle;
}
.fr-box table th,
.fr-view table th {
  font-weight: 700;
  padding: 1.7rem 1.5rem 1.5rem;
}
.fr-box table td,
.fr-view table td {
  padding: 1.7rem 1.5rem;
}
.fr-box--placeholder,
.fr-view--placeholder {
  color: #aaa;
}
.fr-box.fr-inline .fr-counter {
  background: transparent;
  border: none;
  bottom: auto !important;
  color: #adaeaf;
  display: none;
  font-family: lato, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.04rem;
  padding: 0;
  top: 100%;
}
.fr-floating-btn > svg {
  fill: #313537 !important;
}
.fr-floating-btn > i {
  color: #313537 !important;
  font-family: FontAwesome !important;
}
.fr-qi-helper,
.fr-quick-insert {
  font-size: 1.4rem;
}
.rise-table-wrap {
  overflow-x: auto;
}
.partner-content-course-author__author-container {
  display: flex;
}
.partner-content-course-author__author-container-padding-top {
  display: flex;
  padding-top: 2rem;
}
.partner-content-course-author__author {
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 3.8rem;
  margin: 0 0 3rem;
  order: -1;
  padding-right: 3rem;
  white-space: nowrap;
}
@media (max-width: 25.8125em) {
  .partner-content-course-author__author {
    line-height: normal;
  }
}
.partner-content-course-author__author-image {
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 3.8rem;
  margin: 0 1rem 0 0;
  width: 3.8rem;
}
.partner-content-course-author__dark-text {
  color: #707070;
}
.partner-content-course-author__gray-text {
  color: #a2acb0;
  font-size: 1.3rem;
}
.lesson-header {
  padding-bottom: 2.25rem;
  position: relative;
  z-index: 3;
}
@media (min-width: 48em) {
  .lesson-header {
    padding-bottom: 4.5rem;
  }
}
.lesson-header__break {
  position: relative;
}
.lesson-header__divider {
  border-bottom: 1px solid #eaeaea;
  position: absolute;
}
.lesson-header__top-wrap {
  display: flex;
  flex-direction: column;
  margin: 4.5rem 0 3rem;
  padding-bottom: 1.5rem;
  position: relative;
}
@media print {
  .lesson-header__top-wrap {
    margin-top: 0;
  }
}
.lesson-header__top-wrap:after {
  background: #50abf1;
  bottom: 0;
  content: "";
  height: 0.3rem;
  left: 0;
  position: absolute;
  transition: background 0.3s;
  width: 16rem;
}
@media print {
  .lesson-header__top-wrap:after {
    height: 0.2rem;
  }
}
@media (min-width: 48em) {
  .lesson-header__top-wrap {
    margin: 0 0 4rem;
    padding-bottom: 3rem;
  }
  .lesson-header__top-wrap:after {
    height: 0.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: 0 0 2rem;
  padding-right: 3rem;
}
.lesson-header__partner-content-author-img {
  background-size: cover;
  border: none;
  border-radius: 50%;
  height: 3.8rem;
  margin: 0 1rem 0 0;
  width: 3.8rem;
}
.lesson-header__author {
  color: #707070;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 3.8rem;
  margin: 0 0 2rem;
}
.lesson-header__author-img {
  border: none;
  border-radius: 50%;
  height: 3.8rem;
  margin-right: 0.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: 0 0 2rem;
  }
}
.lesson-header__title {
  color: #2d363a;
  font-family: merriweather, serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 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-top: -2rem;
  max-width: 40rem;
  position: relative;
}
@media (min-width: 48em) {
  .lesson-header__audio {
    margin-top: -4rem;
  }
}
.lesson-header__description {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.9411764706;
  margin-bottom: 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-family: merriweather, serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 1.2rem;
}
@media (min-width: 48em) {
  .lesson-header__counter {
    font-size: 1.2rem;
  }
}
.lesson-header__estimate {
  color: rgba(49, 53, 55, 0.4);
}
.lesson-header__grouped-row {
  align-items: baseline;
  display: flex;
}
@media (min-width: 52.5em) {
  .lesson-header__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson-header__main:first-child {
    /* Gourish Mesta  Changed from 8.3333333333% to 1%*/
    margin-left: 1%;
  }
  .lesson--open .lesson-header__main {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .lesson-header__main:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .lesson-header__main {
    width: 100%;
  }
  .lesson--open .lesson-header__main:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .lesson-header__main {
    width: 83.3333333333%;
  }
  .lesson--open .lesson-header__main:first-child {
    margin-left: 8.3333333333%;
  }
}
.page__header {
  background: #fff;
  padding-top: 5rem;
  position: relative;
  z-index: 2;
}
.page__header:after {
  background-color: #eaeaea;
  bottom: 0;
  content: "";
  height: 0.1rem;
  left: 0;
  position: absolute;
  width: 100%;
}
.page__header-container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (max-width: 500px) {
  .page__header-container {
    max-width: 70% !important;
  }
}
@media (max-width: 990px) {
  .page__header-container {
    max-width: 83% !important;
  }
}
@media (min-width: 33.75em) {
  .page__header-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .page__header-container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 33.75em) {
  .page__header {
    /* Gourish Mesta  Changed from 5rem to 1rem*/
    padding-top: 1rem;
  }
}
.theme .progress-wrap {
  z-index: 299;
}
.progress {
  background: transparent !important;
  left: 0;
  margin-left: 0;
  position: absolute;
  right: 0;
  transition-duration: 0.3s;
  transition-property: padding, height;
}
.progress-wrap {
  height: 2px;
  position: relative;
  z-index: 302;
}
@media (max-width: 47.9375em) {
  .progress-wrap--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
  }
}
.lesson--preview .progress-wrap--fixed {
  margin-top: 0;
}
.lesson--open .progress {
  left: 28rem;
  margin-left: -28rem;
}
.progress__container {
  min-height: 2px;
  overflow: hidden;
  padding: 0.3rem 0;
  position: relative;
  width: 100%;
}
.progress__indicator {
  background: #50abf1;
  height: 2px;
  left: -100%;
  position: absolute;
  top: 0;
  transition-duration: 0.3s;
  transition-property: transform;
  width: 100%;
}
.progress--timeline {
  background: #fff;
  border-bottom: 0.1rem solid #eaeaea;
  padding: 2rem 2rem 3.5rem;
}
.lesson-progress-wrapper--visible .progress--timeline {
  padding: 2rem;
}
.progress--timeline .progress__container {
  position: relative;
}
.progress--timeline .progress__container:after {
  background: #eaeaeb;
  content: "";
  height: 0.1rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
.progress--timeline .progress__indicator {
  position: relative;
  z-index: 1;
}
.progress--timeline .progress__marker {
  background: #eaeaeb;
  border: 0.4rem solid #fff;
  border-radius: 50%;
  box-sizing: content-box;
  height: 0.4rem;
  margin-left: -0.6rem;
  position: absolute;
  top: -0.2rem;
  transition: background 0.3s;
  width: 0.4rem;
  z-index: 2;
}
.progress--timeline .progress__marker--active {
  background: #50abf1;
}
.progress--timeline.progress--sticky {
  padding: 2rem;
}
.progress--video .progress__indicator {
  transition-duration: 0.25s;
  transition-timing-function: linear;
}
.lesson-progress-wrapper {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.lesson-progress-wrapper--visible {
  opacity: 1;
}
.imaginative .lesson-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.imaginative .lesson-progress--compact {
  height: 1.9rem;
  position: absolute;
  right: 0.7rem;
  top: calc(50% - 1rem);
  width: 1.9rem;
}
.imaginative .lesson-progress--cover {
  height: 2.9rem;
  left: 0;
  position: absolute;
  top: calc(50% - 1.5rem);
  width: 2.9rem;
}
.imaginative .lesson-progress--overlay {
  height: 1rem;
  left: calc(50% - 0.5rem);
  top: -2.6rem;
  width: 1rem;
}
@media (max-width: 47.9375em) {
  .imaginative .lesson-progress--overlay {
    height: 0.9rem;
    width: 0.9rem;
  }
}
.imaginative .lesson-progress--overlay .progress-circle {
  stroke-width: 0.2rem;
}
.imaginative .lesson-progress--sidebar {
  height: 2.9rem;
  position: absolute;
  right: 1.8rem;
  top: calc(50% - 1.5rem);
  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: 0.6rem;
}
.imaginative .lesson-progress__graphic--cover,
.imaginative .lesson-progress__graphic--sidebar {
  padding: 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;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  max-width: none;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .lesson-progress__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .lesson-progress__tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.imaginative .lesson-progress__tooltip__inner:after {
  background-color: var(--color-nav-tooltip-background);
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.imaginative .lesson-progress__tooltip--compact {
  bottom: calc(100% - 2.2rem);
}
.imaginative .lesson-progress__tooltip--cover,
.imaginative .lesson-progress__tooltip--sidebar {
  bottom: calc(100% - 2.7rem);
}
.imaginative .lesson-progress__tooltip--overlay {
  bottom: calc(100% - 1.5rem);
}
.imaginative svg.progress-circle {
  stroke: var(--color-progress-circle-stroke);
  fill: var(--color-progress-circle-empty-fill);
  height: 100%;
  width: 100%;
}
@media (forced-colors: active) {
  .imaginative svg.progress-circle {
    stroke: CanvasText !important;
    fill: Canvas !important;
  }
}
.imaginative svg.progress-circle--failed,
.imaginative svg.progress-circle--passed {
  fill: var(--color-progress-circle-fill);
}
@media (forced-colors: active) {
  .imaginative svg.progress-circle--failed,
  .imaginative svg.progress-circle--passed {
    fill: CanvasText !important;
  }
  .imaginative .lesson-progress__action svg.progress-circle {
    stroke: ButtonText !important;
  }
  .imaginative .lesson-progress__action svg.progress-circle--failed,
  .imaginative .lesson-progress__action svg.progress-circle--passed {
    fill: ButtonText !important;
  }
}
.imaginative .lesson-nav {
  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: 0.1rem;
  padding: 1.4rem;
  pointer-events: auto;
  text-decoration: none;
  transition: color 0.3s;
  z-index: 1;
}
.imaginative .lesson-nav--full .lesson-nav-link__link:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.imaginative .lesson-nav--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-left: 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 {
  background: #fff;
  display: flex;
  flex-direction: row-reverse;
  height: 10px;
  padding: 0;
}
.imaginative .lesson-nav--floating .lesson-nav-link {
  opacity: 0;
  position: fixed;
  right: 2vw;
  transition-duration: 0.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: 0.1rem;
  min-width: 26.6rem;
  padding: 1.4rem 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 {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  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-right: 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: 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: 0.1rem;
  padding: 2rem;
  pointer-events: auto;
  text-decoration: none;
  transition: color 0.3s;
  z-index: 1;
}
.imaginative .lesson-nav--floating-full .lesson-nav-link__link:before {
  bottom: 0;
  content: "";
  left: 0;
  margin: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  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-left: 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 {
  top: 2vh;
}
.imaginative .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
  bottom: 2vh;
}
.imaginative .lesson-nav--tint.lesson-nav--floating-full {
  background-color: var(--color-accent);
}
.imaginative .lesson-nav--tint.lesson-nav--floating-full:before {
  background-color: hsla(0, 0%, 100%, 0.85);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.imaginative
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link {
  color: var(--color-accent);
}
.imaginative
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:before {
  background-color: var(--color-accent);
  margin: 1.8rem;
  opacity: 0.15;
}
.imaginative
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:hover:before {
  opacity: 0.3;
}
.imaginative
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:active:before {
  opacity: 0.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-accent);
  filter: brightness(0.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-lesson-nav-border: #303030;
  --color-lesson-nav-text: #303030;
}
.imaginative .lesson-nav--floating-full.lesson-nav--light,
.imaginative .lesson-nav--full.lesson-nav--light {
  --color-lesson-nav-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-lesson-nav-background: #fff;
  --color-lesson-nav-overlay-hover: #f0f0f0;
  --color-lesson-nav-overlay-active: #e3e3e3;
}
.imaginative .lesson-nav--dark {
  --color-lesson-nav-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-lesson-nav-text: #fff;
}
.imaginative .lesson-nav--floating-full.lesson-nav--dark {
  --color-lesson-nav-overlay-active: #707070;
}
.imaginative .lesson-nav--tint {
  --color-lesson-nav-background: var(--color-accent);
  --color-lesson-nav-border: var(--color-accent);
  --color-lesson-nav-link-border: var(--color-accent);
  --color-lesson-nav-overlay: hsla(0, 0%, 100%, 0.9);
  --color-lesson-nav-overlay-hover: hsla(0, 0%, 100%, 0.8);
  --color-lesson-nav-overlay-active: hsla(0, 0%, 100%, 0.6);
  --color-lesson-nav-text: var(--color-accent);
}
.imaginative .lesson-nav--tint.lesson-nav--floating-full {
  --color-lesson-nav-overlay: hsla(0, 0%, 100%, 0.8);
  --color-lesson-nav-overlay-hover: hsla(0, 0%, 100%, 0.7);
  --color-lesson-nav-overlay-active: hsla(0, 0%, 100%, 0.6);
}
.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(0.8);
}
.imaginative .lesson-nav--accent {
  --color-lesson-nav-background: var(--color-accent);
  --color-lesson-nav-border: var(--color-accent);
  --color-lesson-nav-link-border: #fff;
  --color-lesson-nav-overlay-hover: rgba(0, 0, 0, 0.2);
  --color-lesson-nav-overlay-active: rgba(0, 0, 0, 0.4);
  --color-lesson-nav-text: #fff;
}
.imaginative .lesson-nav--accent-light {
  --color-lesson-nav-text: $imaginative-color-base;
}
.imaginative .lesson-nav--full {
  background-color: var(--color-lesson-nav-background);
}
.imaginative .lesson-nav--full .lesson-nav-link__link {
  background-color: var(--color-lesson-nav-overlay);
  color: var(--color-lesson-nav-text);
}
.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-lesson-nav-background);
  border: 1px solid var(--color-lesson-nav-border);
  color: var(--color-lesson-nav-text);
}
.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-lesson-nav-background);
}
.imaginative .lesson-nav--floating-full .lesson-nav-link__link {
  background-color: var(--color-lesson-nav-overlay);
  color: var(--color-lesson-nav-text);
}
.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 {
  stroke: var(--color-lesson-nav-text);
  height: 1.3rem;
  transition: stroke 0.3s;
  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;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .lesson-nav-link-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .lesson-nav-link-tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.imaginative .lesson-nav-link-tooltip__inner:after {
  background-color: var(--color-nav-tooltip-background);
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.imaginative
  .lesson-nav--accent-light.lesson-nav--floating
  .lesson-nav-link__link,
.imaginative
  .lesson-nav--accent-light.lesson-nav--floating-full
  .lesson-nav-link__link {
  border-color: #313537;
  color: #313537;
}
.imaginative
  .lesson-nav--accent-light.lesson-nav--floating
  .lesson-nav__link-icon,
.imaginative
  .lesson-nav--accent-light.lesson-nav--floating-full
  .lesson-nav__link-icon {
  stroke: #313537;
}
.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: content-box;
  margin: 0 auto;
  max-width: 107rem;
  padding: 0 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-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
.imaginative .cover--layout-centered-overlay .cover__header-content,
.imaginative .cover__header-graphic {
  background-color: #fff;
  background-position: 50%;
  background-size: cover;
}
.imaginative .cover__header-content-action-link,
.imaginative .cover__my-list-button {
  --button-color: var(--background-color-accent);
  background: var(--button-color);
  border: 0.1rem solid transparent;
  color: #fff;
  cursor: pointer;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.01rem;
  line-height: 1.2rem;
  margin-bottom: 1.6rem;
  padding: 1.2rem 2.4rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.15s ease-in-out;
  z-index: 3;
}
.imaginative .cover__header-content-action-link:hover,
.imaginative .cover__my-list-button:hover {
  transform: scale(1.05);
}
.imaginative .cover__header-content-action-link:active,
.imaginative .cover__my-list-button:active {
  transform: scale(0.95);
  transition-duration: 0.1s;
}
@media (resolution: 1dppx) {
  .imaginative .cover__header-content-action-link,
  .imaginative .cover__my-list-button {
    transform: scale(0.999);
  }
}
.imaginative .cover__header-content-action-link.overview__start-again,
.imaginative .cover__my-list-button--checked {
  background-color: transparent;
  border: 0.1rem solid;
  color: var(--color-accent);
}
.imaginative .cover {
  background: #fff;
  padding: 0 0 2rem;
}
@media (min-width: 30em) {
  .imaginative .cover {
    padding-bottom: 10rem;
  }
}
.imaginative
  .cover--layout-centered-accent-tint
  .cover__header-content-action-link-text--light-text,
.imaginative
  .cover--layout-centered-image
  .cover__header-content-action-link-text--light-text,
.imaginative
  .cover--layout-split-left-image
  .cover__header-content-action-link-text--light-text,
.imaginative
  .cover--layout-split-right-image
  .cover__header-content-action-link-text--light-text,
.imaginative
  .cover--layout-two-thirds-left-image
  .cover__header-content-action-link-text--light-text,
.imaginative
  .cover--layout-two-thirds-right-image
  .cover__header-content-action-link-text--light-text {
  color: #fff;
}
.imaginative
  .cover--layout-centered-accent-tint
  .cover__header-content-action-link-text--dark-text,
.imaginative
  .cover--layout-centered-image
  .cover__header-content-action-link-text--dark-text,
.imaginative
  .cover--layout-split-left-image
  .cover__header-content-action-link-text--dark-text,
.imaginative
  .cover--layout-split-right-image
  .cover__header-content-action-link-text--dark-text,
.imaginative
  .cover--layout-two-thirds-left-image
  .cover__header-content-action-link-text--dark-text,
.imaginative
  .cover--layout-two-thirds-right-image
  .cover__header-content-action-link-text--dark-text {
  color: #000;
}
.imaginative .cover--layout-centered .cover__header-content {
  --background-color: var(--background-color-accent);
  background-color: var(--background-color);
}
.imaginative .cover--layout-centered-overlay .cover__header-content {
  background-color: #b2b2b2;
}
.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-centered-overlay .cover__header-content-action-link,
.imaginative .cover--layout-centered-overlay .cover__my-list-button {
  background: #fff;
  color: #000;
}
.imaginative .cover--layout-centered .cover__header-content-action-link,
.imaginative .cover--layout-centered .cover__my-list-button {
  --button-color: #fff;
  background: var(--button-color);
  color: #000;
}
.imaginative .cover--layout-centered .cover__header-content-action-link--light {
  background: #fff;
  color: #000;
}
.imaginative .cover--layout-centered .cover__header-content-action-link--dark {
  background: #000;
  color: #fff;
}
.imaginative
  .cover--layout-centered
  .cover__header-content-action-link.overview__start-again,
.imaginative .cover--layout-centered .cover__my-list-button--checked,
.imaginative
  .cover--layout-centered-overlay
  .cover__header-content-action-link.overview__start-again,
.imaginative .cover--layout-centered-overlay .cover__my-list-button--checked {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.imaginative .cover--layout-centered .cover__header-star,
.imaginative .cover--layout-centered-overlay .cover__header-star {
  stroke: #fff;
}
.imaginative
  .cover--layout-centered-overlay
  .cover__header-content-authors-name,
.imaginative .cover--layout-centered-overlay .cover__header-content-title {
  color: #fff;
}
.imaginative
  .cover--layout-centered-overlay
  .cover__header-content-authors-avatar {
  border: 1px solid #fff;
}
.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-top: 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-bottom: 3.2rem;
    margin-top: 1.6rem;
  }
}
@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-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: 0 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-left: 7.2rem;
    padding-right: 7.2rem;
  }
}
.imaginative .cover--layout-centered-image .cover__header-content {
  min-height: auto;
  padding-bottom: 0.1px;
}
.imaginative .cover--layout-centered-image .cover__header-content-title {
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin: 1.2rem 0 2.3rem;
}
@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: 1.5rem 0 3.5rem;
  }
}
.imaginative .cover--layout-centered-image .cover__header-graphic-wrap {
  position: relative;
}
.imaginative .cover--layout-centered-image .cover__header-graphic-wrap:after {
  background: #000;
  bottom: 0;
  content: "";
  height: 20rem;
  left: 0;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 3;
}
@media (min-width: 30em) {
  .imaginative .cover--layout-centered-image .cover__header-graphic-wrap:after {
    height: 30rem;
    margin-top: 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 {
  bottom: 0;
  height: auto;
}
.imaginative .cover--layout-centered-image .cover__header-graphic {
  align-self: center;
  display: block;
  height: 53rem;
  margin: 7rem auto 9rem;
  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: 7rem auto 0;
}
@media (min-width: 30em) {
  .imaginative .cover--layout-centered-image .cover__header-graphic {
    margin: 5.6rem auto 0;
    width: calc(100vw - 13rem);
  }
}
@media (min-width: 62em) {
  .imaginative .cover--layout-centered-image .cover__header-graphic {
    margin: 7rem auto 0;
  }
}
.imaginative .cover--layout-centered-image .cover__details-content-wrap {
  padding-top: 5.2rem;
}
@media (min-width: 30em) {
  .imaginative .cover--layout-centered-image .cover__details-content-wrap {
    padding-top: 20rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover--layout-centered-image .cover__details-content-wrap {
    padding-top: 8rem;
  }
}
@media (min-width: 62em) {
  .imaginative .cover--layout-centered-image .cover__details-content-wrap {
    padding-top: 13.7rem;
  }
}
.imaginative
  .cover--layout-centered-image
  .cover__details--rise-com
  .cover__details-content-wrap {
  padding-top: 2.2rem;
}
@media (min-width: 48em) {
  .imaginative
    .cover--layout-centered-image
    .cover__details--rise-com
    .cover__details-content-wrap {
    padding-top: 10.4rem;
  }
}
@media (min-width: 62em) {
  .imaginative
    .cover--layout-centered-image
    .cover__details--rise-com
    .cover__details-logo--no-description-or-outline {
    margin-top: 0;
  }
}
.imaginative .cover--layout-centered-overlay .cover__progress {
  color: #fff;
}
.imaginative .cover--layout-centered .cover__progress-text,
.imaginative .cover--layout-centered-overlay .cover__progress-text {
  color: inherit;
}
.imaginative .cover--layout-centered-overlay .cover__progress-next-lesson {
  color: hsla(0, 0%, 100%, 0.7);
}
.imaginative .cover--layout-centered-overlay .cover__progress-outer {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.imaginative .cover--layout-centered .cover__progress-inner {
  background-color: currentColor;
}
.imaginative .cover--layout-centered-overlay .cover__progress-inner {
  background-color: #fff;
}
.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-left: 0;
  margin-right: 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: left;
}
.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: 0 0 3.2rem;
  position: relative;
}
.imaginative .cover__header:after,
.imaginative .cover__header:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.imaginative .cover__header:before {
  background: #fff;
  z-index: 1;
}
.imaginative .cover__header:after {
  background: var(--color-accent);
  opacity: 0.07;
  z-index: 2;
}
@media (min-width: 48em) {
  .imaginative .cover__header {
    margin-bottom: 9.6rem;
  }
  .imaginative .cover--layout-centered-image .cover__header--meta {
    margin-bottom: 0;
  }
}
.imaginative .cover__header-content {
  flex: 1 1 auto;
  padding: 4rem 0 8rem;
  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: #000;
  font-family: var(--font-family-head);
  font-size: 2.8rem;
  letter-spacing: -0.02rem;
  line-height: 3.6rem;
  margin: 1.5rem 0 3.5rem;
}
@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-right: 1.6rem;
}
.imaginative .cover__header-content-action-link--disabled {
  display: none;
}
.imaginative .cover__header-content-action-link:last-child {
  margin-right: 0;
}
.imaginative .cover__header-content-authors {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 4.3rem;
}
@media (min-width: 62em) {
  .imaginative .cover__header-content-authors {
    margin-top: 6rem;
  }
}
.imaginative .cover__header-content-authors-avatar {
  background-size: cover;
  border: 1px solid #000;
  border-radius: 50%;
  flex-shrink: 0;
  height: 3.2rem;
  margin: 0 1rem 0 0;
  width: 3.2rem;
}
@media (min-width: 62em) {
  .imaginative .cover__header-content-authors-avatar {
    height: 4rem;
    width: 4rem;
  }
}
.imaginative .cover__header-content-authors-name {
  color: #282828;
  font-family: var(--font-family-ui);
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}
@media (min-width: 62em) {
  .imaginative .cover__header-content-authors-name {
    font-size: 1.6rem;
  }
}
.imaginative
  .cover__header-content-action-link.overview__start-again--dark-btn {
  background: transparent;
  border-color: #000;
  color: #000;
}
.imaginative
  .cover__header-content-action-link.overview__button-enrolled--dark-btn {
  background-color: #000;
  color: #fff;
}
.imaginative
  .cover__header-content-action-link.overview__button-enrolled--dark-text {
  color: #000;
}
.imaginative
  .cover__header-content-action-link.overview__button-enrolled--light-btn {
  background-color: #fff;
  color: #000;
}
.imaginative .cover__my-list-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.imaginative .cover__my-list-button-icon {
  fill: none;
  stroke-width: 0.2rem;
  stroke: currentColor;
  flex: 0 0 auto;
  height: 1.6rem;
  margin: 0 0.75em 0 0;
  vertical-align: middle;
  width: 1.6rem;
}
.imaginative .cover__my-list-button-text {
  display: flex;
  flex-direction: column;
}
.imaginative .cover__my-list-button-icon {
  margin: 0 1em 0 0;
}
.imaginative .cover__my-list-button-text-remove {
  height: 0;
  visibility: hidden;
}
.imaginative .cover__my-list-button--checked .cover__my-list-button-icon {
  fill: currentColor;
}
.imaginative .cover__my-list-button--checked .cover__my-list-button-text-add {
  height: 0;
  visibility: hidden;
}
.imaginative
  .cover__my-list-button--checked
  .cover__my-list-button-text-remove {
  height: auto;
  visibility: visible;
}
.imaginative .cover__header-graphic {
  flex: 0 0 auto;
  position: relative;
  z-index: 3;
}
.imaginative .cover__details--rise-com .cover__details-content-wrap {
  padding-top: 0;
}
.imaginative
  .cover__details--rise-com
  .cover__details-row-logo--has-partner-content {
  padding-top: 1rem;
}
.imaginative .cover__details--rise-com .cover__details-logo {
  margin-top: -2rem;
  padding-bottom: 2.2rem;
  padding-top: 0;
}
@media (min-width: 48em) {
  .imaginative .cover__details--rise-com .cover__details-logo {
    margin-top: 0;
  }
}
.imaginative
  .cover__details--rise-com
  .cover__details-logo--has-partner-content {
  padding-bottom: 2.2rem;
  padding-top: 2.2rem;
}
@media (min-width: 48em) {
  .imaginative
    .cover__details--rise-com
    .cover__details-logo--has-partner-content {
    padding-top: 0;
  }
}
.imaginative
  .cover__details--rise-com
  .cover__details-content-section--type-description {
  margin-top: -1rem;
}
.imaginative
  .cover__details--rise-com
  .cover__details-content-heading.cover__details-content-heading--type-description-no-outline {
  margin: 0;
}
.imaginative .cover__details--rise-com .cover__details-content-aside {
  padding-top: 4.5rem;
}
.imaginative .cover__details--rise-com-authoring .cover__details-content-wrap {
  padding-top: 0;
}
@media (min-width: 62em) {
  .imaginative
    .cover__details--rise-com-authoring
    .cover__details-content-wrap {
    padding-top: 1rem;
  }
}
.imaginative .cover__details--rise-com-authoring .cover__details-content-aside {
  padding-top: 0;
}
.imaginative .cover__details--rise-com-authoring .cover__details-logo {
  margin-top: 0;
}
.imaginative .cover__details-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.imaginative .cover__details-content--no-description-or-outline {
  width: 35rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content--no-description-or-outline {
    margin: 0 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-left: 12.8rem;
    margin-top: -1rem;
  }
}
.imaginative .cover__details-content-section {
  flex-basis: auto;
  margin: 0 0 5.6rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section {
    margin-bottom: 0;
  }
}
.imaginative .cover__details-content-section--type-description {
  flex: 2 2 100%;
  max-width: 35rem;
  padding: 0 1rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-description {
    max-width: 45rem;
    padding: 0 0 6.4rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__details-content-section--type-description {
    max-width: none;
    width: 70.4rem;
  }
}
.imaginative .cover__details-content-section--type-description-no-outline {
  flex: 2 2 100%;
  max-width: 35rem;
  padding: 0 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: 0;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-content-section--type-description-no-outline {
    margin-left: 3rem;
  }
}
.imaginative
  .cover__details-content-section--type-description-has-partner-content {
  flex: 2 2 100%;
  margin-top: 0;
  max-width: 35rem;
  padding: 0 1rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative
    .cover__details-content-section--type-description-has-partner-content {
    max-width: 45rem;
    padding: 0 0 6.4rem;
  }
}
@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-top: 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 {
  flex: 2 2 100%;
  margin-top: -2rem;
  max-width: 35rem;
  padding: 0 1rem 1.4rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-outline {
    max-width: 45rem;
    padding: 0;
    width: 70.4rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__details-content-section--type-outline {
    max-width: none;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-content-section--type-outline {
    margin-left: 10.2rem;
  }
}
.imaginative .cover__details-content-section--type-outline-has-partner-content {
  flex: 2 2 100%;
  margin-top: -2rem;
  max-width: 35rem;
  padding: 0 1rem 1.4rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative
    .cover__details-content-section--type-outline-has-partner-content {
    max-width: 45rem;
    padding: 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-left: 10.2rem;
  }
}
@media (min-width: 48em) {
  .imaginative
    .cover__details-content-section--type-outline-has-partner-content {
    margin-left: 0;
    max-width: 51.8rem;
  }
}
.imaginative .cover__details-content-section--type-outline-has-pc-and-logo {
  flex: 2 2 100%;
  margin-top: -2rem;
  max-width: 35rem;
  padding: 0 1rem 1.4rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-outline-has-pc-and-logo {
    max-width: 45rem;
    padding: 0;
    width: 70.4rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__details-content-section--type-outline-has-pc-and-logo {
    max-width: none;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-content-section--type-outline-has-pc-and-logo {
    margin-left: 10.2rem;
  }
}
@media (min-width: 48em) {
  .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-top: -2rem;
  max-width: 35rem;
  padding: 0 1rem 1.4rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-outline-no-logo {
    max-width: 45rem;
    padding: 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-left: 10.2rem;
    margin-left: 0;
  }
}
.imaginative .cover__details-content-section--type-outline-no-description {
  flex: 2 2 100%;
  margin-top: -2rem;
  max-width: 35rem;
  padding: 0 1rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-outline-no-description {
    max-width: 45rem;
    padding: 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-left: 10.2rem;
  }
}
@media (min-width: 30em) {
  .imaginative .cover__details-content-section--type-outline-no-description {
    padding: 0 1rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__details-content-section--type-outline-no-description {
    padding: 0;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-content-section--type-outline-no-description {
    margin-left: 3rem;
  }
}
.imaginative .cover__details-content-description-container {
  display: flex;
}
.imaginative
  .cover__details-content-description-container--published
  .cover__details-content-heading {
  margin-bottom: 1.2rem;
}
.imaginative .cover__details-content-description {
  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: 0.15rem;
  line-height: 1.2rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
}
.imaginative .cover__details-logo {
  flex: 2 2 100%;
  max-width: 35rem;
  padding: 0 0 3.2rem 1rem;
  width: 70.4rem;
}
@media (min-width: 30em) {
  .imaginative .cover__details-logo {
    max-width: 45rem;
    padding: 0 0 4.4rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__details-logo {
    max-width: none;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-logo {
    display: none;
  }
}
.imaginative .cover__details-logo-image {
  height: auto;
  width: 7.2rem;
}
.imaginative .cover__details-logo--centered {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: auto;
}
.imaginative .cover__details-logo--no-description-or-outline {
  display: flex;
  padding: 0 1rem 4.4rem;
}
@media (min-width: 48em) {
  .imaginative .cover__details-logo--no-description-or-outline {
    padding: 0 0 4.4rem;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__details-logo--no-description-or-outline {
    align-self: flex-start;
    flex-basis: 0;
  }
}
@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;
  }
}
.imaginative .cover__details-row-logo {
  display: none;
}
@media (min-width: 62em) {
  .imaginative .cover__details-row-logo {
    display: block;
    margin-right: 3rem;
  }
}
.imaginative .cover__details-row-logo-image {
  height: auto;
  width: 7.2rem;
}
.imaginative .cover__header-star {
  stroke: var(--color-accent);
  margin: 3.5rem 0 0;
}
.imaginative .cover__header-star:first-child {
  margin-top: 4.5rem;
}
.imaginative .cover__progress + .cover__header-star {
  margin-top: 0;
}
.imaginative .overview-list {
  font-family: var(--font-family-body);
}
.imaginative .overview-list section:first-child .overview-list__section-title {
  margin-top: 0;
  padding-top: 2.4rem;
}
.imaginative
  .overview-list
  section:first-child
  :first-child
  .overview-list__li:first-child
  .overview-list-item {
  padding-top: 0;
}
.imaginative .overview-list__section-title {
  border-bottom: none;
  font-family: var(--font-family-ui);
  margin-bottom: 0.5rem;
  margin-top: 2.2rem;
}
.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: 0 0 0 1.3rem;
}
.imaginative .overview-list-item__link {
  --color-progress-circle-empty-fill: #f5f5f5;
  --color-progress-circle-fill: var(--color-accent);
  --color-progress-circle-stroke: var(--color-accent);
  margin: 0 -1rem;
  padding: 2rem 1rem 2rem 2.3rem;
  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: #313537;
}
.imaginative .overview-list-item__link:active,
.imaginative .overview-list-item__link:hover {
  background: transparent;
  color: var(--color-accent);
}
.imaginative .overview-list-item__link:before {
  border-left: 0.1rem solid var(--color-accent);
  bottom: 0;
  content: "";
  left: calc(1.3rem + 1px);
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 0.1rem;
}
.imaginative .overview-list-item__link--restricted {
  color: #949494;
}
.imaginative .overview-list__li:first-child .overview-list-item__link:before {
  top: 50%;
}
.imaginative .overview-list__li--last .overview-list-item__link:before,
.imaginative .overview-list__li:last-child .overview-list-item__link:before {
  bottom: 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: #313537;
}
.imaginative .overview-list-item-tooltip {
  --color-nav-tooltip-background: #000;
  --color-nav-tooltip-text: #fff;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .overview-list-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .overview-list-item-tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.imaginative .overview-list-item-tooltip__inner:after {
  background-color: var(--color-nav-tooltip-background);
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.imaginative .partner-content-course-author__author {
  font-family: var(--font-family-ui);
  font-weight: 400;
}
.imaginative
  .cover--layout-centered-accent-tint
  .partner-content-course-author__author,
.imaginative
  .cover--layout-centered-image
  .partner-content-course-author__author,
.imaginative
  .cover--layout-split-left-image
  .partner-content-course-author__author,
.imaginative
  .cover--layout-split-right-image
  .partner-content-course-author__author,
.imaginative
  .cover--layout-two-thirds-left-image
  .partner-content-course-author__author,
.imaginative
  .cover--layout-two-thirds-right-image
  .partner-content-course-author__author {
  color: #000;
}
.imaginative
  .cover--layout-centered-accent-tint
  .partner-content-course-author__author-image,
.imaginative
  .cover--layout-centered-image
  .partner-content-course-author__author-image,
.imaginative
  .cover--layout-split-left-image
  .partner-content-course-author__author-image,
.imaginative
  .cover--layout-split-right-image
  .partner-content-course-author__author-image,
.imaginative
  .cover--layout-two-thirds-left-image
  .partner-content-course-author__author-image,
.imaginative
  .cover--layout-two-thirds-right-image
  .partner-content-course-author__author-image {
  border-color: #000;
}
.imaginative .partner-content-course-author__author {
  align-items: center;
}
@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-bottom: 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: left;
}
@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-bottom: 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-bottom: 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-left: 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-left: 4.8rem;
  }
}
@media (min-width: 90em) {
  .imaginative
    .cover--layout-two-thirds-left-image
    .cover__header-content-info {
    padding-left: 7.2rem;
  }
}
.imaginative .cover--layout-split-left-image .cover__header-star,
.imaginative .cover--layout-split-right-image .cover__header-star {
  margin-top: 0;
}
.imaginative .cover--layout-split-left-image .cover__header-content,
.imaginative .cover--layout-split-right-image .cover__header-content {
  min-height: 50.5rem;
  padding: 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-top: 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: 1.5rem 0 3.2rem;
  }
}
.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: 4rem 0 2rem;
}
@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-top: 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-top: 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: 2.4rem 0 3.2rem;
}
@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-top: 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: 1.5rem 0 3.2rem;
  }
}
@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: 1.5rem 0 3.5rem;
  }
}
.imaginative
  .cover--layout-centered
  .cover__details-content-published-at--light-text,
.imaginative
  .cover--layout-centered
  .cover__header-content-authors-name--light-text,
.imaginative .cover--layout-centered .cover__header-content-title--light-text,
.imaginative .cover--layout-centered .partner-content-course-author__author,
.imaginative
  .cover--layout-centered
  .partner-content-course-author__author--light-text,
.imaginative
  .cover--layout-centered-overlay
  .partner-content-course-author__author {
  color: #fff;
}
.imaginative
  .cover--layout-centered
  .partner-content-course-author__author-image--dark-border {
  border-color: #000;
}
.imaginative .cover--layout-centered .cover__header-star--light-icon {
  stroke: #fff;
}
.imaginative
  .cover--layout-centered
  .cover__header-content-authors-avatar--light-border {
  border-color: #fff;
}
.imaginative .cover--layout-centered .cover__progress--light,
.imaginative
  .cover--layout-centered
  .cover__progress--light
  .cover__progress-next-lesson {
  color: hsla(0, 0%, 100%, 0.7);
}
.imaginative
  .cover--layout-centered
  .cover__progress--light
  .cover__progress-outer {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.imaginative
  .cover--layout-centered
  .cover__progress--light
  .cover__progress-inner {
  background-color: #fff;
}
.imaginative
  .cover--layout-centered
  .partner-content-course-author__author--accent-light {
  color: #000;
}
.imaginative .cover__dot-com {
  background: #000;
  padding: 0.1px 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-bottom: 5.6rem;
  margin-top: 3.2rem;
}
@media (min-width: 48em) {
  .imaginative .cover__dot-com-body {
    margin-bottom: 7.2rem;
    margin-top: 4.7rem;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__dot-com-body {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 7.2rem;
    margin-top: 6.4rem;
  }
}
.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: 0.15rem;
  line-height: 1.2rem;
  margin: 1.6rem 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: 3.2rem 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: 0 2rem;
    text-align: left;
  }
  .imaginative .cover__categories-section:first-child,
  .imaginative .cover__course-length-section:first-child,
  .imaginative .cover__requirements-section:first-child {
    margin-left: 0;
  }
  .imaginative .cover__categories-section:last-child,
  .imaginative .cover__course-length-section:last-child,
  .imaginative .cover__requirements-section:last-child {
    margin-right: 0;
  }
}
@media (min-width: 62em) {
  .imaginative .cover__categories-section,
  .imaginative .cover__course-length-section,
  .imaginative .cover__requirements-section {
    margin: 0 3.3rem;
  }
}
@media (min-width: 48em) {
  .imaginative .cover__course-length-section {
    width: -webkit-min-content;
    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-left: calc(1.4rem + 0.75em);
  text-indent: calc(-1.4rem - 0.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: 0 0.75em 0.3rem 0;
  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-left: calc(1.4rem + 0.75em);
}
.imaginative .cover__categories-item {
  word-wrap: anywhere;
  display: inline-block;
}
.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: 0.1rem solid #8f8f8f;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
  line-height: 1.2rem;
  padding: 0.8rem 3.6rem;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.imaginative .cover__due-date {
  margin: 4.8rem auto;
}
.imaginative .cover__due-date--urgent {
  background: #fff;
  border-color: transparent;
  color: #000;
}
.imaginative .cover__completed-info {
  border-top: 0.1rem solid #707070;
  margin: 4.3rem auto 0;
  max-width: 70rem;
  padding: 4.5rem 0 0;
  text-align: center;
}
.imaginative .cover__completed-info-label {
  margin: 1.6rem auto;
}
.imaginative .cover__completed-info .certificateDownload {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  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: 0 auto 2.6rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 62em) {
  .imaginative .cover__progress {
    margin: 0 auto 3.4rem;
  }
}
.imaginative .cover__progress-text {
  color: var(--color-accent);
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
  line-height: 1rem;
}
.imaginative .cover__progress-next-lesson {
  color: #707070;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  line-height: 1.2rem;
}
.imaginative .cover__progress-next-lesson-icon {
  stroke: currentColor;
  height: 1.3rem;
  margin: 0 0.8rem 0.2rem 0;
  vertical-align: middle;
  width: 1.6rem;
}
.imaginative .cover__progress-outer {
  background: rgba(0, 0, 0, 0.125);
  height: 0.2rem;
  margin: 1.2rem auto 1.4rem;
  max-width: calc(100vw - 2.4rem);
  position: relative;
  width: 38rem;
}
.imaginative .cover__progress-inner {
  background: var(--color-accent);
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}
@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 {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.imaginative .cover-container--entering .cover__details {
  animation: imaginative-cover-details-enter 0.5s;
}
.imaginative .cover-container--exiting .cover__details {
  animation: imaginative-cover-details-exit 0.5s;
  animation-fill-mode: forwards;
}
.imaginative .cover-container--entering .cover__header {
  animation: imaginative-cover-header-enter 0.6s;
}
.imaginative .cover-container--exiting .cover__header {
  animation: imaginative-cover-header-exit 0.61s;
  animation-fill-mode: forwards;
}
.imaginative.light-accent .cover__header-content-action-link,
.imaginative.light-accent .cover__my-list-button {
  color: #000;
}
.imaginative.light-accent
  .cover--layout-centered
  .cover__header-content-action-link--dark {
  color: #fff;
}
.imaginative.light-accent .cover--layout-centered .cover__header-star {
  stroke: #000;
}
.imaginative.light-accent
  .cover--layout-centered
  .cover__header-star--light-icon {
  stroke: #fff;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-action-link.overview__start-again,
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-authors-name,
.imaginative.dark-accent .cover--layout-centered .cover__header-content-title,
.imaginative.dark-accent
  .cover--layout-centered
  .cover__my-list-button--checked,
.imaginative.dark-accent .cover--layout-centered .cover__progress,
.imaginative.light-accent
  .cover--layout-centered
  .overview__button-enrolled--dark-btn {
  color: #fff;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-authors-name--dark-text,
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-title--dark-text,
.imaginative.dark-accent .cover--layout-centered .cover__progress--dark-text {
  color: #000;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-star--dark-icon {
  stroke: #000;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-authors-avatar {
  border: 1px solid #fff;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__header-content-authors-avatar--dark-border {
  border: 1px solid #000;
}
.imaginative.dark-accent .cover--layout-centered .cover__progress-next-lesson {
  color: hsla(0, 0%, 100%, 0.7);
}
.imaginative.dark-accent .cover--layout-centered .cover__progress-outer {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.imaginative.dark-accent .cover--layout-centered .cover__progress-inner {
  background-color: #fff;
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__progress--dark
  .cover__progress-outer {
  background: rgba(0, 0, 0, 0.2);
}
.imaginative.dark-accent
  .cover--layout-centered
  .cover__progress--dark
  .cover__progress-inner {
  background-color: #000;
}
.imaginative.dark-accent .cover--layout-centered .cover__progress--dark,
.imaginative.dark-accent
  .cover--layout-centered
  .cover__progress--dark
  .cover__progress-next-lesson {
  color: #000;
}
.imaginative .nav-compact {
  --color-header-strip: var(--color-accent);
  --color-nav-compact-active: #eee;
  --color-nav-compact-background: #fff;
  --color-nav-compact-bullet-rail-opacity: 0.1;
  --color-nav-compact-bullet-rail: var(--color-accent);
  --color-nav-compact-hover: #eee;
  --color-nav-compact-icon: #313537;
  --color-nav-compact-text: #313537;
  --color-nav-compact-text-top: var(--color-nav-compact-text);
  --color-nav-compact-progress-runner: var(--color-accent);
  --color-nav-compact-progress-track: #eee;
  --color-nav-compact-selected: #f7f7f7;
  --color-progress-circle-empty-fill: var(--color-nav-compact-background);
  --color-progress-circle-fill: var(--color-accent);
  --color-progress-circle-stroke: var(--color-accent);
  bottom: 2rem;
  left: 4rem;
  position: fixed;
  transition-duration: 0.3s;
  transition-property: opacity, visibility, bottom;
  transition-timing-function: ease;
  z-index: 7;
}
.imaginative .nav-compact--navNextIsVisible {
  bottom: 8.4rem;
}
.imaginative .nav-compact__wrap {
  background-color: var(--color-nav-compact-background);
  bottom: 2rem;
  box-shadow: 0 0.4rem 4rem rgba(0, 0, 0, 0.1);
  font-family: var(--font-family-body);
  outline: 1px solid transparent;
  transition: transform 0.3s ease;
  width: 24rem;
}
.imaginative .nav-compact__header,
.imaginative .nav-compact__header-inner {
  position: relative;
}
.imaginative .nav-compact__header-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 8rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: height 0.3s;
}
.imaginative .nav-compact__header-image--collapsed {
  height: 100%;
}
.imaginative .nav-compact__header-inner {
  color: var(--color-nav-compact-text);
  margin: 0;
  padding: 0;
  width: 100%;
}
.imaginative .nav-compact__header-strip {
  margin-bottom: 1.6rem;
  padding: 1.5rem 1.6rem 0.1rem;
}
.imaginative .nav-compact__header-strip--accent {
  background-color: var(--color-header-strip);
}
.imaginative .nav-compact__header-strip--accent-light {
  --color-nav-compact-text-top: #313537;
  --color-nav-compact-icon: #313537;
}
.imaginative .nav-compact__header-controls {
  display: flex;
  padding: 1.2rem 1.6rem;
  position: absolute;
  right: 0;
  top: -0.1px;
}
.imaginative .nav-compact__header-control {
  align-items: center;
  color: var(--color-nav-compact-icon);
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin-left: 0.4rem;
  width: 2rem;
}
.imaginative .nav-compact__header-control-icon {
  overflow: hidden;
}
.imaginative .nav-compact__header-search-icon {
  stroke: var(--color-nav-compact-text-top);
  height: 1.5rem;
  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 {
  stroke: var(--color-nav-compact-text-top);
  color: var(--color-nav-compact-icon);
  height: 0.9rem;
  width: 1.5rem;
}
.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-text-top);
  font-family: var(--font-family-ui);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.15rem;
  line-height: 1.3rem;
  margin-bottom: 1.2rem;
  margin-right: calc(2rem + 1em);
  text-transform: uppercase;
}
.imaginative .nav-compact__header-title {
  display: flex;
  padding: 0 1.6rem;
  transition: margin-top 0.3s;
}
.imaginative .nav-compact__header-title :focus {
  outline-offset: 5px;
}
.imaginative .nav-compact__header-inner--image .nav-compact__header-title {
  margin-top: 6rem;
}
.imaginative .nav-compact--collapsed .nav-compact__header-title {
  margin-top: 0;
}
.imaginative .nav-compact__header-title-link {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 2.6rem;
  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-top: 1.2rem;
  padding: 0 1.6rem 1.6rem;
}
.imaginative .nav-compact__header-progress-text {
  font-family: var(--font-family-ui);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.15rem;
  line-height: 1.3rem;
  margin: 1.2rem 0;
}
.imaginative .nav-compact__header-progress-text--collapsed {
  display: none;
}
.imaginative .nav-compact__header-progress-runner,
.imaginative .nav-compact__header-progress-track {
  height: 0.2rem;
  transition: background-color 0.3s;
}
.imaginative .nav-compact__header-progress-track {
  background-color: var(--color-nav-compact-progress-track);
}
.imaginative .nav-compact__header-progress-runner {
  background-color: var(--color-nav-compact-progress-runner);
  transition: width 0.6s;
}
.imaginative .nav-compact__outline {
  max-height: 35rem;
  overflow-x: hidden;
  overflow-y: auto;
  transition: max-height 0.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-bottom: 0;
  padding-bottom: 0.8rem;
}
.imaginative .nav-compact__outline--collapsed {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.imaginative .nav-compact__outline::-webkit-scrollbar {
  -webkit-appearance: none;
}
.imaginative .nav-compact__outline::-webkit-scrollbar:vertical {
  width: 0.8rem;
}
.imaginative .nav-compact__outline::-webkit-scrollbar-thumb {
  border-radius: 0.8rem;
}
.imaginative .nav-compact__outline--dark::-webkit-scrollbar-thumb {
  background-color: #757575;
  border: 0.2rem solid #1a1a1a;
}
.imaginative .nav-compact__outline--light::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border: 0.2rem solid #f5f5f5;
}
.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-left: 0.4rem solid var(--color-accent);
  content: "";
  height: 100%;
  left: 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;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .nav-compact__outline-item-tooltip--visible,
.imaginative .nav-compact__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .nav-compact__outline-item-tooltip__inner,
.imaginative .nav-compact__outline-section-item-tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 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: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.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: 1.2rem 3rem 1.2rem 1.6rem;
  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:before,
.imaginative .nav-compact__outline-section-item__link:before {
  border-left: 0.1rem solid var(--color-nav-compact-bullet-rail);
  bottom: 0;
  content: "";
  opacity: var(--color-nav-compact-bullet-rail-opacity);
  position: absolute;
  right: calc(1.4rem + 1px);
  top: 0;
  width: 0.1rem;
}
.imaginative .nav-compact--dark .nav-compact__outline-item__link:before,
.imaginative
  .nav-compact--dark
  .nav-compact__outline-section-item__link:before {
  opacity: 0.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 {
  top: 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 {
  bottom: 50%;
}
.imaginative .nav-compact__outline-section-empty,
.imaginative .nav-compact__outline-section-toggle {
  align-items: flex-start;
  display: flex;
  font-family: var(--font-family-ui);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
  line-height: 1.8rem;
  overflow: hidden;
  padding: 0.4rem 1.9rem 0.4rem 1.6rem;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.imaginative .nav-compact__outline-section-empty--dark,
.imaginative .nav-compact__outline-section-toggle--dark {
  color: #fff;
}
.imaginative .nav-compact__outline-section-empty--light,
.imaginative .nav-compact__outline-section-toggle--light {
  color: #313537;
}
.imaginative .nav-compact__outline-section-empty {
  padding-right: 3.5rem;
}
.imaginative .nav-compact__outline-section-list {
  margin-bottom: 2.4rem;
  transition: max-height 0.3s, opacity 0.5s;
}
.imaginative .nav-compact__outline-section-list--collapsed {
  margin-bottom: 1.5rem;
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.imaginative .nav-compact__outline-section-toggle {
  cursor: pointer;
  padding: 0.8rem 1.9rem 1.6rem 1.6rem;
}
.imaginative .nav-compact__outline-section-toggle--collapsed {
  padding: 0 1.9rem 0 1.6rem;
}
.imaginative .nav-compact__outline-section-toggle-icon {
  stroke: var(--color-nav-compact-icon);
  flex: 0 0 auto;
  height: 1.8rem;
  margin: 0 0 0 0.75em;
  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);
}
.imaginative .nav-compact--dark {
  --color-nav-compact-active: #282828;
  --color-nav-compact-background: #000;
  --color-nav-compact-hover: #282828;
  --color-nav-compact-icon: #fff;
  --color-nav-compact-text: #fff;
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-compact-selected: #282828;
}
.imaginative
  .nav-compact__wrap--collapsed
  .nav-compact__header-inner--accent-dark {
  --color-nav-compact-text: #fff;
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-compact-progress-runner: #fff;
}
.imaginative
  .nav-compact__wrap--collapsed
  .nav-compact__header-inner--accent-light {
  --color-nav-compact-text: #313537;
  --color-nav-compact-progress-track: rgba(0, 0, 0, 0.2);
  --color-nav-compact-progress-runner: #313537;
}
.imaginative
  .nav-compact--collapsed.nav-compact--dark-accent
  .nav-compact__wrap,
.imaginative
  .nav-compact--collapsed.nav-compact--light-accent
  .nav-compact__wrap {
  --color-nav-compact-background: var(--color-accent);
}
.imaginative .nav-compact__header--accent {
  --color-header-strip: var(--color-accent);
  --color-nav-compact-icon: #fff;
  --color-nav-compact-text-top: #fff;
}
.imaginative .nav-compact__header-inner--image {
  --color-nav-compact-text-top: #fff;
  --color-nav-compact-icon: #fff;
  --color-nav-compact-progress-track: rgba(0, 0, 0, 0.12);
  --color-nav-compact-progress-runner: var(--color-accent);
  --color-nav-compact-text: #313537;
}
.imaginative .nav-compact--dark .nav-compact__header-inner--image {
  --color-nav-compact-progress-runner: var(--color-accent);
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-compact-icon: #fff;
  --color-nav-compact-text: #fff;
}
.imaginative .nav-compact--collapsed .nav-compact__header-inner--image {
  --color-nav-compact-progress-runner: #fff;
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.3);
  --color-nav-compact-icon: #fff;
  --color-nav-compact-text: #fff;
}
.imaginative .lesson--open .nav-compact {
  opacity: 0;
  visibility: hidden;
}
.imaginative .lesson--open .nav-compact__wrap {
  transform: translateX(30rem);
}
@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 0.4s;
}
.imaginative .lesson--exiting .nav-compact {
  animation: imaginative-nav-compact-exit 0.4s;
  opacity: 0;
}
.imaginative .nav-overlay {
  --color-nav-overlay-content-background: #fff;
  --color-nav-overlay-header-control-btn-hover: rgba(0, 0, 0, 0.25);
  --color-nav-overlay-header-control-btn-hover-dark: hsla(0, 0%, 100%, 0.25);
  --color-nav-overlay-icon: var(--color-accent);
  --color-nav-overlay-progress-runner: var(--color-accent);
  --color-nav-overlay-progress-text: var(--color-accent);
  --color-nav-overlay-progress-track: rgba(0, 0, 0, 0.1);
  --color-nav-overlay-text-active-link: rgba(0, 0, 0, 0.5);
  --color-nav-overlay-text: #000;
  --color-nav-overlay-search-input: #282828;
  --color-nav-overlay-search-input-border: #282828;
  --color-nav-overlay-search-clear: #282828;
  --color-nav-overlay-search-placeholder: rgba(40, 40, 40, 0.5);
  --color-nav-overlay-search-icon: var(--color-accent);
  --color-nav-overlay-search-close-icon: #282828;
  --color-nav-overlay-search-submit: var(--color-accent);
  --color-progress-circle-empty-fill: none;
  --color-progress-circle-fill: var(--color-accent);
  --color-progress-circle-stroke: var(--color-accent);
}
.imaginative .nav-overlay__content {
  background-color: var(--color-nav-overlay-content-background);
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.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-bottom: 7rem;
  width: 100%;
}
@media (max-width: 47.9375em) {
  .imaginative .nav-overlay__header-container {
    margin-bottom: 5.6rem;
  }
}
.imaginative .nav-overlay__header-controls {
  padding-bottom: 1rem;
}
.imaginative .nav-overlay__header-control-btn {
  padding: 0.5rem 0.5rem 0;
}
.imaginative .nav-overlay__header-control-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.imaginative .nav-overlay__header-control-btn--accent-full-dark:hover,
.imaginative .nav-overlay__header-control-btn--dark:hover,
.imaginative .nav-overlay__header-control-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.imaginative .nav-overlay__header-search-icon {
  stroke: var(--color-nav-overlay-icon);
  height: 1.7rem;
  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: -1rem auto 0;
  max-width: 51rem;
  text-align: center;
}
.imaginative .nav-overlay__header-title {
  cursor: pointer;
  display: flex;
  font-size: 2.4rem;
  font-weight: 400;
  justify-content: center;
  letter-spacing: -0.2px;
  line-height: 2.9rem;
  padding-bottom: 1.1rem;
}
.imaginative .nav-overlay__header-title-link {
  color: var(--color-nav-overlay-text);
  text-decoration: none;
}
.imaginative .nav-overlay__header-progress {
  margin: 0 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: 0.05rem;
  line-height: 1.2rem;
  margin-top: 1.2rem;
}
.imaginative .nav-overlay__header-progress-runner,
.imaginative .nav-overlay__header-progress-track {
  height: 0.2rem;
  transition: background-color 0.3s;
}
.imaginative .nav-overlay__header-progress-track {
  background-color: var(--color-nav-overlay-progress-track);
}
.imaginative .nav-overlay__header-progress-runner {
  background-color: var(--color-nav-overlay-progress-runner);
  transition: width 0.6s;
}
.imaginative .nav-overlay__body {
  height: 100%;
  margin: 0 auto;
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 29.9375em) {
  .imaginative .nav-overlay__body {
    padding: 0 3.2rem;
  }
}
.imaginative .nav-overlay__outline {
  font-family: var(--font-family-ui);
  margin: 0 auto;
  max-width: 51rem;
}
.imaginative .nav-overlay__outline-list {
  margin-top: 2.7rem;
}
@media (max-width: 29.9375em) {
  .imaginative .nav-overlay__outline-list {
    margin-top: 0;
  }
}
.imaginative .nav-overlay__outline-section-list {
  margin-top: 5.2rem;
}
@media (min-width: 48em) {
  .imaginative .nav-overlay__outline-section-list {
    margin-top: 6.2rem;
  }
}
@media (max-width: 47.9375em) {
  .imaginative .nav-overlay__outline-section-list {
    margin-top: 5rem;
  }
}
@media (max-width: 29.9375em) {
  .imaginative .nav-overlay__outline-section-list {
    margin-top: 4.2rem;
  }
}
.imaginative .nav-overlay__outline-list-item {
  display: flex;
  justify-content: center;
  padding-bottom: 7rem;
  position: relative;
}
@media (max-width: 47.9375em) {
  .imaginative .nav-overlay__outline-list-item {
    padding-bottom: 5.6rem;
  }
}
.imaginative .nav-overlay__outline-section-text {
  color: var(--color-nav-overlay-text);
  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-text);
  display: flex;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.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: 0.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: 0.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;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .nav-overlay__outline-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .nav-overlay__outline-item-tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.imaginative .nav-overlay__outline-item-tooltip__inner:after {
  background-color: var(--color-nav-tooltip-background);
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.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: 0.5rem 0.5rem 0;
}
.imaginative .nav-overlay__search-close-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.imaginative .nav-overlay__search-close-btn--accent-full-dark:hover,
.imaginative .nav-overlay__search-close-btn--dark:hover,
.imaginative .nav-overlay__search-close-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.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-bottom: 0.1rem solid var(--color-nav-overlay-search-input-border);
  display: flex;
  padding-bottom: 1.3rem;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .imaginative .nav-overlay__search-container {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 62em) {
  .imaginative .nav-overlay__search-container {
    padding-bottom: 2.5rem;
  }
}
.imaginative .nav-overlay__search-body {
  margin: 0 1.6rem;
  width: 110rem;
}
@media (min-width: 30em) {
  .imaginative .nav-overlay__search-body {
    margin: 0 4rem;
  }
}
@media (min-width: 62em) {
  .imaginative .nav-overlay__search-body {
    margin: 0 5.6rem;
  }
}
.imaginative .nav-overlay__search-header {
  left: 0;
  padding: 2rem 1.6rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .imaginative .nav-overlay__search-header {
    padding: 3.2rem 2.8rem;
  }
}
.imaginative .nav-overlay__search-icon {
  stroke: var(--color-nav-overlay-search-icon);
  flex-shrink: 0;
  height: 3.3rem;
  width: 3.3rem;
}
@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: transparent;
  border: none;
  color: var(--color-nav-overlay-search-input);
  font-size: 3.2rem;
  font-weight: 300;
  margin: 0 1.6rem;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.imaginative .nav-overlay__search-input:-ms-input-placeholder {
  color: var(--color-nav-overlay-search-placeholder);
  text-transform: capitalize;
}
.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: 0 2.5rem;
  }
}
@media (min-width: 62em) {
  .imaginative .nav-overlay__search-input {
    font-size: 7.2rem;
    line-height: 9rem;
    margin-left: 0 4rem;
  }
}
.imaginative .nav-overlay__search-input-wrap {
  position: relative;
  width: 100%;
}
.imaginative .nav-overlay__search-clear-btn {
  padding: 0.5rem 0.5rem 0;
}
.imaginative .nav-overlay__search-clear-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.imaginative .nav-overlay__search-clear-btn--accent-full-dark:hover,
.imaginative .nav-overlay__search-clear-btn--dark:hover,
.imaginative .nav-overlay__search-clear-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.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: 0.1rem;
  line-height: 1.2rem;
  margin: 3.5rem 0;
  padding: 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-clear);
  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-overlay--gray {
  --color-nav-overlay-content-background: #fafafa;
}
.imaginative .nav-overlay--accent-full-dark {
  --color-nav-overlay-content-background: var(--color-accent);
  --color-nav-overlay-icon: #fff;
  --color-nav-overlay-progress-runner: #fff;
  --color-nav-overlay-progress-text: #fff;
  --color-nav-overlay-progress-track: hsla(0, 0%, 100%, 0.1);
  --color-nav-overlay-text: #fff;
  --color-nav-overlay-search-input: #fff;
  --color-nav-overlay-search-input-border: #fff;
  --color-nav-overlay-search-clear: #fff;
  --color-nav-overlay-search-placeholder: hsla(0, 0%, 100%, 0.6);
  --color-nav-overlay-search-close-icon: #fff;
  --color-nav-overlay-search-icon: #fff;
  --color-nav-overlay-search-submit: #fff;
  --color-progress-circle-fill: #fff;
  --color-progress-circle-stroke: #fff;
}
.imaginative .nav-overlay--accent-full-light {
  --color-nav-overlay-content-background: var(--color-accent);
  --color-nav-overlay-icon: #000;
  --color-nav-overlay-progress-runner: #000;
  --color-nav-overlay-progress-text: #000;
  --color-nav-overlay-search-icon: #282828;
  --color-progress-circle-fill: #000;
  --color-progress-circle-stroke: #000;
}
.imaginative .nav-overlay--dark {
  --color-nav-overlay-content-background: #000;
  --color-nav-overlay-icon: #fff;
  --color-nav-overlay-progress-runner: var(--color-accent);
  --color-nav-overlay-progress-text: #fff;
  --color-nav-overlay-progress-track: hsla(0, 0%, 100%, 0.1);
  --color-nav-overlay-text: #fff;
  --color-nav-overlay-search-input: #fff;
  --color-nav-overlay-search-input-border: #fff;
  --color-nav-overlay-search-clear: #fff;
  --color-nav-overlay-search-placeholder: hsla(0, 0%, 100%, 0.6);
  --color-nav-overlay-search-close-icon: #fff;
  --color-nav-overlay-search-submit: #fff;
}
.imaginative
  .nav-overlay--accent-full-dark
  .nav-overlay__outline-item--section__link:active,
.imaginative
  .nav-overlay--dark
  .nav-overlay__outline-item--section__link:active,
.imaginative
  .nav-overlay--image
  .nav-overlay__outline-item--section__link:active {
  --color-nav-overlay-text-active-link: hsla(0, 0%, 100%, 0.5);
}
.imaginative .nav-overlay--accent-tint .nav-overlay__content {
  --color-nav-overlay-content-background: currentColor;
}
.imaginative .nav-overlay--image {
  --color-nav-overlay-icon: #fff;
  --color-nav-overlay-progress-runner: #fff;
  --color-nav-overlay-progress-text: #fff;
  --color-nav-overlay-progress-track: hsla(0, 0%, 100%, 0.1);
  --color-nav-overlay-text: #fff;
  --color-nav-overlay-search-input: #fff;
  --color-nav-overlay-search-input-border: #fff;
  --color-nav-overlay-search-clear: #fff;
  --color-nav-overlay-search-placeholder: hsla(0, 0%, 100%, 0.6);
  --color-nav-overlay-search-close-icon: #fff;
  --color-nav-overlay-search-submit: #fff;
  --color-progress-circle-fill: #fff;
  --color-progress-circle-stroke: #fff;
}
.imaginative {
  --width-imaginative-nav-sidebar: 30rem;
}
.imaginative .nav-sidebar__content {
  --color-nav-sidebar-active: #fff;
  --color-nav-sidebar-background: #f7f7f7;
  --color-nav-sidebar-bullet-rail-opacity: 0.1;
  --color-nav-sidebar-bullet-rail: var(--color-accent);
  --color-nav-sidebar-bullet: var(--color-accent);
  --color-nav-sidebar-header-background: var(--color-sidebar-background);
  --color-nav-sidebar-hover: #eee;
  --color-nav-sidebar-hover-text: #000;
  --color-nav-sidebar-progress-runner: var(--color-accent);
  --color-nav-sidebar-progress-text: var(--color-nav-sidebar-text);
  --color-nav-sidebar-progress-track: #e1e1e1;
  --color-nav-sidebar-search-active: var(--color-nav-sidebar-active);
  --color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
  --color-nav-sidebar-text: #313537;
  --color-nav-sidebar-title: var(--color-nav-sidebar-text);
  --color-nav-sidebar-header-compact-background: linear-gradient(
    0deg,
    hsla(0, 0%, 97%, 0),
    #f7f7f7 6.3rem
  );
  --color-progress-circle-empty-fill: var(--color-nav-sidebar-background);
  --color-progress-circle-fill: var(--color-accent);
  --color-progress-circle-stroke: var(--color-accent);
  background: var(--color-nav-sidebar-background);
  font-family: var(--font-family-body);
  width: var(--width-imaginative-nav-sidebar);
}
.imaginative .nav-sidebar__content--dark {
  --color-nav-sidebar-active: #282828;
  --color-nav-sidebar-background: #000;
  --color-nav-sidebar-bullet-rail-opacity: 0.5;
  --color-nav-sidebar-hover: #282828;
  --color-nav-sidebar-hover-text: #fff;
  --color-nav-sidebar-text: #fff;
  --color-nav-sidebar-title: #fff;
  --color-nav-sidebar-progress-runner: #fff;
  --color-nav-sidebar-progress-text: #fff;
  --color-nav-sidebar-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
  --color-nav-sidebar-header-compact-background: linear-gradient(
    0deg,
    transparent,
    #000 6.3rem
  );
}
.imaginative .nav-sidebar__content--light.nav-sidebar__content--image {
  --color-nav-sidebar-header-compact-background: var(
    --color-nav-sidebar-header-background
  );
  --color-nav-sidebar-progress-runner: #fff;
  --color-nav-sidebar-progress-text: #fff;
  --color-nav-sidebar-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-sidebar-title: #fff;
  --color-nav-sidebar-header-background: linear-gradient(
    to bottom,
    var(--color-nav-sidebar-background) 11.1rem,
    #000 11.1rem
  );
}
.imaginative .nav-sidebar-header {
  transition: none;
}
.imaginative .nav-sidebar-header--searching {
  height: 6.8rem !important;
}
.imaginative .nav-sidebar-header__inner {
  background: var(--color-nav-sidebar-header-background);
}
.imaginative
  .nav-sidebar__content--light.nav-sidebar__content--image
  .nav-sidebar-header__inner {
  padding-bottom: 0.8rem;
}
.imaginative
  .nav-sidebar__content--light.nav-sidebar__content--image
  .nav-sidebar-header--compact
  .nav-sidebar-header__inner {
  background: #000;
}
.imaginative .nav-sidebar-header--compact {
  transition: height 0.3s, transform 0.3s ease 0.1s;
}
.imaginative .nav-sidebar-header--compact .nav-sidebar-header__inner {
  background: var(--color-nav-sidebar-header-compact-background);
  padding-bottom: 6.3rem;
}
.imaginative .nav-sidebar-header__graphic {
  clip-path: inset(2.4rem 2.4rem 0 2.4rem);
  height: 15.6rem;
}
.imaginative .nav-sidebar-header__graphic--dark-accent:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52 33.5v-5.65a26.368 26.368 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.646 26.646 0 0 0-6-5.39V7c0-2.634.886-5.061 2.375-7h-1.233A12.442 12.442 0 0 0 39.5 7v3.192a26.353 26.353 0 0 0-6-2.616V7c0-2.477.487-4.84 1.37-7h-1.076A19.454 19.454 0 0 0 32.5 7v.303a26.523 26.523 0 0 0-5.995-.798c.043-2.252.377-4.432.968-6.505h-1.039A26.329 26.329 0 0 0 26 1.85 26.329 26.329 0 0 0 25.566 0h-1.039c.59 2.073.925 4.253.968 6.505a26.523 26.523 0 0 0-5.995.798V7c0-2.467-.458-4.827-1.294-7H17.13a18.447 18.447 0 0 1 1.37 7v.576a26.353 26.353 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.645 26.645 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.367 26.367 0 0 0 0 27.85v5.65c11.656 0 21.485 7.82 24.527 18.5h1.039a26.393 26.393 0 0 0-4.07-8.5h.004V33a4.5 4.5 0 1 1 9 0v10.5h.003a26.393 26.393 0 0 0-4.069 8.5h1.039C30.515 41.32 40.344 33.5 52 33.5ZM20.5 33v9.206a26.646 26.646 0 0 0-6-5.39V33c0-6.351 5.149-11.5 11.5-11.5S37.5 26.649 37.5 33v3.815a26.646 26.646 0 0 0-6 5.39V33a5.5 5.5 0 1 0-11 0Zm-7 0v3.192a26.349 26.349 0 0 0-6-2.616V33c0-10.217 8.283-18.5 18.5-18.5S44.5 22.783 44.5 33v.576a26.348 26.348 0 0 0-6 2.616V33c0-6.904-5.596-12.5-12.5-12.5S13.5 26.096 13.5 33Zm-7 0v.303a26.525 26.525 0 0 0-5.995-.798C.769 18.65 12.082 7.5 26 7.5c13.918 0 25.231 11.15 25.495 25.005a26.525 26.525 0 0 0-5.995.798V33c0-10.77-8.73-19.5-19.5-19.5S6.5 22.23 6.5 33Z' fill='%23fff' fill-opacity='16%25'/%3E%3Cpath 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.5ZM42.875 52h-1.233A12.487 12.487 0 0 1 52 46.5v1a11.481 11.481 0 0 0-9.125 4.5ZM18.206 52C15.393 44.689 8.302 39.5 0 39.5v1c7.74 0 14.37 4.753 17.13 11.5h1.076ZM10.358 52A12.487 12.487 0 0 0 0 46.5v1c3.717 0 7.023 1.764 9.125 4.5h1.233Z' fill='%23fff' fill-opacity='16%25'/%3E%3C/svg%3E");
}
.imaginative .nav-sidebar-header__graphic--dark-accent:after,
.imaginative .nav-sidebar-header__graphic--light-accent:after {
  background-position: bottom;
  background-repeat: repeat;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.imaginative .nav-sidebar-header__graphic--light-accent:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52 33.5v-5.65a26.368 26.368 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.646 26.646 0 0 0-6-5.39V7c0-2.634.886-5.061 2.375-7h-1.233A12.442 12.442 0 0 0 39.5 7v3.192a26.353 26.353 0 0 0-6-2.616V7c0-2.477.487-4.84 1.37-7h-1.076A19.454 19.454 0 0 0 32.5 7v.303a26.523 26.523 0 0 0-5.995-.798c.043-2.252.377-4.432.968-6.505h-1.039A26.329 26.329 0 0 0 26 1.85 26.329 26.329 0 0 0 25.566 0h-1.039c.59 2.073.925 4.253.968 6.505a26.523 26.523 0 0 0-5.995.798V7c0-2.467-.458-4.827-1.294-7H17.13a18.447 18.447 0 0 1 1.37 7v.576a26.353 26.353 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.645 26.645 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.367 26.367 0 0 0 0 27.85v5.65c11.656 0 21.485 7.82 24.527 18.5h1.039a26.393 26.393 0 0 0-4.07-8.5h.004V33a4.5 4.5 0 1 1 9 0v10.5h.003a26.393 26.393 0 0 0-4.069 8.5h1.039C30.515 41.32 40.344 33.5 52 33.5ZM20.5 33v9.206a26.646 26.646 0 0 0-6-5.39V33c0-6.351 5.149-11.5 11.5-11.5S37.5 26.649 37.5 33v3.815a26.646 26.646 0 0 0-6 5.39V33a5.5 5.5 0 1 0-11 0Zm-7 0v3.192a26.349 26.349 0 0 0-6-2.616V33c0-10.217 8.283-18.5 18.5-18.5S44.5 22.783 44.5 33v.576a26.348 26.348 0 0 0-6 2.616V33c0-6.904-5.596-12.5-12.5-12.5S13.5 26.096 13.5 33Zm-7 0v.303a26.525 26.525 0 0 0-5.995-.798C.769 18.65 12.082 7.5 26 7.5c13.918 0 25.231 11.15 25.495 25.005a26.525 26.525 0 0 0-5.995.798V33c0-10.77-8.73-19.5-19.5-19.5S6.5 22.23 6.5 33Z' fill='%23000' fill-opacity='8%25'/%3E%3Cpath 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.5ZM42.875 52h-1.233A12.487 12.487 0 0 1 52 46.5v1a11.481 11.481 0 0 0-9.125 4.5ZM18.206 52C15.393 44.689 8.302 39.5 0 39.5v1c7.74 0 14.37 4.753 17.13 11.5h1.076ZM10.358 52A12.487 12.487 0 0 0 0 46.5v1c3.717 0 7.023 1.764 9.125 4.5h1.233Z' fill='%23000' fill-opacity='8%25'/%3E%3C/svg%3E");
}
.imaginative .nav-sidebar-header__graphic--image:after {
  background: none;
}
.imaginative .nav-sidebar-header--compact .nav-sidebar-header__graphic {
  clip-path: inset(0 2.4rem);
  height: 8rem;
}
.imaginative .nav-sidebar-header--searching .nav-sidebar-header__graphic {
  display: none;
}
.imaginative .nav-sidebar-header__search-btn,
.imaginative .nav-sidebar-search__close,
.imaginative .nav-sidebar-search__icon {
  outline-offset: 1rem;
}
.imaginative
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__search-btn,
.imaginative
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-search__close,
.imaginative .nav-sidebar-header__inner--light-accent .nav-sidebar-search__icon,
.imaginative
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-search__input {
  stroke: #313537;
  color: #313537;
}
.imaginative .nav-sidebar-header__search-btn {
  stroke: #fff;
  right: 3.9rem;
  top: 4.1rem;
  transition: none;
}
.imaginative .nav-sidebar-header__search-icon {
  width: 1.5rem;
}
@media (forced-colors: active) {
  .imaginative .nav-sidebar-header__search-icon,
  .imaginative .nav-sidebar-search__icon {
    stroke: ButtonText;
    fill: none !important;
  }
}
.imaginative .nav-sidebar-header--compact .nav-sidebar-header__search-btn {
  top: 1.7rem;
}
.imaginative .nav-sidebar-header__search-area {
  background: var(--color-accent);
  padding: 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: 0.1px 3.2rem;
  position: static;
}
.imaginative .nav-sidebar-header__title {
  display: block;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.2rem;
  margin: 2.4rem 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:focus,
.imaginative .nav-sidebar-header__title:focus:active,
.imaginative .nav-sidebar-header__title:focus:link,
.imaginative .nav-sidebar-header__title:focus:visited,
.imaginative .nav-sidebar-header__title:hover,
.imaginative .nav-sidebar-header__title:hover:active,
.imaginative .nav-sidebar-header__title:hover:link,
.imaginative .nav-sidebar-header__title:hover:visited {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}
.imaginative .nav-sidebar-header--compact .nav-sidebar-header__title {
  font-size: 2.2rem;
  line-height: 2.6rem;
}
.imaginative .nav-sidebar-header__progress-track {
  background: var(--color-nav-sidebar-progress-track);
  height: 0.2rem;
  position: relative;
}
.imaginative .nav-sidebar-header__progress-runner {
  background: var(--color-nav-sidebar-progress-runner);
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.6s;
}
.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: 0.15rem;
  line-height: 1.3rem;
  margin: 1.6rem 0;
  text-transform: uppercase;
}
.imaginative .nav-sidebar-header__search-icon--light-accent {
  stroke: #313537;
}
.imaginative .nav-sidebar-header__search-icon--image {
  stroke: #fff;
}
.imaginative .nav-sidebar-search {
  align-items: center;
  border: 0.1rem solid transparent;
  color: #fff;
  display: flex;
  padding: 0.7rem;
}
.imaginative .nav-sidebar-search__icon {
  stroke: currentColor;
  width: 1.8rem;
}
.imaginative .nav-sidebar-search__close svg {
  width: 1.2rem;
}
.imaginative .nav-sidebar-search__input {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  font-family: var(--font-family-ui);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 0;
  margin: 0 1.5rem;
  padding: 0;
}
.imaginative .nav-sidebar-search__input:-ms-input-placeholder {
  color: inherit;
  opacity: 0.4;
}
.imaginative .nav-sidebar-search__input::placeholder {
  color: inherit;
  opacity: 0.4;
}
@media (forced-colors: active) {
  .imaginative .nav-sidebar-search__input:-ms-input-placeholder {
    opacity: 1;
  }
  .imaginative .nav-sidebar-search__input::placeholder {
    opacity: 1;
  }
}
.imaginative .nav-sidebar-search__input:focus {
  outline: none;
}
.imaginative .nav-sidebar__body {
  margin: 3.5rem 0;
}
.imaginative .nav-sidebar-header--searching + .nav-sidebar__body {
  margin: 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-top: 1.1rem;
}
.imaginative .nav-sidebar__outline-section-list {
  overflow-y: hidden;
  transition: max-height 0.3s, opacity 0.5s;
  width: 100%;
}
@media (prefers-reduced-motion) {
  .imaginative .nav-sidebar__outline-section-list {
    transition-property: opacity;
  }
}
.imaginative .nav-sidebar__outline-section-list--collapsed {
  max-height: 0 !important;
}
.imaginative .nav-sidebar__outline-section-text,
.imaginative .nav-sidebar__outline-section-toggle {
  align-items: flex-start;
  color: var(--color-nav-sidebar-text);
  display: inline-flex;
  font-family: var(--font-family-ui);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
  margin: 1.1rem 3.2rem;
  text-align: left;
  text-transform: uppercase;
}
.imaginative .nav-sidebar__outline-section-toggle {
  cursor: pointer;
}
.imaginative .nav-sidebar__outline-section-toggle-icon {
  stroke: var(--color-nav-sidebar-text);
  flex: 0 0 auto;
  height: 1.5rem;
  margin: 0 0 0 0.5em;
  width: 1rem;
}
.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-left: 0.4rem solid var(--color-accent);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.imaginative .nav-sidebar__outline-section-toggle {
  outline-offset: 0.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: 2rem 5.2rem 2rem 2.8rem;
}
.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-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:before,
.imaginative .nav-sidebar__outline-section-item__link:before {
  border-left: 0.1rem solid var(--color-nav-sidebar-bullet-rail);
  bottom: 0;
  content: "";
  opacity: var(--color-nav-sidebar-bullet-rail-opacity);
  position: absolute;
  right: calc(3rem + 1px);
  top: 0;
  width: 0.1rem;
}
.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--complete
  .nav-sidebar__outline-item__link:after,
.imaginative
  .nav-sidebar__outline-section-item--complete
  .nav-sidebar__outline-section-item__link:after {
  background: var(--color-nav-sidebar-bullet);
}
.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 {
  top: 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 {
  bottom: 50%;
}
.imaginative .nav-sidebar__outline-item-tooltip,
.imaginative .nav-sidebar__outline-section-item-tooltip {
  --color-nav-tooltip-background: #000;
  --color-nav-tooltip-text: #fff;
  bottom: calc(100% - 2.5rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 2rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.imaginative .nav-sidebar__outline-item-tooltip--visible,
.imaginative .nav-sidebar__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.imaginative .nav-sidebar__outline-item-tooltip__inner,
.imaginative .nav-sidebar__outline-section-item-tooltip__inner {
  background-color: var(--color-nav-tooltip-background);
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: var(--color-nav-tooltip-text);
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 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: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.imaginative .nav-sidebar-results {
  font-family: var(--font-family-ui);
}
.imaginative .nav-sidebar-result__link {
  display: block;
  padding: 2.4rem 2.4rem 2.4rem 2.2rem;
}
.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-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-result__inner--active .nav-sidebar-result__link {
  background: var(--color-nav-sidebar-search-active);
}
.imaginative .nav-sidebar-result__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  margin: 0.8rem 0;
}
.imaginative .nav-sidebar-result__count {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.3rem;
  opacity: 0.7;
}
.imaginative .nav-sidebar-results__message {
  color: #b2b2b2;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  margin: 2.4rem;
}
@media (min-width: 60em) {
  .imaginative .lesson--open {
    padding-left: var(--width-imaginative-nav-sidebar);
  }
}
.imaginative .lesson--open-mobile {
  --width-imaginative-nav-sidebar: 26rem;
}
.imaginative .lesson--open-mobile .nav-sidebar__content {
  padding-bottom: 6.5rem;
}
@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 0.4s;
}
.imaginative .lesson--entering .nav-sidebar__body > * {
  animation: imaginative-nav-sidebar-text-enter 0.4s;
}
.imaginative .lesson--exiting .nav-sidebar__content {
  animation: imaginative-nav-sidebar-exit 0.6s;
  animation-fill-mode: forwards;
}
.imaginative .lesson--exiting .nav-sidebar__body > * {
  animation: imaginative-nav-sidebar-text-exit 0.6s;
  animation-fill-mode: forwards;
}
.imaginative .page__header:after {
  display: none;
}
.imaginative .page__menu {
  padding: 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-left: 0;
  }
}
.imaginative .lesson-header__top-wrap {
  margin-bottom: 1rem;
  margin-top: 0;
  padding-bottom: 0;
}
.imaginative .lesson-header__top-wrap:after {
  display: none;
}
.imaginative .lesson-header__title {
  color: #000;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin: 0 0 0.8rem;
}
@media (min-width: 30em) {
  .imaginative .lesson-header__title {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin: 0 0 1.6rem;
  }
}
@media (min-width: 48em) {
  .imaginative .lesson-header__title {
    font-size: 5.6rem;
    line-height: 6.2rem;
    margin: 0 0 2.4rem;
  }
}
.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: 0 0 0.8rem;
}
.imaginative .lesson-header__author-name {
  color: #313537;
}
@media (min-width: 48em) {
  .imaginative .lesson-header__author {
    margin-bottom: 1.6rem;
  }
}
.imaginative .lesson-header__author-img {
  border: none;
  height: 3rem;
  margin-right: 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-bottom: 1rem;
  padding-right: 2.4rem;
}
.imaginative .lesson-header__partner-content-author-img {
  height: 3rem;
  margin-right: 1.2rem;
  width: 3rem;
}
.imaginative .lesson-header__counter {
  color: #8f8f8f;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.05rem;
  line-height: 1.2rem;
  order: 0;
}
.imaginative .lesson-header__description {
  color: #2d363a;
}
.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 .page__header {
  min-height: 19.9rem;
  padding-top: 5.7rem;
}
@media (min-width: 30em) {
  .imaginative .lesson-header-wrap .page__header {
    min-height: 22.4rem;
    padding-top: 4.8rem;
  }
}
@media (min-width: 48em) {
  .imaginative .lesson-header-wrap .page__header {
    min-height: 28rem;
    padding-top: 5.6rem;
  }
}
@media (min-width: 62em) {
  .imaginative .lesson-header-wrap .page__header {
    padding-top: 7.2rem;
  }
}
.imaginative .lesson-header-wrap--mobile .page__header {
  min-height: 12.4rem;
  padding-top: 2rem;
}
.imaginative .lesson-header-wrap--mobile .lesson-header {
  padding-bottom: 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: 0;
  padding: 0;
}
.imaginative .lesson-header-wrap--mobile .lesson-header__counter {
  font-size: 1rem;
  font-weight: 700;
  height: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 1.4rem;
  margin-bottom: 1.6rem;
  text-align: right;
}
.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: 0;
  padding-bottom: 0.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-bottom: 0.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-bottom: 0.4rem;
}
.imaginative
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author {
  height: 3rem;
  margin: 0 0.8rem 0 0;
  padding: 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-right: 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 {
  top: 1rem;
  z-index: 1;
}
.imaginative
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:last-of-type {
  left: 1rem;
}
.imaginative
  .lesson-header-wrap--mobile
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img--single:first-of-type {
  left: 0;
  position: relative;
  top: 0;
}
.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 {
  color: #000;
  font-family: var(--font-family-head);
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin-bottom: 0;
}
.imaginative .lesson-header-wrap--small .page__header {
  min-height: auto;
  padding: 2.8rem 0;
}
@media (max-width: 52.4375em) {
  .imaginative .lesson-header-wrap--small .page__header {
    padding-top: 4.8rem;
  }
}
.imaginative .lesson-header-wrap--small .lesson-header {
  padding: 0;
}
.imaginative .lesson-header-wrap--small .lesson-header__top-wrap {
  margin: 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-bottom: 0.4rem;
}
.imaginative .lesson-header-wrap--small .lesson-header__info-row--divider {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  opacity: 0.2;
  padding: 0 1.2rem;
}
.imaginative .lesson-header-wrap--small .lesson-header__counter {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  line-height: 1.4rem;
  margin: 0;
  opacity: 0.6;
  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: 0;
}
.imaginative .lesson-header-wrap--small .lesson-header__author-img {
  height: 2rem;
  margin-right: 0.8rem;
  width: 2rem;
}
.imaginative .lesson-header-wrap--small .lesson-header__partner-content-author {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding-right: 1.2rem;
}
.imaginative
  .lesson-header-wrap--small
  .lesson-header__partner-content-author:last-child {
  padding-right: 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: 0;
}
.imaginative .lesson-header-wrap--small .lesson-header__title {
  color: #000;
  font-family: var(--font-family-body);
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin: 0;
}
@media (min-width: 62em) {
  .imaginative .lesson-header-wrap--large .page__header {
    min-height: 29.6rem;
    padding-top: 7.2rem;
  }
  .imaginative .lesson-header-wrap--large .lesson-header {
    padding-bottom: 6rem;
  }
  .imaginative .lesson-header-wrap--large .lesson-header__title {
    color: #000;
    font-size: 7.2rem;
    line-height: 7.8rem;
  }
}
.imaginative .lesson-header-wrap--dark .page__header,
.imaginative .lesson-header-wrap--image .page__header {
  background: #303030;
}
.imaginative .lesson-header-wrap--black .page__header {
  background: #000;
}
.imaginative .lesson-header-wrap--bg-dark .lesson-header__author,
.imaginative .lesson-header-wrap--bg-dark .lesson-header__author-name,
.imaginative .lesson-header-wrap--bg-dark .lesson-header__counter,
.imaginative .lesson-header-wrap--bg-dark .lesson-header__description,
.imaginative .lesson-header-wrap--bg-dark .lesson-header__info-row--divider,
.imaginative .lesson-header-wrap--bg-dark .lesson-header__title,
.imaginative .lesson-header-wrap--black .lesson-header__author,
.imaginative .lesson-header-wrap--black .lesson-header__author-name,
.imaginative .lesson-header-wrap--black .lesson-header__counter,
.imaginative .lesson-header-wrap--black .lesson-header__description,
.imaginative .lesson-header-wrap--black .lesson-header__info-row--divider,
.imaginative .lesson-header-wrap--black .lesson-header__title,
.imaginative .lesson-header-wrap--dark .lesson-header__author,
.imaginative .lesson-header-wrap--dark .lesson-header__author-name,
.imaginative .lesson-header-wrap--dark .lesson-header__counter,
.imaginative .lesson-header-wrap--dark .lesson-header__description,
.imaginative .lesson-header-wrap--dark .lesson-header__info-row--divider,
.imaginative .lesson-header-wrap--dark .lesson-header__title,
.imaginative .lesson-header-wrap--image .lesson-header__author,
.imaginative .lesson-header-wrap--image .lesson-header__author-name,
.imaginative .lesson-header-wrap--image .lesson-header__counter,
.imaginative .lesson-header-wrap--image .lesson-header__description,
.imaginative .lesson-header-wrap--image .lesson-header__info-row--divider,
.imaginative .lesson-header-wrap--image .lesson-header__title {
  color: #fff;
}
.imaginative .lesson-header-wrap--bg-dark .lesson-header__author-img,
.imaginative .lesson-header-wrap--black .lesson-header__author-img,
.imaginative .lesson-header-wrap--dark .lesson-header__author-img,
.imaginative .lesson-header-wrap--image .lesson-header__author-img {
  border: none;
}
.imaginative .lesson-header-wrap--gray .page__header {
  background: #fafafa;
}
.imaginative .lesson-header-wrap--gray .lesson-header__counter {
  color: #8f8f8f;
}
.imaginative .lesson-header-wrap--accent .page__header,
.imaginative .lesson-header-wrap--tint .page__header {
  background: currentColor;
}
.imaginative .lesson-header-wrap--image .page__header {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.imaginative.dark-accent .lesson-header-wrap--accent .lesson-header__author,
.imaginative.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__author-name,
.imaginative.dark-accent .lesson-header-wrap--accent .lesson-header__counter,
.imaginative.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__description,
.imaginative.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__info-row--divider,
.imaginative.dark-accent .lesson-header-wrap--accent .lesson-header__title {
  color: #fff;
}
.imaginative.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__author-img {
  border: none;
}
.imaginative .lesson-header-wrap--bg-light .lesson-header__counter,
.imaginative .lesson-header-wrap--bg-light .lesson-header__info-row--divider,
.imaginative .lesson-header-wrap--bg-with-image .lesson-header__counter,
.imaginative
  .lesson-header-wrap--bg-with-image
  .lesson-header__info-row--divider {
  color: #313537;
}
@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 {
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.imaginative .lesson--entering .lesson__content {
  animation: imaginative-lesson-content-enter 0.5s;
}
.imaginative .lesson--exiting .lesson__content {
  animation: imaginative-lesson-content-exit 0.6s;
  animation-fill-mode: forwards;
}
.imaginative .one-page-cover-info__authors {
  margin-top: 4.3rem;
}
@media (min-width: 62em) {
  .imaginative .one-page-cover-info__authors {
    margin-top: 6rem;
  }
}
.imaginative .one-page-cover-info__title {
  margin: 3rem 0;
}
.imaginative .one-page-cover-info .one-page-title {
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 2.8rem;
  letter-spacing: -0.02rem;
  line-height: 3.6rem;
  text-align: center;
}
.imaginative .one-page-cover-info .one-page-title--dark-text {
  color: #282828;
}
@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;
}
.imaginative .one-page-authors__avatar--dark-border,
.imaginative .one-page-authors__avatar-fallback--dark-border {
  border: 1px solid #000;
}
@media (min-width: 62em) {
  .imaginative .one-page-authors__avatar,
  .imaginative .one-page-authors__avatar-fallback {
    height: 4rem;
    width: 4rem;
  }
}
.imaginative .one-page-authors__name {
  letter-spacing: 0.05rem;
}
.imaginative .one-page-authors__name--dark-text {
  color: #282828;
}
@media (min-width: 62em) {
  .imaginative .one-page-authors__name {
    font-size: 1.6rem;
  }
}
.imaginative .one-page-lesson-header {
  clip-path: url(#cover-page-clip-path);
  height: 34rem;
  text-align: center;
}
.imaginative .one-page-lesson-header--white {
  background-color: #f8f8f8;
  border-bottom: none;
}
.imaginative .one-page-lesson-header-info__authors {
  margin-bottom: 1.2rem;
}
.imaginative .one-page-lesson-header-info__title {
  margin: 0;
}
.imaginative .one-page-lesson-header-info .one-page-title {
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 3.2rem;
}
.imaginative .one-page-lesson-header-info .one-page-title--dark-text {
  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__name {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.06rem;
}
.partner-content-book-info {
  letter-spacing: 0;
}
.partner-content-book-info__flex-block {
  display: flex;
  margin-left: 0.25rem;
}
@media (max-width: 25.8125em) {
  .partner-content-book-info__flex-block {
    justify-content: center;
    margin-bottom: 3rem;
  }
}
.partner-content-book-info__flex-course {
  display: flex;
  margin-bottom: 3rem;
  margin-left: 0.25rem;
}
@media (max-width: 25.8125em) {
  .partner-content-book-info__flex-course {
    justify-content: center;
  }
}
.partner-content-book-info__image-container-course {
  margin-right: 1rem;
  margin-top: -0.2rem;
  width: 7.3rem;
}
.partner-content-book-info__image-container-block {
  margin-right: 1.5rem;
  margin-top: -0.2rem;
  width: 7.3rem;
}
@media (max-width: 25.8125em) {
  .partner-content-book-info__image-container-block {
    margin-bottom: 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-bottom: 0.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: 0.1rem solid #444;
  border-radius: 0.6rem;
  color: #444;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.3rem 0.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: 0.1rem solid #e5e5e5;
  border-radius: 0.4rem;
  height: 8.3rem;
  object-fit: cover;
  width: 5.8rem;
}
.partner-content-book-info__book-image-block {
  background-color: #e5e5e5;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.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: 0.1rem solid #fff;
  color: #fff;
}
.partner-content-book-info__dark-theme-book-image {
  background-color: #e5e5e5;
  border-radius: 0.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-bottom: 3rem;
  }
}
.partner-content-partner-info__logo-container {
  margin-right: 1rem;
}
.partner-content-partner-info__block-logo-container {
  margin-right: 2rem;
  margin-top: -0.7rem;
}
@media (max-width: 33.6875em) {
  .partner-content-partner-info__block-logo-container {
    margin-left: -1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 25.8125em) {
  .partner-content-partner-info__block-logo-container {
    margin-left: -3rem;
    margin-right: 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-bottom: 0.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: 0.1rem solid #444;
  border-radius: 0.6rem;
  color: #444;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.3rem 0.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: 0.1rem solid #fff;
  color: #fff;
}
.partner-content-author-card {
  letter-spacing: 0;
  padding-bottom: 2.5rem;
}
.partner-content-author-card__flex {
  display: flex;
  padding-bottom: 3rem;
}
.partner-content-author-card__image-container {
  margin-right: 1rem;
  width: 7.3rem;
}
.partner-content-author-card__author-container {
  align-items: center;
}
.partner-content-author-card__author-name-text {
  color: #313537;
  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: #313537;
}
.lesson-progress {
  align-items: center;
  display: flex;
  height: 3rem;
  justify-content: center;
  position: absolute;
  width: 3rem;
}
.lesson-progress--legacy-comoverview,
.lesson-progress--legacy-cover {
  right: 2.5rem;
  top: 1.3rem;
}
.overview--modern .lesson-progress--legacy-comoverview,
.overview--modern .lesson-progress--legacy-cover {
  right: 0.2rem;
}
.lesson-progress--legacy-sidebar {
  right: 1.3rem;
  top: 1.1rem;
}
.lesson-progress--inactive {
  pointer-events: none;
}
.lesson-progress__graphic--legacy-comoverview,
.lesson-progress__graphic--legacy-cover,
.lesson-progress__graphic--legacy-sidebar {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
}
.lesson-progress__action {
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.lesson-progress__action--disabled {
  cursor: not-allowed;
}
.lesson-progress__tooltip--legacy {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: none;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
}
.lesson-progress__tooltip--legacy--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.lesson-progress__tooltip--legacy__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem;
  position: relative;
  text-align: center;
}
.lesson-progress__tooltip--legacy__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.lesson-progress__tooltip--legacy__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.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;
  right: 1.1rem;
  top: 2.1rem;
  width: 2.5rem;
}
.organic .lesson-progress--cover {
  height: 2.8rem;
  right: 2.5rem;
  top: 1rem;
  width: 2.8rem;
}
.organic .lesson-progress--sidebar {
  height: 2.5rem;
  right: 1.3rem;
  top: 1rem;
  width: 2.5rem;
}
.organic .lesson-progress--overlay {
  height: 4.2rem;
  right: 2.3rem;
  top: 2.2rem;
  width: 4.2rem;
}
@media (max-width: 29.9375em) {
  .organic .lesson-progress--overlay {
    height: 2.4rem;
    right: 0.1rem;
    top: 0.7rem;
    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: 0.5rem;
  width: 100%;
}
.organic .lesson-progress__action {
  cursor: pointer;
}
.organic .lesson-progress__tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  max-width: none;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content;
}
.organic .lesson-progress__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .lesson-progress__tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 2.1rem;
  position: relative;
  text-align: center;
}
.organic .lesson-progress__tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.organic .lesson-progress__tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.organic .lesson-progress__tooltip__inner--dark:after {
  background: #f8f8f8;
}
.organic {
  --color-progress-circle-light: #fff;
  --color-progress-circle-dark: #313537;
}
.organic .progress-circle {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.organic .progress-circle__track--light {
  stroke: rgba(0, 0, 0, 0.15);
}
.organic .progress-circle__track--accent-full-dark,
.organic .progress-circle__track--dark {
  stroke: hsla(0, 0%, 100%, 0.15);
}
@media (forced-colors: active) {
  .organic .progress-circle__track {
    stroke: CanvasText;
    stroke-width: 4;
  }
}
.organic .progress-circle__runner {
  stroke: var(--color-accent);
  transition: stroke-dashoffset 0.4s ease-out, fill 0.3s ease 0.3s,
    stroke 0.3s ease 0.3s;
}
.organic .progress-circle__runner--done,
.organic .progress-circle__runner--unstarted {
  transition: none;
}
.organic .progress-circle__runner--failed,
.organic .progress-circle__runner--passed {
  fill: var(--color-accent);
}
.organic .progress-circle__runner--accent-full-dark {
  stroke: #fff;
}
.organic .progress-circle__runner--accent-full-light {
  stroke: #313537;
}
@media (forced-colors: active) {
  .organic .progress-circle__runner {
    stroke: MarkText;
  }
}
.organic .progress-circle__runner--passed {
  fill: var(--color-accent);
}
@media (forced-colors: active) {
  .organic .progress-circle__runner--passed {
    fill: Canvas;
    stroke: Canvas;
  }
}
.organic .progress-circle__fail,
.organic .progress-circle__pass {
  opacity: 0;
  transition: opacity 0.3s 0.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;
}
.organic .progress-circle__fail--dark,
.organic .progress-circle__fail--light,
.organic .progress-circle__pass--dark,
.organic .progress-circle__pass--light {
  fill: var(--color-accent);
}
@media (forced-colors: active) {
  .organic .progress-circle__fail,
  .organic .progress-circle__pass {
    fill: CanvasText;
  }
}
.organic .progress-circle__pass {
  stroke: var(--color-progress-circle-dark);
}
.organic .progress-circle__pass--accent-full-dark,
.organic .progress-circle__pass--accent-full-light {
  stroke: var(--color-accent);
}
.organic .progress-circle__pass--accent-full-dark {
  fill: #fff;
}
.organic .progress-circle__pass--accent-full-light {
  fill: #313537;
}
.organic .progress-circle__pass--accent-dark,
.organic .progress-circle__pass--cover-light-text {
  stroke: #fff;
}
.organic .progress-circle__pass--accent-light,
.organic .progress-circle__pass--cover-dark-text {
  stroke: #313537;
}
.organic .progress-circle__pass--image {
  fill: #fff;
  stroke: #313537;
}
@media (forced-colors: active) {
  .organic .progress-circle__pass {
    fill: none !important;
    stroke: CanvasText !important;
  }
}
.organic .progress-circle__fail {
  fill: var(--color-progress-circle-dark);
}
.organic
  .progress-circle__runner--done.progress-circle__runner--accent-full-dark,
.organic .progress-circle__runner--done.progress-circle__runner--image {
  fill: #fff;
  stroke: #fff;
}
.organic
  .progress-circle__runner--done.progress-circle__runner--accent-full-light {
  fill: #313537;
  stroke: #313537;
}
.organic .progress-circle__track--image {
  stroke: #e1e1e1;
  stroke-opacity: 0.5;
}
.organic .progress-circle__runner--image {
  stroke: #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-text-light: #fff;
  --color-nav-compact-text-dark: #313537;
  --color-nav-compact-progress-runner: var(--color-accent);
  --color-nav-compact-progress-track: #eee;
  --color-nav-compact-hover: #e5e5e5;
  bottom: 2rem;
  left: 4rem;
  position: fixed;
  transition-duration: 0.3s;
  transition-property: opacity, visibility, bottom;
  transition-timing-function: ease;
  z-index: 7;
}
.organic .nav-compact--navNextIsVisible {
  bottom: 8.4rem;
}
.organic .nav-compact__wrap {
  border-radius: 12px;
  filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.15));
  font-family: var(--font-family-body);
  outline: 1px solid transparent;
  transition: transform 0.3s ease;
  width: 24rem;
}
.organic .nav-compact--dark .nav-compact__wrap {
  background-color: var(--color-nav-compact-bg-dark);
  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--light .nav-compact__wrap {
  background-color: var(--color-nav-compact-bg-light);
}
.organic .nav-compact__header,
.organic .nav-compact__header-image {
  border-radius: 12px 12px 0 0;
  transition: border-radius 0.4s;
}
.organic .nav-compact__header--collapsed,
.organic .nav-compact__header-image--collapsed {
  border-radius: 12px;
}
.organic .nav-compact__header--accent,
.organic .nav-compact__header-image--accent {
  background-color: var(--color-accent);
}
.organic .nav-compact__header,
.organic .nav-compact__header-inner {
  position: relative;
}
.organic .nav-compact__header {
  padding: 1.2rem 1.5rem;
}
.organic .nav-compact__header--collapsed {
  padding: 1.5rem;
}
.organic .nav-compact__header-inner {
  color: var(--color-nav-compact-text);
}
.organic .nav-compact__header-inner--accent-light {
  color: #313537;
}
.organic
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-runner {
  background-color: #313537;
}
.organic
  .nav-compact__header-inner--accent-light
  .nav-compact__header-progress-track {
  background-color: rgba(0, 0, 0, 0.2);
}
.organic .nav-compact__header-inner--accent-dark {
  color: #fff;
}
.organic
  .nav-compact__header-inner--accent-dark
  .nav-compact__header-progress-runner {
  background-color: #fff;
}
.organic .nav-compact__header-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.organic .nav-compact__header-controls {
  display: flex;
  position: absolute;
  right: 0;
  top: -0.4rem;
}
.organic .nav-compact__header-control {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin-left: 0.4rem;
  width: 2rem;
}
.organic .nav-compact__header-control:hover {
  background-color: rgba(0, 0, 0, 0.25);
  color: currentColor;
}
.organic .nav-compact__header-control--dark:hover,
.organic .nav-compact__header-control--image:hover {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.organic .nav-compact__header-search-icon {
  height: 1.3rem;
  width: 1.2rem;
}
.organic .nav-compact__header-toggle-icon {
  height: 0.7rem;
  width: 1.2rem;
}
.organic .nav-compact__header-counter {
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.2rem;
}
.organic .nav-compact__header-title {
  display: flex;
}
.organic .nav-compact__header-title-link {
  color: inherit;
  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-top: 1.2rem;
}
.organic .nav-compact__header-progress-text {
  font-family: var(--font-family-ui);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
  line-height: 1.3rem;
  margin-bottom: 0.6rem;
}
.organic .nav-compact__header-progress-text--collapsed {
  height: 0;
  margin-bottom: 0;
  visibility: hidden;
}
.organic .nav-compact__header-progress-runner,
.organic .nav-compact__header-progress-track {
  border-radius: 1rem;
  height: 0.4rem;
}
.organic .nav-compact__header-progress-track {
  background-color: var(--color-nav-compact-progress-track);
}
.organic .nav-compact__header-progress-runner {
  background-color: var(--color-nav-compact-progress-runner);
  transition: width 0.6s;
}
.organic .nav-compact__outline {
  border-radius: 0 0 12px 12px;
  max-height: 35rem;
  overflow-x: hidden;
  overflow-y: auto;
  transition: max-height 0.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-bottom: 0.8rem;
}
.organic .nav-compact__outline--collapsed {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.organic .nav-compact__outline::-webkit-scrollbar {
  -webkit-appearance: none;
}
.organic .nav-compact__outline::-webkit-scrollbar:vertical {
  width: 0.8rem;
}
.organic .nav-compact__outline::-webkit-scrollbar-thumb {
  border-radius: 0.8rem;
}
.organic .nav-compact__outline--dark::-webkit-scrollbar-thumb {
  background-color: #757575;
  border: 0.2rem solid var(--color-nav-compact-bg-dark);
}
.organic .nav-compact__outline--light::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border: 0.2rem solid #f5f5f5;
}
.organic .nav-compact__outline-list-item {
  position: relative;
}
.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--dark,
.organic .nav-compact__outline-section-empty--dark,
.organic .nav-compact__outline-section-item--dark,
.organic .nav-compact__outline-section-toggle--dark {
  border-top: 1px solid #373737;
}
.organic .nav-compact__outline-item--light,
.organic .nav-compact__outline-section-empty--light,
.organic .nav-compact__outline-section-item--light,
.organic .nav-compact__outline-section-toggle--light {
  border-top: 1px solid #e4e4e4;
}
.organic .nav-compact__outline-item--active:after,
.organic .nav-compact__outline-section-item--active:after {
  border-left: 0.4rem solid var(--color-accent);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.organic .nav-compact__outline-item .nav-compact__outline-item__link,
.organic .nav-compact__outline-item .nav-compact__outline-section-item__link,
.organic .nav-compact__outline-section-item .nav-compact__outline-item__link,
.organic
  .nav-compact__outline-section-item
  .nav-compact__outline-section-item__link {
  font-family: var(--font-family-ui);
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.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 {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.organic .nav-compact__outline-item-tooltip--visible,
.organic .nav-compact__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .nav-compact__outline-item-tooltip__inner,
.organic .nav-compact__outline-section-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 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: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.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: inherit;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 2.2rem;
  min-height: 6.6rem;
  padding: 1.5rem 3.6rem 1.5rem 1.2rem;
  text-decoration: none;
  width: 100%;
}
.organic .nav-compact__outline-item__link--dark,
.organic .nav-compact__outline-section-item__link--dark {
  color: var(--color-nav-compact-text-light);
}
.organic .nav-compact__outline-item__link--light,
.organic .nav-compact__outline-section-item__link--light {
  color: var(--color-nav-compact-text-dark);
}
.organic
  .nav-compact
  .nav-compact__outline--accent-dark
  .progress-circle__pass {
  stroke: #fff;
}
.organic
  .nav-compact
  .nav-compact__outline--dark
  .progress-circle__runner--failed {
  stroke: #fff;
  fill: #fff;
}
.organic .nav-compact .nav-compact__outline--dark .progress-circle__fail {
  fill: #313537;
}
.organic
  .nav-compact
  .nav-compact__outline--light
  .progress-circle__runner--failed {
  stroke: #1a1a1a;
  fill: #1a1a1a;
}
.organic .nav-compact .nav-compact__outline--light .progress-circle__fail {
  fill: #fff;
}
.organic
  .nav-compact
  .nav-compact__outline-item__link--light.nav-compact__outline-item__link--active,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--light.nav-compact__outline-section-item__link--active {
  background-color: #f5f5f5;
}
.organic
  .nav-compact
  .nav-compact__outline-item__link--dark.nav-compact__outline-item__link--active,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--dark.nav-compact__outline-section-item__link--active {
  background-color: #000;
}
.organic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):focus,
.organic
  .nav-compact
  .nav-compact__outline-item__link--light:not(
    .nav-compact__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):focus,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--light:not(
    .nav-compact__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover {
  background-color: var(--color-nav-compact-hover);
}
.organic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):focus,
.organic
  .nav-compact
  .nav-compact__outline-item__link--dark:not(
    .nav-compact__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):focus,
.organic
  .nav-compact
  .nav-compact__outline-section-item__link--dark:not(
    .nav-compact__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover {
  background-color: var(--color-nav-compact-text-dark);
}
.organic .nav-compact__outline-section-empty,
.organic .nav-compact__outline-section-toggle {
  align-items: center;
  display: flex;
  font-family: var(--font-family-ui);
  font-size: 1rem;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.8rem;
  padding: 0.4rem 1.9rem 0.4rem 1.6rem;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.organic .nav-compact__outline-section-empty--dark,
.organic .nav-compact__outline-section-toggle--dark {
  color: var(--color-nav-compact-text-light);
}
.organic .nav-compact__outline-section-empty--light,
.organic .nav-compact__outline-section-toggle--light {
  color: var(--color-nav-compact-text-dark);
}
.organic .nav-compact__outline-section-empty {
  padding-right: 3.7rem;
}
.organic .nav-compact__outline-section-toggle {
  cursor: pointer;
}
.organic
  .nav-compact__outline-section-toggle--dark:focus
  .nav-compact__outline-section-toggle-icon,
.organic
  .nav-compact__outline-section-toggle--dark:hover
  .nav-compact__outline-section-toggle-icon {
  color: var(--color-nav-compact-text-light);
}
.organic
  .nav-compact__outline-section-toggle--light:focus
  .nav-compact__outline-section-toggle-icon,
.organic
  .nav-compact__outline-section-toggle--light:hover
  .nav-compact__outline-section-toggle-icon {
  color: var(--color-nav-compact-text-dark);
}
.organic .nav-compact__outline-section-toggle-icon {
  flex: 0 0 auto;
  margin: 0 0 0 0.75rem;
  transition: transform 0.3s;
  width: 0.9rem;
}
.organic .nav-compact__outline-section-toggle-icon--collapsed {
  transform: rotate(-90deg);
}
.organic .nav-compact__outline-section-toggle-icon--dark {
  color: var(--color-nav-compact-text-light);
}
.organic .nav-compact__outline-section-toggle-icon--light {
  color: #b1b2b3;
}
@media (forced-colors: active) {
  .organic .nav-compact__outline-section-toggle-icon--dark,
  .organic .nav-compact__outline-section-toggle-icon--light {
    color: ButtonText;
  }
}
.organic .nav-compact__outline-section-list {
  transition: max-height 0.3s, opacity 0.5s;
}
.organic .nav-compact__outline-section-list--collapsed {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.organic .nav-compact__header-inner--light {
  --color-nav-compact-text: var(--color-nav-compact-text-dark);
}
.organic .nav-compact__header-inner--image,
.organic .nav-compact__header-inner--image.nav-compact__header-inner--dark {
  --color-nav-compact-progress-runner: var(--color-nav-compact-bg-light);
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.3);
  --color-nav-compact-text: var(--color-nav-compact-text-light);
}
.organic .nav-compact__header-inner--dark {
  --color-nav-compact-text: var(--color-nav-compact-text-light);
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.2);
}
.organic .nav-compact__header-inner--accent {
  --color-nav-compact-progress-runner: var(--color-nav-compact-bg-light);
  --color-nav-compact-progress-track: hsla(0, 0%, 100%, 0.2);
  --color-nav-compact-text: var(--color-nav-compact-text-light);
}
.organic .lesson--open .nav-compact {
  opacity: 0;
  visibility: hidden;
}
.organic .lesson--open .nav-compact__wrap {
  transform: translateX(28rem);
}
@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 0.4s;
}
.organic .lesson--exiting .nav-compact {
  animation: organic-nav-compact-exit 0.4s;
  opacity: 0;
}
.organic .nav-overlay {
  --color-nav-overlay-header-control-btn-hover: rgba(0, 0, 0, 0.25);
  --color-nav-overlay-header-control-btn-hover-dark: hsla(0, 0%, 100%, 0.25);
}
.organic .nav-overlay__body {
  height: 100%;
  margin: 0 auto;
  overflow-y: auto;
  width: 100%;
}
.organic .nav-overlay__content {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.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-bottom: 6rem;
  width: 100%;
}
@media (max-width: 61.9375em) {
  .organic .nav-overlay__header-container {
    padding-bottom: 4rem;
  }
}
@media (max-width: 29.9375em) {
  .organic .nav-overlay__header-controls {
    padding: 2.4rem 1.6rem;
  }
}
.organic .nav-overlay__header-control-btn {
  padding: 0.5rem 0.5rem 0;
}
.organic .nav-overlay__header-control-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.organic .nav-overlay__header-control-btn--accent-full-dark:hover,
.organic .nav-overlay__header-control-btn--dark:hover,
.organic .nav-overlay__header-control-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.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: -6.2rem auto 0;
  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: -1rem 6rem 0;
    max-width: 87.2rem;
  }
}
@media (max-width: 47.9375em) {
  .organic .nav-overlay__header-title-progress-container {
    margin: -1rem 8.1rem 0;
    max-width: 60.8rem;
  }
}
@media (max-width: 29.9375em) {
  .organic .nav-overlay__header-title-progress-container {
    margin: 0 1.6rem;
  }
}
.organic .nav-overlay__header-title {
  cursor: pointer;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  padding-bottom: 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: #313537;
  text-decoration: none;
}
.organic .nav-overlay__header-progress-text {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1.3rem;
  margin-top: 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: 0.2rem;
  transition: background-color 0.3s;
}
.organic .nav-overlay__header-progress-track {
  background-color: rgba(0, 0, 0, 0.1);
}
.organic .nav-overlay__header-progress-runner {
  background-color: currentColor;
  transition: width 0.6s;
}
.organic .nav-overlay__outline {
  margin: 1rem auto 0;
  max-width: 70rem;
}
@media (min-width: 75em) {
  .organic .nav-overlay__outline {
    max-width: 85rem;
  }
}
@media (max-width: 61.9375em) {
  .organic .nav-overlay__outline {
    margin: 0 6rem;
    max-width: 87.2rem;
  }
}
@media (max-width: 47.9375em) {
  .organic .nav-overlay__outline {
    margin: 0 8.1rem;
    max-width: 60.8rem;
  }
}
@media (max-width: 29.9375em) {
  .organic .nav-overlay__outline {
    margin: 0 1.6rem 2rem;
  }
}
.organic .nav-overlay__outline-list-item {
  align-items: baseline;
  border-bottom: 0.1rem solid rgba(85, 88, 90, 0.15);
  display: flex;
  justify-content: space-between;
  position: relative;
}
.organic .nav-overlay__outline-list-item--first {
  border-top: 0.1rem solid rgba(85, 88, 90, 0.15);
  margin-top: 2.5rem;
}
.organic .nav-overlay__outline-list-item--last {
  margin-bottom: 3rem;
}
.organic .nav-overlay__outline-section-list {
  padding-bottom: 4.8rem;
}
@media (max-width: 61.9375em) {
  .organic .nav-overlay__outline-section-list {
    padding-bottom: 1rem;
  }
}
.organic .nav-overlay__outline-section-text {
  color: #55585a;
  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-bottom: 0.1rem solid rgba(85, 88, 90, 0.15);
  margin-top: 2rem;
}
.organic .nav-overlay__outline-item {
  padding-top: 2.1rem;
  width: 100%;
}
@media (max-width: 29.9375em) {
  .organic .nav-overlay__outline-item {
    padding-top: 0.9rem;
  }
}
.organic .nav-overlay__outline-item--section {
  padding-top: 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: rgba(0, 0, 0, 0.04);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.organic
  .nav-overlay__outline-item__link:not(
    .organic .nav-overlay__outline-item__link--restricted
  ):active:before {
  background-color: rgba(0, 0, 0, 0.07);
}
@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: rgba(0, 0, 0, 0.04);
    bottom: -0.2rem;
    content: "";
    left: -0.2rem;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
  }
}
.organic .nav-overlay__outline-item--section__link,
.organic .nav-overlay__outline-item__link {
  align-items: baseline;
  color: #313537;
  display: flex;
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 4rem;
  margin-bottom: 2.7rem;
  padding-left: 2.3rem;
  padding-right: 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-left: 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-bottom: 1.8rem;
    padding-left: 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 {
  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-right: 0.3rem;
  }
}
.organic .nav-overlay__outline-item--section-link-icon--quiz,
.organic .nav-overlay__outline-item-link-icon--quiz {
  align-self: center;
  margin-top: 0.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: rgba(0, 0, 0, 0.04);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.organic
  .nav-overlay__outline-item--section__link:not(
    .organic .nav-overlay__outline-item--section__link--restricted
  ):active:before {
  background-color: rgba(0, 0, 0, 0.07);
}
@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: rgba(0, 0, 0, 0.04);
    bottom: -0.2rem;
    content: "";
    left: -0.2rem;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
  }
}
.organic .nav-overlay__outline-lesson-title {
  display: block;
  margin-left: 3.2rem;
  width: 100%;
  z-index: 1;
}
@media (max-width: 29.9375em) {
  .organic .nav-overlay__outline-lesson-title {
    margin-left: 1.6rem;
    padding-right: 4rem;
  }
}
.organic .nav-overlay__outline-item-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.organic .nav-overlay__outline-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .nav-overlay__outline-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 2.1rem;
  position: relative;
  text-align: center;
}
.organic .nav-overlay__outline-item-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.organic .nav-overlay__outline-item-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.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: 0.5rem 0.5rem 0;
}
.organic .nav-overlay__search-close-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.organic .nav-overlay__search-close-btn--accent-full-dark:hover,
.organic .nav-overlay__search-close-btn--dark:hover,
.organic .nav-overlay__search-close-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.organic .nav-overlay__search-close-icon {
  height: 2.2rem;
  width: 2.2rem;
}
.organic .nav-overlay__search-container {
  border-bottom: 0.4rem solid #000;
  display: flex;
  margin-top: 18rem;
  padding-bottom: 1.3rem;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .organic .nav-overlay__search-container {
    margin-top: 31.3rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 75em) {
  .organic .nav-overlay__search-container {
    padding-bottom: 2.5rem;
  }
}
.organic .nav-overlay__search-body {
  margin: 0 1.6rem;
  width: 101.8rem;
}
@media (min-width: 30em) {
  .organic .nav-overlay__search-body {
    margin: 0 4rem;
  }
}
@media (min-width: 75em) {
  .organic .nav-overlay__search-body {
    margin: 0 5.6rem;
  }
}
.organic .nav-overlay__search-header {
  left: 0;
  padding: 2rem 1.6rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .organic .nav-overlay__search-header {
    padding: 3.2rem 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: transparent;
  border: none;
  font-size: 3.2rem;
  margin: 0 1.6rem;
  outline: none;
  position: relative;
  width: 100%;
}
.organic .nav-overlay__search-input:-ms-input-placeholder {
  color: #313537;
  font-weight: 700;
  text-transform: capitalize;
}
.organic .nav-overlay__search-input::placeholder {
  color: #313537;
  font-weight: 700;
  text-transform: capitalize;
}
@media (min-width: 48em) {
  .organic .nav-overlay__search-input {
    font-size: 5.6rem;
    line-height: normal;
    margin: 0 2.5rem;
  }
}
@media (min-width: 75em) {
  .organic .nav-overlay__search-input {
    font-size: 7.2rem;
    line-height: 9rem;
    margin: 0 4rem;
  }
}
.organic .nav-overlay__search-input-wrap {
  position: relative;
  width: 100%;
}
.organic .nav-overlay__search-clear-btn {
  padding: 0.5rem 0.5rem 0;
}
.organic .nav-overlay__search-clear-btn:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover);
  border-radius: 0.3rem;
}
.organic .nav-overlay__search-clear-btn--accent-full-dark:hover,
.organic .nav-overlay__search-clear-btn--dark:hover,
.organic .nav-overlay__search-clear-btn--image:hover {
  background-color: var(--color-nav-overlay-header-control-btn-hover-dark);
}
.organic .nav-overlay__search-actions {
  display: flex;
  justify-content: center;
}
.organic .nav-overlay__search-submit-btn {
  background: #fff;
  border: 0.2rem solid #000;
  border-radius: 3rem;
  color: #313537;
  cursor: pointer;
  font-family: var(--font-family-ui);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.1rem;
  margin: 3.5rem 0;
  min-width: 18rem;
  padding: 1.73rem 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-overlay--gray {
  background: #fafafa;
}
.organic .nav-overlay--dark {
  background: #1a1a1a;
}
.organic .nav-overlay--dark .nav-overlay__search-input:-ms-input-placeholder {
  color: #fff;
}
.organic .nav-overlay--dark .nav-overlay__header-controls,
.organic .nav-overlay--dark .nav-overlay__header-progress-text,
.organic .nav-overlay--dark .nav-overlay__header-title-link,
.organic .nav-overlay--dark .nav-overlay__outline-item--section__link,
.organic .nav-overlay--dark .nav-overlay__outline-item__link,
.organic .nav-overlay--dark .nav-overlay__outline-section-text,
.organic .nav-overlay--dark .nav-overlay__search-clear-btn,
.organic .nav-overlay--dark .nav-overlay__search-close-btn,
.organic .nav-overlay--dark .nav-overlay__search-exit-btn,
.organic .nav-overlay--dark .nav-overlay__search-icon,
.organic .nav-overlay--dark .nav-overlay__search-input,
.organic .nav-overlay--dark .nav-overlay__search-input::placeholder {
  color: #fff;
}
.organic .nav-overlay--dark .nav-overlay__search-container {
  border-color: #fff;
}
.organic .nav-overlay--accent-full-dark .nav-overlay__outline-list-item,
.organic .nav-overlay--accent-full-dark .nav-overlay__outline-section-divider {
  border-color: rgba(61, 61, 61, 0.15);
}
.organic .nav-overlay--dark .nav-overlay__outline-list-item,
.organic .nav-overlay--dark .nav-overlay__outline-section-divider,
.organic .nav-overlay--image .nav-overlay__outline-list-item,
.organic .nav-overlay--image .nav-overlay__outline-section-divider {
  border-color: #3d3d3d;
}
.organic .nav-overlay--dark .nav-overlay__header-progress-track {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.organic .nav-overlay--dark .nav-overlay__outline-item-link-icon {
  color: #acacac;
}
.organic .nav-overlay--accent-tint {
  background: currentColor;
}
.organic .nav-overlay--accent-tint .nav-overlay__header-controls,
.organic .nav-overlay--accent-tint .nav-overlay__header-progress-text,
.organic .nav-overlay--accent-tint .nav-overlay__search-clear-btn,
.organic .nav-overlay--accent-tint .nav-overlay__search-close-btn,
.organic .nav-overlay--accent-tint .nav-overlay__search-exit-btn,
.organic .nav-overlay--accent-tint .nav-overlay__search-icon,
.organic .nav-overlay--accent-tint .nav-overlay__search-input {
  color: #313537;
}
.organic .nav-overlay--accent-full-dark,
.organic .nav-overlay--accent-full-light {
  background: currentColor;
}
.organic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input:-ms-input-placeholder {
  color: #fff;
}
.organic .nav-overlay--accent-full-dark .nav-overlay__header-controls,
.organic .nav-overlay--accent-full-dark .nav-overlay__header-progress-runner,
.organic .nav-overlay--accent-full-dark .nav-overlay__header-progress-text,
.organic .nav-overlay--accent-full-dark .nav-overlay__header-title-link,
.organic
  .nav-overlay--accent-full-dark
  .nav-overlay__outline-item--section__link,
.organic .nav-overlay--accent-full-dark .nav-overlay__outline-item__link,
.organic .nav-overlay--accent-full-dark .nav-overlay__outline-section-text,
.organic .nav-overlay--accent-full-dark .nav-overlay__search-clear-btn,
.organic .nav-overlay--accent-full-dark .nav-overlay__search-close-btn,
.organic .nav-overlay--accent-full-dark .nav-overlay__search-exit-btn,
.organic .nav-overlay--accent-full-dark .nav-overlay__search-icon,
.organic .nav-overlay--accent-full-dark .nav-overlay__search-input,
.organic
  .nav-overlay--accent-full-dark
  .nav-overlay__search-input::placeholder {
  color: #fff;
}
.organic .nav-overlay--accent-full-dark .nav-overlay__search-container {
  border-color: #fff;
}
.organic .nav-overlay--accent-full-dark .nav-overlay__header-progress-track,
.organic .nav-overlay--image .nav-overlay__header-progress-track {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.organic .nav-overlay--accent-full-light .nav-overlay__header-controls,
.organic .nav-overlay--accent-full-light .nav-overlay__header-progress-runner,
.organic .nav-overlay--accent-full-light .nav-overlay__header-progress-text,
.organic
  .nav-overlay--accent-full-light
  .nav-overlay__outline-item--section__link,
.organic .nav-overlay--accent-full-light .nav-overlay__outline-item-link-icon,
.organic .nav-overlay--accent-full-light .nav-overlay__outline-item__link,
.organic .nav-overlay--accent-full-light .nav-overlay__outline-section-text,
.organic .nav-overlay--accent-full-light .nav-overlay__search-clear-btn,
.organic .nav-overlay--accent-full-light .nav-overlay__search-close-btn,
.organic .nav-overlay--accent-full-light .nav-overlay__search-exit-btn,
.organic .nav-overlay--accent-full-light .nav-overlay__search-icon,
.organic .nav-overlay--accent-full-light .nav-overlay__search-input {
  color: #313537;
}
.organic .nav-overlay--image .nav-overlay__search-input:-ms-input-placeholder {
  color: #fff;
}
.organic .nav-overlay--image .nav-overlay__header-controls,
.organic .nav-overlay--image .nav-overlay__header-progress-runner,
.organic .nav-overlay--image .nav-overlay__header-progress-text,
.organic .nav-overlay--image .nav-overlay__header-title-link,
.organic .nav-overlay--image .nav-overlay__outline-item--section__link,
.organic .nav-overlay--image .nav-overlay__outline-item__link,
.organic .nav-overlay--image .nav-overlay__outline-section-text,
.organic .nav-overlay--image .nav-overlay__search-clear-btn,
.organic .nav-overlay--image .nav-overlay__search-close-btn,
.organic .nav-overlay--image .nav-overlay__search-exit-btn,
.organic .nav-overlay--image .nav-overlay__search-icon,
.organic .nav-overlay--image .nav-overlay__search-input,
.organic .nav-overlay--image .nav-overlay__search-input::placeholder {
  color: #fff;
}
.organic .nav-overlay--image .nav-overlay__search-container {
  border-color: #fff;
}
.organic .progress-circle__pass--accent-dark {
  stroke: #fff;
}
.organic .progress-circle__pass--accent-light {
  stroke: #313537;
}
.organic
  .nav-overlay__outline--accent-full
  .progress-circle__runner--failed-dark-style,
.organic
  .nav-overlay__outline--dark
  .progress-circle__runner--failed-dark-style,
.organic
  .nav-overlay__outline--image
  .progress-circle__runner--failed-dark-style {
  fill: #000;
  stroke: #fff;
  stroke-width: 1;
}
.organic .nav-overlay__outline--accent-full .progress-circle__fail--accent-full,
.organic .nav-overlay__outline--accent-full .progress-circle__fail--dark,
.organic .nav-overlay__outline--accent-full .progress-circle__fail--image,
.organic .nav-overlay__outline--dark .progress-circle__fail--accent-full,
.organic .nav-overlay__outline--dark .progress-circle__fail--dark,
.organic .nav-overlay__outline--dark .progress-circle__fail--image,
.organic .nav-overlay__outline--image .progress-circle__fail--accent-full,
.organic .nav-overlay__outline--image .progress-circle__fail--dark,
.organic .nav-overlay__outline--image .progress-circle__fail--image {
  fill: #fff;
}
.organic
  .nav-overlay__outline--accent-tint
  .progress-circle__runner--failed-light-style,
.organic
  .nav-overlay__outline--gray
  .progress-circle__runner--failed-light-style,
.organic
  .nav-overlay__outline--light
  .progress-circle__runner--failed-light-style {
  fill: #000;
  stroke: #000;
}
.organic .nav-overlay__outline--accent-tint .progress-circle__fail--accent-tint,
.organic .nav-overlay__outline--accent-tint .progress-circle__fail--gray,
.organic .nav-overlay__outline--accent-tint .progress-circle__fail--light,
.organic .nav-overlay__outline--gray .progress-circle__fail--accent-tint,
.organic .nav-overlay__outline--gray .progress-circle__fail--gray,
.organic .nav-overlay__outline--gray .progress-circle__fail--light,
.organic .nav-overlay__outline--light .progress-circle__fail--accent-tint,
.organic .nav-overlay__outline--light .progress-circle__fail--gray,
.organic .nav-overlay__outline--light .progress-circle__fail--light {
  fill: #fff;
}
.organic
  .nav-overlay__outline--accent-tint
  .nav-overlay__outline-item-link-icon,
.organic .nav-overlay__outline--gray .nav-overlay__outline-item-link-icon,
.organic .nav-overlay__outline--light .nav-overlay__outline-item-link-icon {
  color: #525252;
}
.organic .nav-overlay__outline--image .progress-circle__runner--failed-image {
  fill: #000;
  stroke: #fff;
  stroke-width: 1;
}
.organic .nav-overlay__outline--image .progress-circle__fail--image {
  fill: #fff;
}
.organic
  .nav-overlay__outline-item--section__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item--section__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):hover:before,
.organic
  .nav-overlay__outline-item--section__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item--section__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):hover:before,
.organic
  .nav-overlay__outline-item__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):hover:before,
.organic
  .nav-overlay__outline-item__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):hover:before {
  background-color: hsla(0, 0%, 98%, 0.06);
}
.organic
  .nav-overlay__outline-item--section__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item--section__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--dark:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--image:not(
    .organic .nav-overlay__outline-item__link--dark--restricted
  ):not(.organic .nav-overlay__outline-item__link--image--restricted):not(
    .organic .nav-overlay__outline-item--section__link--dark--restricted
  ):not(
    .organic .nav-overlay__outline-item--section__link--image--restricted
  ):active:before {
  background-color: hsla(0, 0%, 98%, 0.09);
}
.organic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover:before,
.organic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):hover:before {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.organic
  .nav-overlay__outline-item--section__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active:before,
.organic
  .nav-overlay__outline-item__link--accent-full-dark:not(
    .organic .nav-overlay__outline-item__link--accent-full-dark--restricted
  ):not(
    .organic
      .nav-overlay__outline-item--section__link--accent-full-dark--restricted
  ):active:before {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.organic
  .nav-overlay--accent-full-dark
  .nav-overlay__outline-item--section__link--restricted:hover,
.organic
  .nav-overlay--accent-full-dark
  .nav-overlay__outline-item__link--restricted:hover,
.organic
  .nav-overlay--dark
  .nav-overlay__outline-item--section__link--restricted:hover,
.organic .nav-overlay--dark .nav-overlay__outline-item__link--restricted:hover,
.organic
  .nav-overlay--image
  .nav-overlay__outline-item--section__link--restricted:hover,
.organic
  .nav-overlay--image
  .nav-overlay__outline-item__link--restricted:hover {
  color: #707070;
}
.organic .nav-sidebar__content {
  font-family: var(--font-family-body);
  width: 28rem;
}
.organic .nav-sidebar__content--dark {
  background-color: #1a1a1a;
}
.organic .nav-sidebar__content--light {
  background-color: #f5f5f5;
}
.organic .nav-sidebar__outline-list-item {
  position: relative;
}
.organic .nav-sidebar__outline-item--dark,
.organic .nav-sidebar__outline-section-item--dark,
.organic .nav-sidebar__outline-section-text--dark,
.organic .nav-sidebar__outline-section-toggle--dark {
  border-top: 1px solid #373737;
}
.organic .nav-sidebar__outline-item--light,
.organic .nav-sidebar__outline-section-item--light,
.organic .nav-sidebar__outline-section-text--light,
.organic .nav-sidebar__outline-section-toggle--light {
  border-top: 1px solid #e4e4e4;
}
.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-left: 0.5rem solid var(--color-accent);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.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 {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.organic .nav-sidebar__outline-item-tooltip--visible,
.organic .nav-sidebar__outline-section-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .nav-sidebar__outline-item-tooltip__inner,
.organic .nav-sidebar__outline-section-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 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: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -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: #313537;
}
.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: inherit;
  display: flex;
  font-family: var(--font-family-ui);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
  min-height: 10.5rem;
  padding: 3.6rem 1.8rem 2.4rem;
  text-decoration: none;
  width: 100%;
}
.organic .nav-sidebar__outline-item__link--dark,
.organic .nav-sidebar__outline-section-item__link--dark {
  color: #fff;
}
.organic .nav-sidebar__outline-item__link--light,
.organic .nav-sidebar__outline-section-item__link--light {
  color: #313537;
}
.organic .nav-sidebar .nav-sidebar__outline--dark .nav-sidebar__outline-list {
  border-bottom: 1px solid #373737;
}
.organic .nav-sidebar .nav-sidebar__outline--light .nav-sidebar__outline-list {
  border-bottom: 1px solid #e4e4e4;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline--accent-dark
  .progress-circle__pass {
  stroke: #fff;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline--dark
  .progress-circle__runner--failed {
  stroke: #fff;
  fill: #fff;
}
.organic .nav-sidebar .nav-sidebar__outline--dark .progress-circle__fail {
  fill: #313537;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline--light
  .progress-circle__runner--failed {
  stroke: #1a1a1a;
  fill: #1a1a1a;
}
.organic .nav-sidebar .nav-sidebar__outline--light .progress-circle__fail {
  fill: #fff;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light.nav-sidebar__outline-item__link--active,
.organic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--light.nav-sidebar__outline-section-item__link--active {
  background-color: #fff;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark.nav-sidebar__outline-item__link--active,
.organic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--dark.nav-sidebar__outline-section-item__link--active {
  background-color: #000;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline-item__link--light:not(
    .nav-sidebar__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover,
.organic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--light:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover {
  background-color: #e6e6e6;
}
.organic
  .nav-sidebar
  .nav-sidebar__outline-item__link--dark:not(
    .nav-sidebar__outline-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover,
.organic
  .nav-sidebar
  .nav-sidebar__outline-section-item__link--dark:not(
    .nav-sidebar__outline-section-item__link--restricted
  ):not(.nav-sidebar__outline-item__link--active):hover {
  background-color: #313537;
}
.organic .nav-sidebar__outline-item-link-icon,
.organic .nav-sidebar__outline-section-item-link-icon {
  forced-color-adjust: auto;
  height: 1.2rem;
  left: 1.8rem;
  position: absolute;
  top: 1.6rem;
  width: 1.2rem;
}
.organic .nav-sidebar__outline-item-link-icon--dark,
.organic .nav-sidebar__outline-section-item-link-icon--dark {
  color: #acacac;
}
.organic .nav-sidebar__outline-item-link-icon--light,
.organic .nav-sidebar__outline-section-item-link-icon--light {
  color: #525252;
}
.organic .nav-sidebar__outline-section-text,
.organic .nav-sidebar__outline-section-toggle {
  align-items: center;
  display: flex;
  font-family: var(--font-family-ui);
  font-size: 1rem;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.8rem;
  padding: 0.4rem 2.1rem 0.4rem 2rem;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
.organic .nav-sidebar__outline-section-text--dark,
.organic .nav-sidebar__outline-section-toggle--dark {
  color: #fff;
}
.organic .nav-sidebar__outline-section-text--light,
.organic .nav-sidebar__outline-section-toggle--light {
  color: #313537;
}
.organic .nav-sidebar__outline-section-text {
  padding-right: 3.8rem;
}
.organic .nav-sidebar__outline-section-toggle {
  cursor: pointer;
}
.organic .nav-sidebar__outline-section-toggle:focus {
  outline-offset: -0.1rem;
}
.organic
  .nav-sidebar__outline-section-toggle--dark:focus
  .nav-sidebar__outline-section-toggle-icon,
.organic
  .nav-sidebar__outline-section-toggle--dark:hover
  .nav-sidebar__outline-section-toggle-icon {
  color: #fff;
}
.organic
  .nav-sidebar__outline-section-toggle--light:focus
  .nav-sidebar__outline-section-toggle-icon,
.organic
  .nav-sidebar__outline-section-toggle--light:hover
  .nav-sidebar__outline-section-toggle-icon {
  color: #313537;
}
.organic .nav-sidebar__outline-section-toggle-icon {
  flex: 0 0 auto;
  margin: 0 0 0 0.75rem;
  transition: transform 0.3s;
  width: 0.9rem;
}
.organic .nav-sidebar__outline-section-toggle-icon--collapsed {
  transform: rotate(-90deg);
}
.organic .nav-sidebar__outline-section-toggle-icon--dark {
  color: #767676;
}
.organic .nav-sidebar__outline-section-toggle-icon--light {
  color: #313537;
}
@media (forced-colors: active) {
  .organic .nav-sidebar__outline-section-toggle-icon--dark,
  .organic .nav-sidebar__outline-section-toggle-icon--light {
    color: ButtonText;
  }
}
.organic .nav-sidebar__outline-section-list {
  transition: max-height 0.3s, opacity 0.5s;
}
.organic .nav-sidebar__outline-section-list--collapsed {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}
.organic .lesson--open-mobile .nav-sidebar__content {
  padding-bottom: 6rem;
  width: 26rem;
}
.organic .nav-sidebar__content--dark.nav-sidebar__content--searching {
  background-color: #1a1a1a;
}
.organic .nav-sidebar__content--light.nav-sidebar__content--searching {
  background-color: #fff;
}
.organic .nav-sidebar-header--searching {
  height: 10.5rem !important;
}
.organic .nav-sidebar-header__inner {
  display: flex;
  min-height: 20rem;
  padding: 2.4rem 2.4rem 2.8rem 2rem;
}
.organic .nav-sidebar-header__inner--compact {
  min-height: 15rem;
  padding: 1.6rem 2rem 2.4rem;
}
.organic .nav-sidebar-header__search-btn {
  height: 2.6rem;
  right: 1.5rem;
  top: 0.8rem;
  width: 2.6rem;
}
.organic .nav-sidebar-header__search-btn:hover {
  background-color: rgba(4, 0, 0, 0.25);
  border-radius: 0.3rem;
}
.organic .nav-sidebar-header__search-btn--hidden {
  transform: translateY(-1.5rem);
}
.organic .nav-sidebar-header__search-icon {
  color: #fff;
  height: 1.6rem;
  width: 1.6rem;
}
.organic .nav-sidebar-header__search-area {
  left: 1.4rem;
  right: 1.4rem;
  top: 2.6rem;
}
.organic .nav-sidebar-header__search-area--hidden {
  transform: translateY(calc(-100% - 2.7rem));
}
.organic .nav-sidebar-header__graphic {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.organic .nav-sidebar-header__content {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.organic .nav-sidebar-header__content--hidden {
  left: 2rem;
  right: 2rem;
}
.organic .nav-sidebar-header__title {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.2rem;
  min-height: 11rem;
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
  text-decoration: none;
}
.organic .nav-sidebar-header__title--compact {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-right: 2.4rem;
  min-height: auto;
  padding-bottom: 1.6rem;
  padding-top: 0;
}
.organic .nav-sidebar-header__title--image {
  color: #fff;
}
.organic .nav-sidebar-header__progress-runner,
.organic .nav-sidebar-header__progress-track {
  border-radius: 1rem;
  height: 0.7rem;
}
.organic .nav-sidebar-header__progress-track {
  background-color: hsla(0, 0%, 100%, 0.5);
  margin: 1rem 0 0;
}
.organic .nav-sidebar-header__progress-runner {
  background-color: currentColor;
  background-color: var(--color-accent);
  background-color: #fff;
  transition: width 0.6s;
}
.organic .nav-sidebar-header__progress-text {
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
  line-height: 1.3rem;
  text-transform: uppercase;
}
.organic .nav-sidebar-header__progress-text--image {
  color: #fff;
}
.organic .nav-sidebar-search {
  border: 0.1rem solid transparent;
  border-radius: 10rem;
}
.organic .nav-sidebar-search__icon {
  color: #313537;
  height: 1.6rem;
  left: 1.6rem;
  position: absolute;
  top: 1.7rem;
  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: 1rem 4.4rem 0.8rem 4.7rem;
}
.organic .nav-sidebar-search__input:-ms-input-placeholder {
  color: #313537;
  opacity: 1;
}
.organic .nav-sidebar-search__input::placeholder {
  color: #313537;
  opacity: 1;
}
.organic .nav-sidebar-search__close {
  color: #313537;
  height: 2.4rem;
  position: absolute;
  right: 2rem;
  top: 1.2rem;
  width: 2.4rem;
}
.organic .nav-sidebar-search__close:focus,
.organic .nav-sidebar-search__close:hover {
  color: #313537;
}
.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: 2rem 0;
}
.organic .nav-sidebar-results__message {
  color: #707070;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin: 0 2.4rem;
}
.organic .nav-sidebar-results__message--dark {
  color: #fff;
}
.organic .nav-sidebar-results__message--light {
  color: #313537;
}
.organic .nav-sidebar-results__term {
  font-style: italic;
}
.organic .nav-sidebar-result {
  margin-bottom: 1rem;
}
.organic .nav-sidebar-result__inner--active:after {
  border-left: 0.5rem solid var(--color-accent);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.organic .nav-sidebar-result__link {
  display: block;
  letter-spacing: 0.05rem;
  padding: 1.4rem 3.1rem 1.4rem 2.7rem;
  position: relative;
  text-decoration: none;
}
.organic .nav-sidebar-result__link--dark {
  color: #fff;
}
.organic .nav-sidebar-result__link--light {
  color: #313537;
}
.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: #838383;
  display: block;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.organic .nav-sidebar-result__link--dark.nav-sidebar-result__link--active,
.organic .nav-sidebar-result__link--dark:focus,
.organic .nav-sidebar-result__link--dark:hover {
  background-color: #313537;
}
.organic .nav-sidebar-result__link--light.nav-sidebar-result__link--active,
.organic .nav-sidebar-result__link--light:focus,
.organic .nav-sidebar-result__link--light:hover {
  background-color: #f5f5f5;
}
.organic
  .nav-sidebar-header__inner--dark-accent
  .nav-sidebar-header__search-icon {
  color: #fff;
}
@media (forced-colors: active) {
  .organic
    .nav-sidebar-header__inner--dark-accent
    .nav-sidebar-header__search-icon {
    color: ButtonText;
  }
}
.organic .nav-sidebar-header__inner--dark-accent .nav-sidebar-header__content {
  color: #fff;
}
.organic
  .nav-sidebar-header__inner--dark-accent
  .nav-sidebar-header__content
  .nav-sidebar-header__progress-runner {
  background-color: #fff;
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__search-icon {
  color: #1a1a1a;
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__search-icon.nav-sidebar-header__search-icon--image {
  color: #fff;
}
.organic .nav-sidebar-header__inner--light-accent .nav-sidebar-header__content {
  color: #313537;
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__content
  .nav-sidebar-header__progress-runner {
  background-color: #1a1a1a;
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__content
  .nav-sidebar-header__progress-runner--image {
  background-color: #fff;
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__content
  .nav-sidebar-header__progress-track {
  background-color: rgba(0, 0, 0, 0.3);
}
.organic
  .nav-sidebar-header__inner--light-accent
  .nav-sidebar-header__content
  .nav-sidebar-header__progress-track--image {
  background-color: hsla(0, 0%, 100%, 0.5);
}
@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 0.4s;
}
.organic .lesson--entering .nav-sidebar__body > * {
  animation: organic-nav-sidebar-text-enter 0.4s;
}
.organic .lesson--exiting .nav-sidebar__content {
  animation: organic-nav-sidebar-exit 0.6s;
  animation-fill-mode: forwards;
}
.organic .lesson--exiting .nav-sidebar__body > * {
  animation: organic-nav-sidebar-text-exit 0.6s;
  animation-fill-mode: forwards;
}
.organic .page__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 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-left: 0;
  }
}
.organic .lesson-header {
  padding-bottom: 0;
}
.organic .lesson-header__top-wrap {
  margin: 0;
  padding: 0;
}
@media (min-width: 62em) {
  .organic .lesson-header__top-wrap {
    padding: 6.4rem 0 6.1rem;
  }
}
@media (max-width: 47.9375em) {
  .organic .lesson-header__top-wrap {
    padding: 4.8rem 0 4.6rem;
  }
}
.organic .lesson-header__top-wrap:after {
  display: none;
}
.organic .lesson-header__title {
  color: #313537;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 0.4rem;
}
@media (min-width: 62em) {
  .organic .lesson-header__title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 48em) {
  .organic .lesson-header__title {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 61.9375em) {
  .organic .lesson-header__title {
    font-size: 3.6rem;
    line-height: 4.6rem;
  }
}
.organic .lesson-header__author {
  color: #313537;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 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: #313537;
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 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: rgba(0, 0, 0, 0.6);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.05rem;
  margin-bottom: 0;
  order: 0;
  text-transform: uppercase;
}
.organic .lesson-header__description {
  color: #000;
}
.organic .lesson-header__author-name {
  font-family: var(--font-family-ui);
  margin-left: 1rem;
}
.organic .lesson-header-wrap--mobile .page__header {
  min-height: 12.4rem;
  padding-top: 2rem;
}
.organic .lesson-header-wrap--mobile .lesson-header {
  padding-bottom: 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: 0;
  padding: 0;
}
.organic .lesson-header-wrap--mobile .lesson-header__top-wrap:after {
  height: 0.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: 0.6;
  order: 0;
  padding-bottom: 1.4rem;
  text-align: right;
}
.organic .lesson-header-wrap--mobile .lesson-header__author {
  margin-top: 0.4rem;
}
.organic .lesson-header-wrap--mobile .lesson-header__author,
.organic .lesson-header-wrap--mobile .lesson-header__author-name {
  align-items: center;
  color: #313537;
  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-bottom: 0.4rem;
}
.organic
  .lesson-header-wrap--mobile
  .lesson-header__partner-content-author-img {
  height: 2rem;
  width: 2rem;
}
.organic .lesson-header-wrap--mobile .lesson-header__title {
  color: #313537;
  font-family: var(--font-family-head);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 1.6rem;
}
.organic .lesson-header-wrap--small {
  min-height: auto;
}
.organic .lesson-header-wrap--small .page__header {
  min-height: auto;
  padding: 0;
}
.organic .lesson-header-wrap--small .lesson-header {
  padding: 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-bottom: 0.4rem;
}
.organic .lesson-header-wrap--small .lesson-header__info-row--divider {
  color: #313537;
  font-size: 1.6rem;
  line-height: 1.6rem;
  opacity: 0.8;
  padding: 0 1.2rem;
}
.organic .lesson-header-wrap--small .lesson-header__partner-content-author {
  padding-right: 1.2rem;
}
.organic
  .lesson-header-wrap--small
  .lesson-header__partner-content-author:last-child {
  padding-right: 0;
}
.organic .lesson-header-wrap--small .lesson-header__partner-content-author-img {
  height: 2rem;
  margin-right: 0;
  width: 2rem;
}
.organic .lesson-header-wrap--small .lesson-header__top-wrap {
  margin: 0;
  padding: 2.8rem 0;
}
@media (max-width: 52.4375em) {
  .organic .lesson-header-wrap--small .lesson-header__top-wrap {
    padding-top: 4.8rem;
  }
}
.organic .lesson-header-wrap--small .lesson-header__counter {
  color: #313537;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4rem;
  margin: 0;
  opacity: 0.8;
  order: 0;
}
.organic .lesson-header-wrap--small .lesson-header__title {
  color: #313537;
  flex-grow: 1;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 0;
}
.organic .lesson-header-wrap--small .lesson-header__author {
  color: #313537;
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin: 0;
}
.organic .lesson-header-wrap--small .lesson-header__author-name {
  margin-left: 0.8rem;
}
.organic .lesson-header-wrap--small .lesson-header__author-img {
  height: 2rem;
  margin-right: 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 {
  color: #313537;
  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 .lesson-header__description {
  color: #2d363a;
}
.organic .lesson-header-wrap--gray .page__header {
  background: #fafafa;
}
.organic .lesson-header-wrap--dark .page__header,
.organic .lesson-header-wrap--image .page__header {
  background: #303030;
}
.organic .lesson-header-wrap--black .page__header {
  background: #000;
}
.organic .lesson-header-wrap--bg-dark .lesson-header__author,
.organic .lesson-header-wrap--bg-dark .lesson-header__author-name,
.organic .lesson-header-wrap--bg-dark .lesson-header__description,
.organic .lesson-header-wrap--bg-dark .lesson-header__title,
.organic .lesson-header-wrap--black .lesson-header__author,
.organic .lesson-header-wrap--black .lesson-header__author-name,
.organic .lesson-header-wrap--black .lesson-header__description,
.organic .lesson-header-wrap--black .lesson-header__title,
.organic .lesson-header-wrap--dark .lesson-header__author,
.organic .lesson-header-wrap--dark .lesson-header__author-name,
.organic .lesson-header-wrap--dark .lesson-header__description,
.organic .lesson-header-wrap--dark .lesson-header__title,
.organic .lesson-header-wrap--image .lesson-header__author,
.organic .lesson-header-wrap--image .lesson-header__author-name,
.organic .lesson-header-wrap--image .lesson-header__description,
.organic .lesson-header-wrap--image .lesson-header__title {
  color: #fff;
}
.organic .lesson-header-wrap--bg-dark .lesson-header__counter,
.organic .lesson-header-wrap--black .lesson-header__counter,
.organic .lesson-header-wrap--dark .lesson-header__counter,
.organic .lesson-header-wrap--image .lesson-header__counter {
  color: hsla(0, 0%, 100%, 0.6);
}
.organic .lesson-header-wrap--bg-dark .lesson-header__info-row--divider,
.organic .lesson-header-wrap--black .lesson-header__info-row--divider,
.organic .lesson-header-wrap--dark .lesson-header__info-row--divider,
.organic .lesson-header-wrap--image .lesson-header__info-row--divider {
  color: #e4e4e4;
}
.organic .lesson-header-wrap--bg-dark .lesson-header__author-img,
.organic .lesson-header-wrap--black .lesson-header__author-img,
.organic .lesson-header-wrap--dark .lesson-header__author-img,
.organic .lesson-header-wrap--image .lesson-header__author-img {
  border: none;
}
.organic .lesson-header-wrap--accent .page__header,
.organic .lesson-header-wrap--tint .page__header {
  background: currentColor;
}
.organic .lesson-header-wrap--image .page__header {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.organic.dark-accent .lesson-header-wrap--accent .lesson-header__author,
.organic.dark-accent .lesson-header-wrap--accent .lesson-header__description,
.organic.dark-accent .lesson-header-wrap--accent .lesson-header__title {
  color: #fff;
}
.organic.dark-accent .lesson-header-wrap--accent .lesson-header__counter {
  color: hsla(0, 0%, 100%, 0.8);
}
.organic.dark-accent
  .lesson-header-wrap--accent
  .lesson-header__info-row--divider {
  color: #e4e4e4;
}
.organic.dark-accent .lesson-header-wrap--accent .lesson-header__author-img {
  border: none;
}
.organic .lesson-header__partner-content--mobile {
  margin-bottom: 0.4rem;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author {
  height: 3rem;
  margin: 0 0.8rem 0 0;
  padding: 0;
  position: relative;
  width: 3rem;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author--single {
  height: 2.2rem;
  margin: 0 0.8rem 1rem 0;
  width: 2.2rem;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img {
  height: 2.2rem;
  margin-right: 0;
  position: absolute;
  width: 2.2rem;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img--single {
  left: 0 !important;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:first-of-type {
  top: 1rem;
  z-index: 1;
}
.organic
  .lesson-header__partner-content--mobile
  .lesson-header__partner-content-author-img:last-of-type {
  left: 1rem;
}
.organic .lesson-header__partner-content--mobile .lesson-header__author-name {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
}
.organic .cover__header-content-action-link,
.organic .cover__my-list-button {
  --button-color: #fff;
  background: var(--button-color);
  border: 0.2rem solid var(--button-color);
  border-radius: 3rem;
  color: #313537;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-ui);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.1rem;
  margin-bottom: 1.7rem;
  min-width: 18rem;
  outline: 0.1rem solid transparent;
  padding: 1.73rem 3.3rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.15s ease-in-out;
  white-space: nowrap;
  width: 100%;
  z-index: 3;
}
.organic .cover__header-content-action-link:hover,
.organic .cover__my-list-button:hover {
  transform: scale(1.05);
}
.organic .cover__header-content-action-link:active,
.organic .cover__my-list-button:active {
  transform: scale(0.95);
  transition-duration: 0.1s;
}
@media (min-width: 30em) {
  .organic .cover__header-content-action-link,
  .organic .cover__my-list-button {
    width: auto;
  }
}
.organic .cover__header-content-action-link.overview__start-again,
.organic .cover__my-list-button--checked {
  background-color: transparent;
  color: #fff;
}
.organic {
  background-color: #fff;
}
.organic .cover {
  overflow-x: hidden;
}
.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(--background-color-accent);
  background-color: var(--background-color);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5.6rem 1.5rem 8rem;
  width: 100%;
}
@media (min-width: 30em) {
  .organic .cover__header-content {
    padding: 2rem 12rem 9rem;
  }
}
@media (min-width: 48em) {
  .organic .cover__header-content {
    padding: 4rem 10rem 12.5rem;
  }
}
@media (min-width: 75em) {
  .organic .cover__header-content {
    padding: 4rem 10rem 12.5rem;
  }
}
@media (min-width: 90em) {
  .organic .cover__header-content {
    padding: 4rem 21rem 12.5rem;
  }
}
.organic .cover__header-content-action-link,
.organic .cover__header-content-action-link:last-child {
  margin-right: 0;
}
.organic .cover__header-content-action-link--disabled {
  display: none;
}
.organic .cover__header-content-action-link--dark {
  --button-color: #313537;
  color: #fff;
}
@media (min-width: 30em) {
  .organic .cover__header-content-action-link {
    margin-right: 2.4rem;
  }
}
.organic .cover__header-content-action-link--dark-btn {
  background-color: #313537;
  border-color: #313537;
  color: #fff;
}
.organic .cover__header-content-action-link.overview__start-again--dark-btn {
  background: transparent;
  border-color: #313537;
  color: #313537;
}
.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__my-list-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.organic .cover__my-list-button-icon {
  fill: none;
  stroke-width: 0.2rem;
  stroke: currentColor;
  flex: 0 0 auto;
  height: 1.6rem;
  margin: 0 0.75em 0 0;
  vertical-align: middle;
  width: 1.6rem;
}
.organic .cover__my-list-button-text {
  display: flex;
  flex-direction: column;
}
.organic .cover__my-list-button-icon {
  margin: 0 1em 0 0;
}
.organic .cover__my-list-button-text-remove {
  height: 0;
  visibility: hidden;
}
.organic .cover__my-list-button--checked .cover__my-list-button-icon {
  fill: currentColor;
}
.organic .cover__my-list-button--checked .cover__my-list-button-text-add {
  height: 0;
  visibility: hidden;
}
.organic .cover__my-list-button--checked .cover__my-list-button-text-remove {
  height: auto;
  visibility: visible;
}
.organic .cover__author-published-wrap {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-top: 0;
}
@media (min-width: 30em) {
  .organic .cover__author-published-wrap {
    margin-top: 11.1rem;
  }
}
.organic .cover__header-content-authors {
  align-items: center;
  display: inline-flex;
  margin: 0 3.2rem 1.2rem 0;
}
.organic .partner-content-course-author__author {
  align-items: center;
}
.organic .partner-content-course-author__author--accent-light {
  color: #313537;
}
.organic .cover__progress + .cover__author-published-wrap {
  margin-top: 0;
}
.organic .cover__header-content-authors-avatar {
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  height: 3.2rem;
  margin: 0 1rem 0 0;
  width: 3.2rem;
}
@media (min-width: 62em) {
  .organic .cover__header-content-authors-avatar {
    height: 4rem;
    width: 4rem;
  }
}
.organic .cover__header-content-authors-avatar--dark-border {
  border-color: #313537;
}
.organic .cover__header-content-authors-name {
  color: #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: 0;
}
@media (min-width: 62em) {
  .organic .cover__header-content-authors-name {
    font-size: 1.6rem;
  }
}
.organic .cover__header-content-authors-name--dark-text {
  color: #313537;
}
.organic .cover__details-content-published-at {
  color: #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: 0.8rem 0 1.4rem;
}
@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: 1.4rem 0;
  }
}
.organic .cover__header-content-info {
  max-width: 66rem;
}
.organic
  .cover__header-content-info--riseCom
  .partner-content-course-author__author {
  align-items: center;
  margin-bottom: 0;
  margin-right: 3.2rem;
}
.organic
  .cover__header-content-info--riseCom
  .partner-content-course-author__author:last-child {
  margin-right: 0;
}
.organic .cover__header-content-title {
  color: #fff;
  font-family: var(--font-family-head);
  font-weight: 700;
  margin-top: 5.1rem;
}
@media (min-width: 30em) {
  .organic .cover__header-content-title {
    font-size: 7.2rem;
    line-height: 8.5rem;
    margin-top: 9rem;
  }
}
@media (min-width: 48em) {
  .organic .cover__header-content-title {
    margin: 13.5rem 0 5.6rem;
  }
}
.organic .cover__header-content-title--dark-text {
  color: #313537;
}
.organic .cover__author-published-wrap + .cover__header-content-title,
.organic .cover__progress + .cover__header-content-title {
  margin-top: 1.6rem;
}
@media (min-width: 30em) {
  .organic .cover__author-published-wrap + .cover__header-content-title,
  .organic .cover__progress + .cover__header-content-title {
    margin-top: 2.4rem;
  }
}
.organic .cover__header-graphic {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
}
.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: #313537;
  font-size: 1.8rem;
  line-height: 3.2rem;
  margin-bottom: 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-bottom: 3.2rem;
  padding-bottom: 1.6rem;
}
.organic .cover__details-content-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 5rem 2rem;
}
.organic .cover__details-content-aside {
  font-family: var(--font-family-ui);
  font-size: 1.4rem;
  line-height: 1;
  margin: 6.4rem 0;
  width: auto;
}
@media (min-width: 75em) {
  .organic .cover__details-content-aside {
    margin: 0 0 0 14rem;
    width: 30rem;
  }
}
.organic .cover__details-content-aside--logo {
  margin-top: 6.4rem;
}
@media (min-width: 75em) {
  .organic .cover__details-content-aside--logo {
    margin-top: 12.1rem;
  }
}
.organic .cover__course-length-section {
  border-bottom: 0.1rem solid #eaeaeb;
  display: none;
  margin: 0 0 1.6rem;
  padding: 0 0 1.6rem;
}
@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 {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !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: 0;
  padding: 0;
}
.organic .cover__course-length-title,
.organic .cover__details-content-heading--row .cover__course-length-title {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.organic .cover__course-length-list {
  display: flex;
  line-height: 2.1rem;
}
.organic .cover__num-lessons {
  margin-right: 1.7rem;
}
@media (min-width: 30em) {
  .organic .cover__num-lessons {
    margin: 0 3.2rem 0 0;
  }
}
.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-bottom: 4rem;
}
.organic .cover__author-with-title {
  align-items: center;
  display: none;
  flex-direction: row;
  margin-bottom: 3.8rem;
}
.organic .cover__author-name {
  color: #313537;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.04rem;
  opacity: 0.8;
}
.organic .cover__author-title {
  color: #6a737c;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.026rem;
  line-height: 1.44rem;
}
.organic .cover__categories-title,
.organic .cover__requirements-title {
  border-bottom: 0.1rem solid #eaeaeb;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 4.8rem 0 2.4rem;
  padding: 0 0 1.6rem;
}
.organic .cover__lesson-requirement,
.organic .cover__quiz-requirement {
  color: #000;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0.6rem 0 0.6rem 2.6rem;
  text-indent: -2.6rem;
}
.organic .cover__quiz-requirement-no-attempts {
  color: #db0000;
  font-weight: 500;
  margin: 0.7rem 0 0 2.6rem;
}
.organic .cover__lesson-requirement-icon,
.organic .cover__quiz-requirement-icon {
  fill: #c9c9ca;
  flex: 0 0 auto;
  margin-right: 0.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-accent);
  border-radius: 1000000px;
  border-style: solid;
  border-width: 0.1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
  margin: 1.6rem 0;
  max-width: 100%;
  padding: 0.4rem 0.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-accent);
  color: #fff;
}
.organic .cover__completed-info {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  margin: 3.2rem 0 2.8rem;
}
.organic .cover__completed-info .certificateDownload {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.organic .cover__completed-info .certificateDownload:before {
  content: "|";
  margin: 0 0.8rem;
}
.organic .cover__completed-info .certificateDownload__btn {
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}
.organic .cover__completed-info-avatar {
  height: 4rem;
  margin-right: 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-accent);
  border-radius: 1000000px;
  color: #fff;
  display: flex;
  flex: 0 1 auto;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0.8rem 0.8rem 0;
  max-width: 100%;
  padding: 0.6rem 1.6rem;
}
.organic .cover__categories-item-wrap {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organic .cover__progress {
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
  margin: 0 0 3.2rem;
  max-width: 62.4rem;
  width: 100%;
}
@media (min-width: 30em) {
  .organic .cover__progress {
    margin: 1.2rem 0 6.5rem;
    max-width: 48.2rem;
  }
}
@media (min-width: 48em) {
  .organic .cover__progress {
    margin: 0 0 6.5rem;
    max-width: 62.4rem;
  }
}
@media (min-width: 75em) {
  .organic .cover__progress {
    margin: 0 0 9rem;
  }
}
.organic .cover__progress-outer {
  background: rgba(49, 53, 55, 0.2);
  height: 0.2rem;
  margin: 0 0 1.2rem;
  position: relative;
}
.organic .cover__progress-inner {
  background: var(--color-accent);
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.organic .cover__progress-text-wrap {
  align-items: baseline;
  display: flex;
  justify-content: flex-start;
}
.organic .cover__progress-text {
  margin-bottom: 0.8rem;
  white-space: nowrap;
}
@media (min-width: 30em) {
  .organic .cover__progress-text {
    margin: 0 2em 0 0;
  }
}
.organic .cover__progress-next-lesson {
  margin-left: calc(1.6rem + 1em);
  text-indent: calc(-1.6rem - 1em);
}
.organic .cover__progress-next-lesson-icon {
  height: 0.8rem;
  margin-right: 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: 4.8rem 0 0;
  padding-bottom: 2.1rem;
}
.organic .overview-list-item__link {
  border-bottom: 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: 1.6rem 6.3rem 1.6rem 5rem;
}
.organic .overview-list-item__icon {
  left: 1.75rem;
  top: 1.75rem;
  width: 1.25rem;
}
.organic .overview-list-item__icon > svg {
  width: 1.25rem;
}
.organic .overview-list-item-tooltip {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.organic .overview-list-item-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .overview-list-item-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 2.1rem;
  position: relative;
  text-align: center;
}
.organic .overview-list-item-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.organic .overview-list-item-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.organic .overview-list-item-tooltip__inner--dark:after {
  background: #f8f8f8;
}
.organic .overview-list-item .progress-circle__fail {
  fill: #fff;
}
.organic
  .overview-list-item
  .progress-circle__runner--done.progress-circle__runner--failed {
  stroke: #1a1a1a;
  fill: #1a1a1a;
}
.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: visible;
    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: 0 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 {
  --background-color: #fff;
  background-color: transparent;
}
.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: #313537;
  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-bottom: 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;
}
.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 {
  border: 1px solid #313537;
}
@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;
  }
}
@media (min-width: 30em) {
  .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 .cover__header-content-title,
  .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-left-image .cover__header-content-title,
  .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 .cover__header-content-title,
  .organic
    .cover--layout-split-right-image
    .cover__details-content-published-at,
  .organic .cover--layout-split-right-image .cover__header-content-authors-name,
  .organic .cover--layout-split-right-image .cover__header-content-title {
    color: #313537;
  }
}
.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,
.organic .cover--layout-split-left .cover__my-list-button,
.organic .cover--layout-split-left-image .cover__header-content-action-link,
.organic .cover--layout-split-left-image .cover__my-list-button,
.organic .cover--layout-split-right .cover__header-content-action-link,
.organic .cover--layout-split-right .cover__my-list-button,
.organic .cover--layout-split-right-image .cover__header-content-action-link,
.organic .cover--layout-split-right-image .cover__my-list-button {
  --button-color: var(--color-accent);
  color: #fff;
}
.organic
  .cover--layout-split-left
  .cover__header-content-action-link.overview__start-again,
.organic .cover--layout-split-left .cover__my-list-button--checked,
.organic
  .cover--layout-split-left-image
  .cover__header-content-action-link.overview__start-again,
.organic .cover--layout-split-left-image .cover__my-list-button--checked,
.organic
  .cover--layout-split-right
  .cover__header-content-action-link.overview__start-again,
.organic .cover--layout-split-right .cover__my-list-button--checked,
.organic
  .cover--layout-split-right-image
  .cover__header-content-action-link.overview__start-again,
.organic .cover--layout-split-right-image .cover__my-list-button--checked {
  background: transparent;
  border-color: #313537;
  color: #313537;
}
.organic .cover--layout-split-left .cover__header-content-action-link--dark-btn,
.organic .cover--layout-split-left .overview__button-enrolled--dark-text,
.organic
  .cover--layout-split-left-image
  .cover__header-content-action-link--dark-btn,
.organic .cover--layout-split-left-image .overview__button-enrolled--dark-text,
.organic
  .cover--layout-split-right
  .cover__header-content-action-link--dark-btn,
.organic .cover--layout-split-right .overview__button-enrolled--dark-text,
.organic
  .cover--layout-split-right-image
  .cover__header-content-action-link--dark-btn,
.organic
  .cover--layout-split-right-image
  .overview__button-enrolled--dark-text {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #313537;
}
.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-content-action-link-text--dark-text,
.organic
  .cover--layout-split-left-image
  .cover__header-content-action-link-text--dark-text,
.organic
  .cover--layout-split-right
  .cover__header-content-action-link-text--dark-text,
.organic
  .cover--layout-split-right-image
  .cover__header-content-action-link-text--dark-text {
  color: #313537;
}
.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-right: 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: 0 auto;
  max-width: 70rem;
  padding: 4rem 0 10rem;
}
@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: 4rem 15rem 15rem;
  }
}
@media (min-width: 75em) {
  .organic .cover--layout-split-left .cover__header-content,
  .organic .cover--layout-split-left-image .cover__header-content {
    padding: 4rem 7rem 15rem;
  }
}
@media (min-width: 96.875em) {
  .organic .cover--layout-split-left .cover__header-content,
  .organic .cover--layout-split-left-image .cover__header-content {
    padding: 4rem 10rem 15rem;
  }
}
.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 {
  right: -24.5rem;
  top: -6rem;
}
@media (min-width: 62em) {
  .organic .cover--layout-split-left .cover__header-graphic-container,
  .organic .cover--layout-split-left-image .cover__header-graphic-container {
    right: -21.5rem;
    top: -6rem;
  }
}
@media (min-width: 75em) {
  .organic .cover--layout-split-left .cover__header-graphic-container,
  .organic .cover--layout-split-left-image .cover__header-graphic-container {
    right: -17rem;
    top: -7rem;
  }
}
@media (min-width: 90em) {
  .organic .cover--layout-split-left .cover__header-graphic-container,
  .organic .cover--layout-split-left-image .cover__header-graphic-container {
    right: -40rem;
    top: -35rem;
  }
}
@media (min-width: 96.875em) {
  .organic .cover--layout-split-left .cover__header-graphic-container,
  .organic .cover--layout-split-left-image .cover__header-graphic-container {
    right: -37.5rem;
    top: -30rem;
  }
}
.organic .cover--layout-split-left .cover__details-content-wrap,
.organic .cover--layout-split-left-image .cover__details-content-wrap {
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 70rem;
  padding: 0 0 5rem;
}
@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: 0 15rem 5rem;
  }
}
@media (min-width: 75em) {
  .organic .cover--layout-split-left .cover__details-content-wrap,
  .organic .cover--layout-split-left-image .cover__details-content-wrap {
    padding: 0 7rem 5rem;
  }
}
@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: 0 auto;
    max-width: 155rem;
    padding: 0 10rem 5rem;
  }
}
@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: 0 0 0 35rem;
  padding: 4rem 0 7.7rem;
}
@media (min-width: 62em) {
  .organic .cover--layout-split-right .cover__header-content,
  .organic .cover--layout-split-right-image .cover__header-content {
    margin-left: 46rem;
  }
}
@media (min-width: 90em) {
  .organic .cover--layout-split-right .cover__header-content,
  .organic .cover--layout-split-right-image .cover__header-content {
    margin-left: 64.5rem;
    padding-bottom: 12.5rem;
  }
}
@media (min-width: 125em) {
  .organic .cover--layout-split-right .cover__header-content,
  .organic .cover--layout-split-right-image .cover__header-content {
    margin-left: 85rem;
  }
}
@media (min-width: 48em) {
  .organic .cover--layout-split-right .cover__header-graphic-container,
  .organic .cover--layout-split-right-image .cover__header-graphic-container {
    left: -27rem;
    top: -14rem;
  }
}
@media (min-width: 62em) {
  .organic .cover--layout-split-right .cover__header-graphic-container,
  .organic .cover--layout-split-right-image .cover__header-graphic-container {
    left: -18rem;
    top: -6rem;
  }
}
@media (min-width: 90em) {
  .organic .cover--layout-split-right .cover__header-graphic-container,
  .organic .cover--layout-split-right-image .cover__header-graphic-container {
    left: -47rem;
    top: -30rem;
  }
}
@media (min-width: 125em) {
  .organic .cover--layout-split-right .cover__header-graphic-container,
  .organic .cover--layout-split-right-image .cover__header-graphic-container {
    left: -27rem;
    top: -31rem;
  }
  .organic .cover--layout-split-right .cover__details,
  .organic .cover--layout-split-right-image .cover__details {
    margin: 0 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-top: 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: 0 0 5rem;
  }
}
@media (min-width: 48em) {
  .organic .cover--layout-split-right .cover__details-content,
  .organic .cover--layout-split-right-image .cover__details-content {
    margin: 0 auto;
  }
}
@media (min-width: 75em) {
  .organic .cover--layout-split-right .cover__details-content,
  .organic .cover--layout-split-right-image .cover__details-content {
    margin-left: 46rem;
  }
}
@media (min-width: 90em) {
  .organic .cover--layout-split-right .cover__details-content,
  .organic .cover--layout-split-right-image .cover__details-content {
    margin-left: 64.5rem;
  }
}
@media (min-width: 125em) {
  .organic .cover--layout-split-right .cover__details-content,
  .organic .cover--layout-split-right-image .cover__details-content {
    margin-left: 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-left: 6.5rem;
    margin-right: 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-left: 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-left: 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-left: 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-left: 0;
    margin-left: 5rem;
  }
}
.organic .cover--layout-centered-overlay .cover__header-content,
.organic .cover--layout-left-overlay .cover__header-content {
  background-color: #b2b2b2;
}
.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;
}
@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 width='5000' height='478' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5000 478V240L2112.21 472.981a400.027 400.027 0 0 1-123-9.154L0 0v478h5000Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .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 .cover__my-list-button,
.organic .cover--layout-left-overlay .cover__header-content-action-link,
.organic .cover--layout-left-overlay .cover__my-list-button {
  padding: 0.95rem 3.85rem;
  z-index: 3;
}
@media (min-width: 30em) {
  .organic .cover--layout-left .cover__header-content-action-link,
  .organic .cover--layout-left .cover__my-list-button,
  .organic .cover--layout-left-overlay .cover__header-content-action-link,
  .organic .cover--layout-left-overlay .cover__my-list-button {
    align-self: center;
    padding: 1.73rem 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-bottom: 3.2rem;
  padding-right: 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: 2.4rem 0 4.8rem;
    max-width: 52.5rem;
    padding-right: 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-bottom: 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: 2.4rem 0 5.6rem;
    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-left: 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-left: -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-left: 0;
  }
}
.organic .cover--layout-left .cover__details-content-wrap,
.organic .cover--layout-left-overlay .cover__details-content-wrap {
  padding-top: 3.6rem;
}
@media (min-width: 48em) {
  .organic .cover--layout-left .cover__details-content-wrap,
  .organic .cover--layout-left-overlay .cover__details-content-wrap {
    padding-top: 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-left .cover__progress,
.organic .cover--layout-left-overlay .cover__progress {
  color: #fff;
}
.organic .cover--layout-left .cover__progress--dark,
.organic .cover--layout-left-overlay .cover__progress--dark {
  color: #313537;
}
.organic .cover--layout-left .cover__progress-outer,
.organic .cover--layout-left-overlay .cover__progress-outer {
  background: hsla(0, 0%, 100%, 0.4);
}
.organic .cover--layout-left .cover__progress--dark .cover__progress-outer,
.organic
  .cover--layout-left-overlay
  .cover__progress--dark
  .cover__progress-outer {
  background: rgba(0, 0, 0, 0.2);
}
.organic .cover--layout-left .cover__progress-inner,
.organic .cover--layout-left-overlay .cover__progress-inner {
  background: currentColor;
}
.organic .cover--layout-centered .cover__header-content,
.organic .cover--layout-centered-overlay .cover__header-content {
  padding: 2rem 2rem 8rem;
  position: relative;
}
@media (min-width: 30em) {
  .organic .cover--layout-centered .cover__header-content,
  .organic .cover--layout-centered-overlay .cover__header-content {
    padding: 2rem 6rem 8rem;
  }
}
@media (min-width: 48em) {
  .organic .cover--layout-centered .cover__header-content,
  .organic .cover--layout-centered-overlay .cover__header-content {
    padding: 4rem 2rem 20rem;
  }
}
.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 width='5000' height='625' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5000 625V.5L2732.75 566.859a959.985 959.985 0 0 1-465.49-.044L0 0v625h5000Z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.organic
  .cover--layout-centered
  .cover__header-content-info--riseCom
  .partner-content-course-author__author,
.organic
  .cover--layout-centered-overlay
  .cover__header-content-info--riseCom
  .partner-content-course-author__author {
  padding-right: 0;
}
.organic .cover--layout-centered .cover__header-content-action-link,
.organic .cover--layout-centered .cover__my-list-button,
.organic .cover--layout-centered-overlay .cover__header-content-action-link,
.organic .cover--layout-centered-overlay .cover__my-list-button {
  padding: 0.95rem 9.35rem;
  z-index: 3;
}
@media (min-width: 30em) {
  .organic .cover--layout-centered .cover__header-content-action-link,
  .organic .cover--layout-centered .cover__my-list-button,
  .organic .cover--layout-centered-overlay .cover__header-content-action-link,
  .organic .cover--layout-centered-overlay .cover__my-list-button {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    padding: 1.73rem 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-bottom: 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-bottom: 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: 0 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-bottom: 3.2rem;
  padding: 0 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-bottom: 4.8rem;
    max-width: 61.2rem;
    padding: 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-bottom: 5.6rem;
    max-width: none;
  }
}
.organic .cover--layout-centered .cover__details-content,
.organic .cover--layout-centered-overlay .cover__details-content {
  padding: 0;
}
@media (min-width: 30em) {
  .organic .cover--layout-centered .cover__details-content,
  .organic .cover--layout-centered-overlay .cover__details-content {
    padding: 0 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: 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 {
  color: #fff;
  margin-bottom: 3.2rem;
  text-align: center;
}
@media (min-width: 30em) {
  .organic .cover--layout-centered .cover__progress,
  .organic .cover--layout-centered-overlay .cover__progress {
    margin-bottom: 6.5rem;
  }
}
@media (min-width: 48em) {
  .organic .cover--layout-centered .cover__progress,
  .organic .cover--layout-centered-overlay .cover__progress {
    margin-bottom: 12rem;
  }
}
.organic .cover--layout-centered .cover__progress--dark,
.organic .cover--layout-centered-overlay .cover__progress--dark {
  color: #313537;
}
.organic .cover--layout-centered .cover__progress-outer,
.organic .cover--layout-centered-overlay .cover__progress-outer {
  background: hsla(0, 0%, 100%, 0.4);
}
.organic .cover--layout-centered .cover__progress--dark .cover__progress-outer,
.organic
  .cover--layout-centered-overlay
  .cover__progress--dark
  .cover__progress-outer {
  background: rgba(0, 0, 0, 0.2);
}
.organic .cover--layout-centered .cover__progress-inner,
.organic .cover--layout-centered-overlay .cover__progress-inner {
  background: currentColor;
}
.organic .cover--layout-centered .cover__author-published-wrap,
.organic .cover--layout-centered-overlay .cover__author-published-wrap {
  justify-content: center;
}
.organic .cover--layout-centered .cover__progress-next-lesson-icon--dark-text,
.organic .cover--layout-centered .cover__progress-next-lesson-text--dark-text,
.organic .cover--layout-centered .cover__progress-text--dark-text,
.organic
  .cover--layout-centered-overlay
  .cover__progress-next-lesson-icon--dark-text,
.organic
  .cover--layout-centered-overlay
  .cover__progress-next-lesson-text--dark-text,
.organic .cover--layout-centered-overlay .cover__progress-text--dark-text,
.organic .cover--layout-left .cover__progress-next-lesson-icon--dark-text,
.organic .cover--layout-left .cover__progress-next-lesson-text--dark-text,
.organic .cover--layout-left .cover__progress-text--dark-text,
.organic
  .cover--layout-left-overlay
  .cover__progress-next-lesson-icon--dark-text,
.organic
  .cover--layout-left-overlay
  .cover__progress-next-lesson-text--dark-text,
.organic .cover--layout-left-overlay .cover__progress-text--dark-text {
  color: #313537;
}
.organic .cover--layout-centered .cover__progress-outer--dark-track,
.organic .cover--layout-centered-overlay .cover__progress-outer--dark-track,
.organic .cover--layout-left .cover__progress-outer--dark-track,
.organic .cover--layout-left-overlay .cover__progress-outer--dark-track {
  background: rgba(49, 53, 55, 0.4);
}
.organic .cover--layout-centered .cover__progress-outer--darkest-track,
.organic .cover--layout-centered-overlay .cover__progress-outer--darkest-track,
.organic .cover--layout-left .cover__progress-outer--darkest-track,
.organic .cover--layout-left-overlay .cover__progress-outer--darkest-track {
  background: rgba(0, 0, 0, 0.4);
}
.organic .cover--layout-centered .cover__progress-inner--dark-runner,
.organic .cover--layout-centered-overlay .cover__progress-inner--dark-runner,
.organic .cover--layout-left .cover__progress-inner--dark-runner,
.organic .cover--layout-left-overlay .cover__progress-inner--dark-runner {
  background: #313537;
}
.organic .cover--layout-centered .cover__progress-inner--darkest-runner,
.organic .cover--layout-centered-overlay .cover__progress-inner--darkest-runner,
.organic .cover--layout-left .cover__progress-inner--darkest-runner,
.organic .cover--layout-left-overlay .cover__progress-inner--darkest-runner {
  background: #000;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__my-list-button,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__my-list-button {
  background-color: #313537;
  border-color: #313537;
  color: #fff;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-action-link.overview__start-again,
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__my-list-button--checked,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-action-link.overview__start-again,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__my-list-button--checked {
  background-color: transparent;
  border-color: #313537;
  color: #313537;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__progress,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__progress {
  color: #313537;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__progress-outer,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__progress-outer {
  background: rgba(49, 53, 55, 0.3);
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__progress-inner,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__progress-inner {
  background: #313537;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__details-content-published-at,
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-authors-name,
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-title,
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .partner-content-course-author__author,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__details-content-published-at,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-authors-name,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-title,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .partner-content-course-author__author,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__details-content-published-at,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__header-content-authors-name,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__header-content-title,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .partner-content-course-author__author,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__details-content-published-at,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__header-content-authors-name,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__header-content-title,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .partner-content-course-author__author {
  color: #313537;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-centered
  .cover__header-content-authors-avatar,
.organic.light-accent.legacy-color-contrast
  .cover--layout-left
  .cover__header-content-authors-avatar,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__header-content-authors-avatar,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__header-content-authors-avatar {
  border: 1px solid #313537;
}
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left
  .cover__my-list-button,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-left-image
  .cover__my-list-button,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right
  .cover__my-list-button,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__header-content-action-link,
.organic.light-accent.legacy-color-contrast
  .cover--layout-split-right-image
  .cover__my-list-button {
  color: #313537;
}
@media (min-width: 30em) {
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-left-image
    .cover__details-content-published-at,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-left-image
    .cover__header-content-authors-name,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-left-image
    .cover__header-content-title,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-left-image
    .partner-content-course-author__author,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-right-image
    .cover__details-content-published-at,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-right-image
    .cover__header-content-authors-name,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-right-image
    .cover__header-content-title,
  .organic.light-accent.legacy-color-contrast
    .cover--layout-split-right-image
    .partner-content-course-author__author {
    color: #313537;
  }
}
.organic.light-accent.legacy-color-contrast .cover__categories-item,
.organic.light-accent.legacy-color-contrast .cover__due-date--urgent {
  color: #313537;
}
.organic.light-accent .cover--layout-centered .cover__progress-outer,
.organic.light-accent .cover--layout-left .cover__progress-outer {
  background: rgba(49, 53, 55, 0.2);
}
.organic.light-accent
  .cover--layout-centered
  .cover__progress--light
  .cover__progress-outer,
.organic.light-accent
  .cover--layout-left
  .cover__progress--light
  .cover__progress-outer {
  background: hsla(0, 0%, 100%, 0.4);
}
.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 {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.organic .cover-container--entering .cover__details {
  animation: organic-cover-details-enter 0.5s;
}
.organic .cover-container--exiting .cover__details {
  animation: organic-cover-details-exit 0.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 0.45s;
  animation-fill-mode: forwards;
}
.organic .lesson-nav--restricted {
  cursor: not-allowed;
}
.organic .lesson-nav--full {
  align-items: center;
  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-bottom: 0.3rem;
  pointer-events: auto;
  transition: color 0.3s;
  width: 100%;
  z-index: 1;
}
.organic .lesson-nav--full .lesson-nav-link__link {
  display: flex;
  padding: 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 {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.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-left: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.organic .lesson-nav--floating {
  background: #fff;
  display: flex;
  flex-direction: row-reverse;
  height: 10px;
  padding: 0;
  text-transform: uppercase;
}
.organic .lesson-nav--floating .lesson-nav-link {
  align-items: flex-end;
  color: inherit;
  display: block;
  min-width: 24.8rem;
  opacity: 0;
  position: fixed;
  right: 2vw;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.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: #fff;
  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;
  bottom: 0.1rem;
  content: "";
  left: 0.1rem;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  z-index: 1;
}
.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-right: 1rem;
  z-index: 2;
}
.organic .lesson-nav--floating-full {
  align-items: center;
  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: 0.2rem solid #303030;
  border-radius: 10rem;
  height: 5rem;
  margin: 0 1.6rem;
  pointer-events: auto;
  transition: color 0.3s;
  width: 100%;
  z-index: 1;
}
.organic .lesson-nav--floating-full .lesson-nav-link__link {
  border-radius: 10rem;
  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 {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.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-left: 0;
  margin-right: 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 {
  right: 3vh;
  top: 2vh;
}
.organic .lesson-nav--next.lesson-nav--floating .lesson-nav-link {
  bottom: 2vh;
  right: 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 {
  bottom: calc(100% - 1rem);
  left: 50%;
  max-width: 95%;
  opacity: 0;
  padding-bottom: 1rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 1rem);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  width: max-content;
}
.organic .lesson-nav-link-tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -0.4rem);
}
.organic .lesson-nav-link-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  border-radius: 200px;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.2rem 2.1rem;
  position: relative;
  text-align: center;
}
.organic .lesson-nav-link-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  bottom: -0.6rem;
  content: "";
  height: 1rem;
  left: calc(50% + 0.5rem);
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.organic .lesson-nav-link-tooltip__inner--dark {
  background-color: #f8f8f8;
  color: #313537;
}
.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 {
  background-color: #f0f0f0;
}
.organic .lesson-nav--light.lesson-nav--full .lesson-nav-link__link {
  color: #313537;
}
.organic
  .lesson-nav--light.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: #e3e3e3;
}
.organic
  .lesson-nav--light.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: #c5c5c5;
}
.organic .lesson-nav--dark.lesson-nav--full {
  background-color: #000;
}
.organic .lesson-nav--dark.lesson-nav--full .lesson-nav-link__link {
  color: #fff;
}
.organic .lesson-nav--dark.lesson-nav--full .lesson-nav-link__link:hover {
  background-color: #303030;
}
.organic
  .lesson-nav--dark.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: #707070;
}
.organic .lesson-nav--accent.lesson-nav--full {
  background-color: var(--color-accent);
}
.organic .lesson-nav--accent.lesson-nav--full .lesson-nav-link__link {
  color: #fff;
}
.organic
  .lesson-nav--accent.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.organic
  .lesson-nav--accent.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.organic .lesson-nav--accent-light.lesson-nav--full .lesson-nav-link__link {
  color: #313537;
}
.organic .lesson-nav--tint.lesson-nav--full {
  background-color: var(--color-accent);
}
.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link {
  color: var(--color-accent);
}
.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.organic
  .lesson-nav--tint.lesson-nav--full
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.organic
  .lesson-nav--tint.lesson-nav--full
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link {
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
  color: #313537;
}
.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:hover {
  background-color: #f0f0f0;
}
.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:active {
  background-color: #e3e3e3;
  box-shadow: none;
  color: #000;
  color: initial;
}
.organic .lesson-nav--dark.lesson-nav--floating .lesson-nav-link__link {
  background-color: #303030;
  color: #fff;
}
.organic
  .lesson-nav--dark.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: #454545;
}
.organic
  .lesson-nav--dark.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: #707070;
}
.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link {
  background-color: var(--color-accent);
  box-shadow: 0 0 0 2px var(--color-accent);
  box-sizing: border-box;
  color: var(--color-accent);
  height: 5.6rem;
}
.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.organic
  .lesson-nav--tint.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.organic
  .lesson-nav--tint.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.organic .lesson-nav--accent.lesson-nav--floating .lesson-nav-link__link {
  background-color: var(--color-accent);
  color: #000;
}
.organic
  .lesson-nav--accent.lesson-nav--floating
  .lesson-nav-link__link:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.organic
  .lesson-nav--accent.lesson-nav--floating
  .lesson-nav-link__link:active:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.organic .lesson-nav--accent-dark.lesson-nav--floating .lesson-nav-link__link {
  color: #fff;
}
.organic .lesson-nav--light.lesson-nav--floating-full {
  background-color: #fff;
}
.organic .lesson-nav--light.lesson-nav--floating-full .lesson-nav-link__link {
  color: #313537;
}
.organic
  .lesson-nav--light.lesson-nav--floating-full
  .lesson-nav-link__link:hover {
  background-color: #e3e3e3;
}
.organic
  .lesson-nav--light.lesson-nav--floating-full
  .lesson-nav-link__link:active {
  background-color: #c5c5c5;
}
.organic .lesson-nav--dark.lesson-nav--floating-full {
  background-color: #000;
}
.organic .lesson-nav--dark.lesson-nav--floating-full .lesson-nav-link {
  border-color: #fff;
}
.organic .lesson-nav--dark.lesson-nav--floating-full .lesson-nav-link__link {
  color: #fff;
}
.organic
  .lesson-nav--dark.lesson-nav--floating-full
  .lesson-nav-link__link:hover {
  background-color: #303030;
}
.organic
  .lesson-nav--dark.lesson-nav--floating-full
  .lesson-nav-link__link:active {
  background-color: #707070;
}
.organic .lesson-nav--accent.lesson-nav--floating-full {
  background-color: var(--color-accent);
}
.organic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link {
  border-color: #fff;
}
.organic .lesson-nav--accent.lesson-nav--floating-full .lesson-nav-link__link {
  color: #fff;
}
.organic
  .lesson-nav--accent.lesson-nav--floating-full
  .lesson-nav-link__link:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.organic
  .lesson-nav--accent.lesson-nav--floating-full
  .lesson-nav-link__link:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.organic .lesson-nav--accent-light.lesson-nav--floating-full .lesson-nav-link {
  border-color: #313537;
}
.organic
  .lesson-nav--accent-light.lesson-nav--floating-full
  .lesson-nav-link__link {
  color: #313537;
}
.organic .lesson-nav--tint.lesson-nav--floating-full {
  background-color: var(--color-accent);
}
.organic .lesson-nav--tint.lesson-nav--floating-full:before {
  background-color: hsla(0, 0%, 100%, 0.85);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}
.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link {
  color: var(--color-accent);
}
.organic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:before {
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 10rem;
  margin: 1.9rem;
}
.organic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:hover:before {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.organic
  .lesson-nav--tint.lesson-nav--floating-full
  .lesson-nav-link__link:active:before {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.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-accent);
  filter: brightness(0.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 {
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.organic .lesson--entering .lesson__content {
  animation: organic-lesson-content-enter 0.5s;
}
.organic .lesson--exiting .lesson__content {
  animation: organic-lesson-content-exit 0.6s;
  animation-fill-mode: forwards;
}
.organic .one-page-cover-info {
  max-width: 66rem;
}
.organic .one-page-cover-info--riseCom .partner-content-course-author__author {
  align-items: center;
  margin-bottom: 0;
  margin-right: 3.2rem;
}
.organic
  .one-page-cover-info--riseCom
  .partner-content-course-author__author:last-child {
  margin-right: 0;
}
.organic .one-page-cover-info__title {
  margin: 3rem 0;
}
.organic .one-page-cover-info .one-page-title {
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 4.5rem;
  font-weight: 700;
}
.organic .one-page-cover-info .one-page-title--dark-text {
  color: #313537;
}
@media (min-width: 30em) {
  .organic .one-page-cover-info .one-page-title {
    font-size: 7.2rem;
    line-height: 8.5rem;
  }
}
@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 {
    font-size: 1.6rem;
  }
}
.organic .one-page-lesson-header {
  clip-path: url(#cover-page-clip-path);
  height: 39.4rem;
}
.organic .one-page-lesson-header--white {
  background-color: #f8f8f8;
  border-bottom: none;
}
.organic .one-page-lesson-header-info__authors {
  margin-bottom: 1.2rem;
}
.organic .one-page-lesson-header-info__title {
  margin: 0 0 5.4rem;
}
.organic .one-page-lesson-header-info .one-page-title {
  color: #fff;
  font-family: var(--font-family-head);
  font-size: 3.2rem;
  font-weight: 700;
}
.organic .one-page-lesson-header-info .one-page-title--dark-text {
  color: #313537;
}
@media (min-width: 30em) {
  .organic .one-page-lesson-header-info .one-page-title {
    font-size: 4.5rem;
  }
}
@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 {
  font-weight: 700;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.animation-loading {
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: cubic-bezier(0.5, 0.35, 0.5, 0.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: 0.02rem;
  line-height: 1.2rem;
}
.certificateDownload.certificateDownloadContained {
  border: 0.1rem solid #adaeaf;
  border-radius: 8rem;
  color: #313537;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1rem;
  line-height: 1.4;
  padding: 1rem 3rem 1rem 2.5rem;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.certificateDownload__btn {
  cursor: pointer;
  text-transform: inherit;
}
.certificateDownloadContained .certificateDownload__btn:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.certificateDownload__btn:focus,
.certificateDownload__btn:hover {
  opacity: 0.5;
}
.certificateDownloadContained .certificateDownload__btn:focus,
.certificateDownloadContained .certificateDownload__btn:hover {
  opacity: 1;
}
.certificateDownload__downloadingImg,
.certificateDownload__error,
.certificateDownload__errorImg {
  margin-right: 0.5rem;
}
.certificateDownload__okImg {
  margin-right: 0.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%;
  bottom: 70%;
  box-shadow: 0 0.3rem 1.3rem 0 rgba(0, 0, 0, 0.2);
  height: 2.4rem;
  left: 65%;
  position: absolute;
  width: 2.4rem;
}
.btn-skip-to-lesson {
  background: #313537;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  line-height: 1.1rem;
  overflow-y: hidden;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  z-index: 3;
}
.btn-skip-to-lesson:focus {
  outline: none;
}
.btn-skip-to-lesson__wrap {
  align-items: center;
  display: flex;
  padding: 1.3rem 2rem 1.1rem;
}
.btn-skip-to-lesson__icon {
  flex: 0 0 auto;
  height: 1.6rem;
  transform: rotate(-90deg);
}
.browser-support {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 999;
}
.browser-support__inner {
  background-color: #282828;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  padding: 2.5rem;
  position: relative;
  text-align: left;
}
@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: 0.75rem;
  margin-left: 0.3rem;
}
.browser-support__dismiss {
  background-color: #fafafa;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 3.4rem;
  line-height: 3.4rem;
  margin-top: -1.7rem;
  padding: 0;
  position: absolute;
  right: 3rem;
  text-align: center;
  top: 50%;
  width: 3.4rem;
}
.browser-support__dismiss-icon {
  display: inline-block;
  font-size: 3rem;
  line-height: normal !important;
  margin-top: -0.25rem;
}
.fail-password {
  animation: shake 0.4s ease-in-out 0ms;
}
.share-password-dialog {
  background: #fff;
  border-radius: 0.3rem;
  border-top: 0.4rem solid #50abf1;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  font-size: 1.7rem;
  margin: 10rem auto;
  max-width: 48rem;
  padding: 4rem;
  transition: transform 0.18s ease-in-out;
}
.share-password-dialog .heading {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.share-password-dialog .instructions {
  color: #959fa5;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.share-password-dialog .label {
  color: #959fa5;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.share-password-dialog .input {
  background-color: #fff;
  background-image: none;
  border: 0;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  display: block;
  font-size: 1.7rem;
  outline: none;
  padding: 1rem 1rem 1rem 0;
  text-align: left;
  width: 100%;
}
.share-password-dialog .dialog__toolbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 3rem;
}
.share-password-dialog .button {
  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;
  margin: 0 10px;
  min-width: 180px;
  padding: 0 3.5rem;
  text-decoration: none;
  transition: box-shadow 90ms ease-in-out, transform 90ms ease-in-out;
}
.overview-list__section-title {
  border-bottom: 0.1rem solid rgba(49, 53, 55, 0.1);
  color: #313537;
  font-family: lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding: 0.5rem 0;
  text-transform: uppercase;
}
.overview--modern .overview-list__section-title {
  border-bottom: none;
  margin-bottom: 1.2rem;
  margin-top: 3rem;
}
.overview-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.overview-list-item {
  margin: 0;
  padding: 0;
}
.overview-list-item--restricted {
  cursor: not-allowed;
}
.overview-list-item__link {
  display: flex;
  position: relative;
  text-decoration: none;
  transition: background-color 0.3s;
}
.overview-list-item__link:active,
.overview-list-item__link:hover {
  background-color: #f3f3f3;
  transition-duration: 0.1s;
}
.overview-list-item--restricted .overview-list-item__link {
  cursor: inherit;
}
.overview--modern .overview-list-item__link {
  margin: 0 -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition: background 0.3s;
}
.overview--modern .overview-list-item__link:hover {
  background: #f7f7f7;
  border-radius: 0.4rem;
  transition-duration: 0.1s;
}
.overview-list-item__title {
  color: #313537;
  display: block;
  font-family: lato, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6rem;
  padding: 2rem 6.3rem 2rem 4rem;
  text-decoration: none;
  width: 100%;
}
.overview-list-item--restricted .overview-list-item__title {
  color: rgba(49, 53, 55, 0.5);
}
.overview--modern .overview-list-item__title {
  font-weight: 500;
  padding-left: 3.5rem;
}
.overview-list-item__icon {
  align-items: center;
  color: #717376;
  display: flex;
  justify-content: center;
  left: 0.8rem;
  pointer-events: none;
  position: absolute;
  top: 2.2rem;
  width: 1.6rem;
}
.overview-list-item__icon > svg {
  width: 1.6rem;
}
.overview-list-item__link:active .overview-list-item__icon,
.overview-list-item__link:hover .overview-list-item__icon {
  color: #313537;
}
.svgPath {
  height: 0;
  position: absolute;
  width: 0;
}
.overview__wrap {
  display: flex;
}
.overview__image {
  background-size: cover;
  position: relative;
}
.cover {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}
@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;
}
.courseExit {
  background: none;
  border: none;
  color: #959fa5;
  cursor: pointer;
  font-family: lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  z-index: 1000;
}
.courseExit--standard {
  right: 2rem;
  top: 1.5rem;
}
@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;
    letter-spacing: 0.02rem;
    padding-left: 1.8rem;
    right: 1.8rem;
    top: 0;
  }
}
.courseExit--overview {
  color: #fff;
  opacity: 1;
  right: 3rem;
  top: 2rem;
  transition: opacity 0.3s;
}
@media (max-width: 47.9375em) {
  .courseExit--overview {
    font-size: 1.1rem;
    letter-spacing: 0.02rem;
    right: 2rem;
  }
}
.overview--will-enter .courseExit--overview,
.overview--will-exit .courseExit--overview {
  opacity: 0;
}
.course-navigation-feature .courseExit__wrapper {
  position: absolute;
  right: 0;
  top: 0;
  transition: margin 0.3s;
  z-index: 3;
}
.course-navigation-feature .courseExit__button {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 4px;
  color: #313537;
  display: flex;
  justify-content: center;
  margin: 0.8rem 2rem;
  width: 12rem;
}
.blocks-lesson {
  background: #fff;
  padding-bottom: 2rem;
}
@media (min-width: 48em) {
  .blocks-lesson {
    padding-bottom: 9.5rem;
  }
}
.blocks-lesson--one-page {
  padding-bottom: 0;
}
.blocks-lesson-restart-button {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  font-weight: 600;
  gap: 0.8rem;
  height: 8rem;
  justify-content: center;
  line-height: 1.6rem;
  position: relative;
  width: 100%;
}
.blocks-lesson-restart-button__icon {
  height: 1.4rem;
  width: 1.4rem;
}
.light-accent .blocks-lesson-restart-button {
  color: #000;
}
.block-text {
  font-size: 1.7rem;
  padding: 3rem 0;
  transition: padding 0.5s;
}
@media print {
  .block-text {
    font-size: 1.3rem;
  }
}
.block-text input {
  word-wrap: break-word;
  background: none;
  border: 0;
  outline: none;
  text-overflow: ellipsis;
}
.block-text p {
  font-family: merriweather, serif;
  font-weight: 400;
  line-height: 1.9411764706;
  margin-bottom: 3.4rem;
}
.block-text p:last-child {
  margin-bottom: 0;
}
.block-text table + * {
  margin-top: 3.4rem;
}
.block-text h2 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.8rem 0;
}
@media (min-width: 45em) {
  .block-text h2 {
    font-size: 3.2rem;
  }
}
@media print {
  .block-text h2 {
    font-size: 2.2rem;
  }
}
.block-text h2 p {
  font-weight: 700;
  line-height: 1.25;
}
.block-text h2 input {
  font: inherit;
}
.block-text h3 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.8rem 0;
}
@media (min-width: 45em) {
  .block-text h3 {
    font-size: 2.4rem;
  }
}
@media print {
  .block-text h3 {
    font-size: 1.8rem;
  }
}
.block-text h3 p {
  font-weight: 700;
  line-height: 1.25;
}
.block-text h3 input {
  font: inherit;
}
.block-text--heading h2,
.block-text--heading h3 {
  margin: 0 0 -1px;
  padding: 0.8rem 0;
}
@media (min-width: 52.5em) {
  .block-text--heading .block-text__col,
  .block-text--onecol .block-text__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-text--heading .block-text__col:first-child,
  .block-text--onecol .block-text__col:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .block-text--heading .block-text__col,
  .lesson--open .block-text--onecol .block-text__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .block-text--heading .block-text__col:first-child,
  .lesson--open .block-text--onecol .block-text__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .block-text--heading .block-text__col,
  .lesson--open .block-text--onecol .block-text__col {
    width: 100%;
  }
  .lesson--open .block-text--heading .block-text__col:first-child,
  .lesson--open .block-text--onecol .block-text__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .block-text--heading .block-text__col,
  .lesson--open .block-text--onecol .block-text__col {
    width: 83.3333333333%;
  }
  .lesson--open .block-text--heading .block-text__col:first-child,
  .lesson--open .block-text--onecol .block-text__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media print {
  .block-text--twocol .block-text__row {
    display: flex;
    margin: 0;
  }
}
@media (min-width: 52.5em) {
  .block-text--twocol .block-text__col {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 8.3333333333%;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
}
@media print and (min-width: 52.5em) {
  .block-text--twocol .block-text__col {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 60em) {
  .block-text--twocol .block-text__col {
    margin-left: 0;
    width: 41.6666666667%;
  }
  .block-text--twocol .block-text__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 52.5em) {
  .lesson--open .block-text--twocol .block-text__col {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 8.3333333333%;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 41.6666666667%;
  }
  .lesson--open .block-text--twocol .block-text__col:last-child {
    margin-left: 0;
  }
}
@media (min-width: 60em) {
  .lesson--open .block-text--twocol .block-text__col {
    margin-left: 0;
    width: 50%;
  }
  .lesson--open .block-text--twocol .block-text__col:first-child {
    margin-left: 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-left: 8.3333333333%;
  }
}
.block-text__figure {
  position: relative;
}
.block-text__code {
  background: #fafafa;
  border: 0.1rem solid #eee;
  border-radius: 0.3rem;
  color: #313537;
  font-family: Courier New, Courier, monospace;
  font-size: 1.5rem;
  overflow: auto;
  padding: 3rem;
}
@media print {
  .block-text__code {
    font-size: 1.3rem;
  }
}
.block-text__code-caption {
  border-bottom: 0.1rem solid #eaeaeb;
  margin: 0;
  padding: 1.2rem 0 0;
}
.block-text__code-caption,
.block-text__code-caption p {
  font-family: merriweather, serif;
  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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-text--code .block-text__col:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .block-text--code .block-text__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .block-text--code .block-text__col:first-child {
    margin-left: 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-left: 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-left: 8.3333333333%;
  }
}
.block-text__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92%;
  overflow: hidden;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-text__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-text__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-text__row {
  word-break: normal;
}
@media (min-width: 52.5em) {
  .block-text__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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-bottom: 3rem;
  }
}
@media print and (max-width: 59.9375em) {
  .block-text--twocol .block-text__col:first-child {
    margin-right: 2rem;
  }
}
.block-wrapper {
  --background-color: #fff;
  --background-color-accent: var(--color-accent);
  --background-color-accent-transparent: var(--color-accent-transparent);
  background-color: var(--background-color);
  background-position: 50% 50%;
  background-size: cover;
  transition: background-color 0.1s linear, padding 0.5s linear;
}
.bg {
  transition: color 0.1s linear;
}
.bg--legacy {
  background-color: #fff;
}
.bg--type-image {
  --background-color: #000;
  background-color: none;
}
@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(0.9, 0.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;
}
.block-impact {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  line-height: 2;
  padding: 3rem 0;
  transition: padding 0.5s;
}
@media print {
  .block-impact {
    font-size: 1.3rem;
  }
}
.block-impact p {
  word-wrap: normal;
  word-wrap: break-word;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: 3.4rem;
  word-break: keep-all;
}
.block-impact p:last-child {
  margin-bottom: 0;
}
.block-impact__note-background,
.block-impact__note-icon {
  display: none;
}
.block-impact--a .block-impact__quote {
  border-bottom: 0.1rem solid #eaeaeb;
  border-top: 0.1rem solid #eaeaeb;
  font-weight: 700;
  padding: 3.5rem 16.6666666667%;
  position: relative;
  text-align: center;
  width: 100%;
}
.block-impact--a .block-impact__quote p {
  box-sizing: border-box;
}
.block-impact--a .block-impact__quote b {
  font-weight: inherit;
}
@media print {
  .block-impact--a .block-impact__quote {
    width: inherit;
  }
}
.block-impact--a.bg--type-accent .block-impact__quote,
.block-impact--a.bg--type-color .block-impact__quote,
.block-impact--a.bg--type-image .block-impact__quote,
.block-impact--a.bg--type-tint .block-impact__quote {
  border-color: #fff;
}
.block-impact--a.bg--type-accent.bg--type-image .block-impact__quote,
.block-impact--a.bg--type-color.bg--type-image .block-impact__quote,
.block-impact--a.bg--type-image.bg--type-image .block-impact__quote,
.block-impact--a.bg--type-tint.bg--type-image .block-impact__quote {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.block-impact--a.bg--type-accent.bg--range-light .block-impact__quote,
.block-impact--a.bg--type-color.bg--range-light .block-impact__quote,
.block-impact--a.bg--type-image.bg--range-light .block-impact__quote,
.block-impact--a.bg--type-tint.bg--range-light .block-impact__quote {
  border-color: rgba(0, 0, 0, 0.5);
}
.block-impact--a.bg--type-accent.bg--range-med .block-impact__quote,
.block-impact--a.bg--type-color.bg--range-med .block-impact__quote,
.block-impact--a.bg--type-image.bg--range-med .block-impact__quote,
.block-impact--a.bg--type-tint.bg--range-med .block-impact__quote {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.block-impact--b .block-impact__quote {
  font-family: lato, sans-serif;
  font-size: 2.4rem;
  font-weight: 200;
  line-height: 1.5;
  padding-top: 3rem;
  position: relative;
  text-align: center;
}
@media (min-width: 45em) {
  .block-impact--b .block-impact__quote {
    font-size: 3.2rem;
  }
}
@media print {
  .block-impact--b .block-impact__quote {
    font-size: 2rem;
  }
}
.block-impact--b .block-impact__quote:before {
  background: #313537;
  content: "";
  height: 0.4rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 7.6rem;
}
@media print {
  .block-impact--b .block-impact__quote:before {
    height: 0.2rem;
  }
}
.block-impact--b .block-impact__quote p {
  box-sizing: border-box;
}
.block-impact--c .block-impact__wrap {
  padding: 2rem 0 3rem;
}
.block-impact--c .block-impact__quote {
  font-family: lato, sans-serif;
  font-size: 2.8rem;
  font-weight: 200;
  line-height: 1.666;
  margin: 0;
  position: relative;
}
@media (min-width: 45em) {
  .block-impact--c .block-impact__quote {
    font-size: 4.5rem;
  }
}
@media print {
  .block-impact--c .block-impact__quote {
    font-size: 2.2rem;
  }
}
.block-impact--c .block-impact__quote p {
  box-sizing: border-box;
}
.block-impact--d .block-impact__wrap {
  padding: 2rem 0;
}
.block-impact--d .block-impact__quote {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.666;
  padding: 2.25rem 0 0;
  position: relative;
}
@media print {
  .block-impact--d .block-impact__quote {
    font-size: 2rem;
  }
}
.block-impact--d .block-impact__quote:before {
  background: #313537;
  content: "";
  height: 0.4rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.6rem;
}
.block-impact--d .block-impact__quote p {
  box-sizing: border-box;
}
.block-impact--d .block-impact__quote b {
  font-weight: inherit;
}
.block-impact--note,
.block-impact--note .block-impact__col {
  position: relative;
}
@media (min-width: 52.5em) {
  .block-impact--note .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-impact--note .block-impact__col:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .block-impact--note .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .block-impact--note .block-impact__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .block-impact--note .block-impact__col {
    width: 100%;
  }
  .lesson--open .block-impact--note .block-impact__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .block-impact--note .block-impact__col {
    width: 83.3333333333%;
  }
  .lesson--open .block-impact--note .block-impact__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.block-impact--note .block-impact__quote {
  font-family: var(--font-family-head);
  font-size: 1.5rem;
  line-height: 1.666;
  padding: 2.5rem 3rem 2.5rem 10%;
  position: relative;
  z-index: 1;
}
@media print {
  .block-impact--note .block-impact__quote {
    font-size: 1.3rem;
  }
}
@media (max-width: 29.9375em) {
  .block-impact--note .block-impact__quote {
    padding-left: 5rem;
  }
}
.block-impact--note .block-impact__quote p {
  margin: 0 0 2rem;
}
.block-impact--note .block-impact__quote p:last-child {
  margin-bottom: 0;
}
.block-impact--note .block-impact__note-background {
  bottom: 0;
  display: block;
  left: 1.5rem;
  opacity: 0.1;
  position: absolute;
  right: 1.5rem;
  top: 0;
  z-index: 0;
}
@media (max-width: 52.4375em) {
  .block-impact--note .block-impact__note-background {
    left: 0;
    right: 0;
  }
}
.block-impact--note .block-impact__note-icon {
  color: var(--color-accent);
  display: block;
  font-size: 2rem;
  left: 5.7%;
  position: absolute;
  top: 2rem;
}
.block-impact--note .block-impact__note-icon i {
  font-style: normal;
}
.block-impact__note-card {
  background-color: var(--background-color);
  border-radius: 0.3rem;
}
.block-impact__note-card--legacy {
  background-color: var(--color-accent-transparent);
}
.block-impact.bg--type-black.bg--range-light .block-impact__note-card,
.block-impact.bg--type-black.bg--range-med .block-impact__note-card,
.block-impact.bg--type-dark.bg--range-light .block-impact__note-card,
.block-impact.bg--type-dark.bg--range-med .block-impact__note-card,
.block-impact.bg--type-gray.bg--range-light .block-impact__note-card,
.block-impact.bg--type-gray.bg--range-med .block-impact__note-card,
.block-impact.bg--type-light.bg--range-light .block-impact__note-card,
.block-impact.bg--type-light.bg--range-med .block-impact__note-card,
.block-impact__note-card--legacy {
  border: 0.1rem solid var(--color-accent);
  box-shadow: none;
}
.block-impact.bg--range-light .block-impact__note-card {
  box-shadow: 0 0.4rem 3rem rgba(0, 0, 0, 0.102);
}
.block-impact.bg--type-image .block-impact__note-card {
  border: 0.1rem solid hsla(0, 0%, 100%, 0.502);
}
.block-impact__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-impact__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-impact__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 52.5em) {
  .block-impact__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .block-impact__row:after,
  .block-impact__row:before {
    content: " ";
    display: table;
  }
  .block-impact__row:after {
    clear: both;
  }
  .block-impact--a .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 83.3333333333%;
  }
  .block-impact--a .block-impact__col:first-child {
    margin-left: 8.3333333333%;
  }
  .block-impact--b .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 83.3333333333%;
  }
  .block-impact--b .block-impact__col:first-child {
    margin-left: 8.3333333333%;
  }
  .block-impact--c .block-impact__col,
  .block-impact--d .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }
  .block-impact--c .block-impact__col:first-child,
  .block-impact--d .block-impact__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .block-impact--a .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 66.6666666667%;
  }
  .block-impact--a .block-impact__col:first-child {
    margin-left: 16.6666666667%;
  }
}
@media (min-width: 80em) {
  .block-impact--a .block-impact__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 50%;
  }
  .block-impact--a .block-impact__col:first-child {
    margin-left: 25%;
  }
}
.block-quote {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-quote p {
  font-family: merriweather, serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 2.38rem;
  text-align: center;
}
.block-quote p:last-child {
  margin: 0;
}
@media print {
  .block-quote p {
    font-size: 1.3rem;
  }
}
.block-quote__avatar {
  background-position: 50%;
  background-size: cover;
}
.block-quote--a .block-quote__figure {
  border-bottom: 0.1rem solid #d6d7d7;
  border-top: 0.1rem solid #d6d7d7;
  padding: 4rem 8.3333333333%;
}
.block-quote--a.bg--type-accent .block-quote__figure,
.block-quote--a.bg--type-color .block-quote__figure,
.block-quote--a.bg--type-image .block-quote__figure,
.block-quote--a.bg--type-tint .block-quote__figure {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.block-quote--a.bg--type-accent.bg--range-light .block-quote__figure,
.block-quote--a.bg--type-color.bg--range-light .block-quote__figure,
.block-quote--a.bg--type-image.bg--range-light .block-quote__figure,
.block-quote--a.bg--type-tint.bg--range-light .block-quote__figure {
  border-color: rgba(0, 0, 0, 0.3);
}
.block-quote--a .block-quote__avatar {
  border: 0.2rem solid #fff;
  border-radius: 50%;
  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.12);
  height: 7rem;
  margin: 0 auto 3rem;
  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 .block-quote__text p:first-child:before {
  content: "“";
  display: inline;
}
.block-quote--a .block-quote__text p:last-child:after {
  content: "”";
  display: inline;
}
.block-quote--a .block-quote__text--blank p:first-child:before,
.block-quote--a .block-quote__text--blank p:last-child:after {
  display: none;
}
.block-quote--a .block-quote__caption {
  margin-top: 2rem;
  text-align: center;
}
@media print {
  .block-quote--a .block-quote__caption p {
    font-size: 1.2rem;
  }
}
.block-quote--a .block-quote__caption p:first-child:before {
  content: "- ";
}
.block-quote--a .block-quote__caption--blank p:first-child:before {
  display: none;
}
.block-quote--b .block-quote__figure {
  padding: 4.2rem 0;
  position: relative;
}
@media print {
  .block-quote--b .block-quote__figure {
    padding: 0;
  }
}
.block-quote--b .block-quote__avatar {
  border-radius: 50%;
  height: 6rem;
  margin: 0 auto 2.1rem;
  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,
.block-quote--b .block-quote__text p {
  font-family: lato, sans-serif;
  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--legacy .block-quote__text {
  color: unset;
}
.block-quote--b.block-quote--legacy .block-quote__text p {
  color: rgba(49, 53, 55, 0.8);
}
.block-quote--b .block-quote__caption {
  --auto-contrast-fallback: #313537, #000, #fff;
  color: #757575;
  font-family: merriweather, serif;
  font-weight: 300;
  margin-top: 2rem;
  text-align: center;
}
@media print {
  .block-quote--b .block-quote__caption p {
    font-size: 1.2rem;
  }
}
.block-quote--b.bg--type-image .block-quote__caption {
  color: #b1b1b1;
}
.block-quote--b.block-quote--legacy .block-quote__caption {
  color: inherit;
}
.block-quote--c p {
  text-align: left;
}
.block-quote--c .block-quote__figure {
  zoom: 1;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 6rem 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 width='77.611' height='99' viewBox='0 0 20.534 26.194' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%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;
  left: 20%;
  opacity: 0.027;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 13.9rem;
}
.block-quote--c.bg--range-med .block-quote__figure:before {
  opacity: 0.08;
}
.block-quote--c.bg--range-dark .block-quote__figure:before {
  opacity: 0.12;
}
.block-quote--c.bg--range-near-black .block-quote__figure:before {
  filter: invert(1);
  opacity: 0.1;
}
.block-quote--c.bg--type-image .block-quote__figure:before {
  filter: invert(1);
  opacity: 0.22;
}
.block-quote--c .block-quote__col--no-avatar .block-quote__figure {
  margin-left: 0;
  margin-right: 0;
}
.block-quote--c .block-quote__col--no-avatar .block-quote__figure:before {
  left: -7%;
}
.block-quote--c .block-quote__image {
  box-sizing: border-box;
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 30%;
}
.block-quote--c .block-quote__content {
  padding: 0 1.5rem;
}
@media (min-width: 22.5em) {
  .block-quote--c .block-quote__content {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 70%;
  }
}
@media (min-width: 45em) {
  .block-quote--c .block-quote__content {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 60%;
  }
}
@media (min-width: 60em) {
  .block-quote--c .block-quote__content {
    width: 40%;
  }
  .block-quote--c .block-quote__content,
  .lesson--open .block-quote--c .block-quote__content {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lesson--open .block-quote--c .block-quote__content {
    width: 60%;
  }
}
@media (min-width: 75em) {
  .lesson--open .block-quote--c .block-quote__content {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 40%;
  }
}
.block-quote--c .block-quote__avatar-wrap {
  max-width: 100%;
  position: relative;
  width: 18.6rem;
  z-index: 1;
}
.block-quote--c .block-quote__avatar {
  height: 0;
  padding-bottom: 100%;
  width: 100%;
}
.block-quote--c .block-quote__text {
  position: relative;
  z-index: 1;
}
.block-quote--c .block-quote__text p {
  font-family: merriweather, serif;
  font-size: 1.4rem;
  line-height: 2;
}
@media print {
  .block-quote--c .block-quote__text p {
    font-size: 1.3rem;
  }
}
.block-quote--c .block-quote__text p:first-child:before {
  content: "“";
  display: inline;
}
.block-quote--c .block-quote__text p:last-child:after {
  content: "”";
  display: inline;
}
.block-quote--c .block-quote__text--blank p:first-child:before,
.block-quote--c .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;
}
.block-quote--c .block-quote__caption {
  margin-top: 2rem;
  padding-left: 1em;
}
@media print {
  .block-quote--c .block-quote__caption p {
    font-size: 1.2rem;
  }
}
.block-quote--c .block-quote__caption p:first-child:before {
  content: "- ";
  margin-left: -1em;
}
@media (min-width: 45em) {
  .block-quote--c .block-quote__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-quote--c .block-quote__col:first-child {
    margin-left: 8.3333333333%;
  }
  .block-quote--c .block-quote__col--no-avatar:first-child {
    margin-left: 16.6666666667%;
    margin-right: 16.6666666667%;
    width: 66.6666666667%;
  }
}
.block-quote--d.block-quote--legacy {
  background: #f5f5f5;
}
.block-quote--d p {
  text-align: left;
}
@media print {
  .block-quote--d .block-quote__row {
    display: flex;
  }
  .block-quote--d .block-quote__col:first-child {
    margin-right: 2rem;
  }
}
@media (min-width: 45em) {
  .block-quote--d .block-quote__figure {
    padding: 2rem 0;
  }
}
@media (min-width: 60em) {
  .block-quote--d .block-quote__figure {
    padding: 5rem 0;
  }
}
.block-quote--d .block-quote__avatar {
  border-radius: 50%;
  bottom: 0;
  height: 8rem;
  left: 0;
  margin: 0 0 2rem;
  top: 0;
  width: 8rem;
}
.block-quote--d .block-quote__text p {
  font-family: lato, sans-serif;
  font-size: 1.7rem;
  line-height: 1.75;
}
@media print {
  .block-quote--d .block-quote__text p {
    font-size: 1.3rem;
  }
}
.block-quote--d .block-quote__text p:first-child:before {
  content: "“";
  display: inline;
  position: absolute;
  transform: translateX(-110%);
}
.block-quote--d .block-quote__text p:last-child:after {
  content: "”";
  display: inline;
}
.block-quote--d .block-quote__text--blank p:first-child:before,
.block-quote--d .block-quote__text--blank p:last-child:after {
  display: none;
}
.block-quote--d .block-quote__caption {
  color: #5a5d5f;
  margin-top: 1rem;
}
@media print {
  .block-quote--d .block-quote__caption p {
    font-size: 1.2rem;
  }
}
.block-quote--d.block-quote--legacy {
  color: rgba(49, 53, 55, 0.8);
}
.block-quote--background {
  color: #fff;
}
.block-quote--background p {
  color: #fff;
  font-family: merriweather, serif;
  text-align: left;
}
.block-quote--background .block-quote__background {
  background-blend-mode: multiply;
  background-color: hsla(215, 8%, 43%, 0.6);
  background-position: 50%;
  background-size: cover;
  padding: 3rem 0;
}
@media (min-width: 45em) {
  .block-quote--background .block-quote__background {
    padding: 1rem 0;
  }
}
@media (min-width: 60em) {
  .block-quote--background .block-quote__background {
    padding: 5rem 0;
  }
}
.block-quote--background .block-quote__figure {
  margin-left: 4rem;
  padding-bottom: 1rem;
  position: relative;
}
@media (min-width: 45em) {
  .block-quote--background .block-quote__figure {
    margin-left: 0;
  }
}
.block-quote--background .block-quote__avatar {
  border-radius: 50%;
  bottom: 0;
  height: 6rem;
  left: 0;
  margin: 0 0 2.5rem;
  top: 0;
  width: 6rem;
}
@media print {
  .block-quote--background .block-quote__avatar {
    height: 4rem;
    width: 4rem;
  }
}
.block-quote--background .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;
  left: -4rem;
  position: absolute;
  width: 20px;
}
@media (min-width: 45em) {
  .block-quote--background .block-quote__text:before {
    left: -6rem;
  }
}
.block-quote--background .block-quote__text p {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.4;
}
@media print {
  .block-quote--background .block-quote__text p {
    font-size: 2rem;
  }
}
.block-quote--background .block-quote__caption {
  margin-top: 2rem;
}
.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--carousel {
  position: relative;
}
.block-quote--carousel .block-quote__wrap {
  padding-bottom: 5rem;
  position: relative;
}
.block-quote--carousel .block-quote__slide {
  float: left;
}
.block-quote--carousel .block-quote__wrapper {
  position: relative;
}
.block-quote--carousel .slick-track {
  align-items: center;
  display: flex;
}
.block-quote--carousel .block-quote__box {
  position: relative;
}
.block-quote--carousel.block-quote--legacy .block-quote__box {
  background: #fff;
}
.block-quote--carousel.block-quote--show-border .block-quote__box {
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
}
.block-quote--carousel .block-quote__dots-list {
  bottom: -6rem;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}
.block-quote--carousel .block-quote__dots-list > li {
  background: #313537;
  border-radius: 2rem;
  box-shadow: 0 0 0 0 #313537;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 1.2rem;
  margin: 2rem 1rem;
  transition: background 0.2s, box-shadow 0.25s, width 0.3s, height 0.3s;
  width: 1.2rem;
}
.block-quote--carousel .block-quote__dots-list > li:not(.slick-active) {
  box-shadow: 0 0 0 0 #313537 !important;
}
.block-quote--carousel .block-quote__dots-list > li.slick-active {
  background: transparent !important;
  box-shadow: 0 0 0 0.2rem #313537;
  height: 1.2rem;
  width: 1.2rem;
}
.block-quote--carousel .block-quote__dots-list > li > button {
  border: none;
  cursor: pointer;
  font-size: 0;
  height: 1.2rem;
  opacity: 0;
  width: 1.2rem;
}
.block-quote--carousel .block-quote__arrow {
  bottom: 0;
  cursor: pointer;
  display: none;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  text-indent: -999rem;
  top: 0;
  width: 12.5%;
}
@media (min-width: 45em) {
  .block-quote--carousel .block-quote__arrow {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.block-quote--carousel .block-quote__arrow--next {
  right: -10%;
}
.block-quote--carousel .block-quote__arrow--prev {
  left: -10%;
}
.block-quote--carousel .block-quote__arrow-icon {
  border-color: #707070;
  border-style: solid solid none none;
  border-width: 0.3rem;
  height: 3rem;
  position: relative;
  width: 3rem;
}
.block-quote--carousel .block-quote__arrow--next .block-quote__arrow-icon {
  left: 0.5rem;
  transform: rotate(45deg);
}
.block-quote--carousel .block-quote__arrow--prev .block-quote__arrow-icon {
  right: 0.5rem;
  transform: rotate(-135deg);
}
.block-quote--carousel .block-quote__figure {
  padding: 4rem 8.3333333333%;
}
.block-quote--carousel .block-quote__avatar {
  border: 0.2rem solid #fff;
  border-radius: 50%;
  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.12);
  height: 7rem;
  margin: 0 auto 3rem;
  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 .block-quote__text p:first-child:before {
  content: "“";
}
.block-quote--carousel .block-quote__text p:last-child:after {
  content: "”";
  display: inline-block;
}
.block-quote--carousel .block-quote__text--blank p:first-child:before,
.block-quote--carousel .block-quote__text--blank p:last-child:after {
  display: none;
}
.block-quote--carousel .block-quote__caption {
  --auto-contrast-fallback: #313537, #000, #fff;
  color: #757575;
  margin-top: 2rem;
  text-align: center;
}
@media print {
  .block-quote--carousel .block-quote__caption p {
    font-size: 1.2rem;
  }
}
.block-quote--carousel .block-quote__caption p:first-child:before {
  content: "- ";
}
.block-quote--carousel .block-quote__caption--blank p:first-child:before {
  display: none;
}
.block-quote--carousel .block-card--bg-image .block-quote__caption {
  color: #b1b1b1;
}
.block-quote--carousel.block-quote--legacy .block-quote__caption {
  color: inherit;
}
.block-quote--carousel.block-quote--editable .slick-slider {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.block-quote__slider-container {
  margin: auto;
}
.block-quote__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-quote__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-quote__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 45em) {
  .block-quote__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .block-quote__row:after,
  .block-quote__row:before {
    content: " ";
    display: table;
  }
  .block-quote__row:after {
    clear: both;
  }
  .block-quote--a .block-quote__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }
  .block-quote--d .block-quote__row {
    display: flex;
    position: relative;
  }
  .block-quote--d .block-quote__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 66.6666666667%;
  }
  .block-quote--d .block-quote__col:first-child {
    align-self: center;
    margin-left: 0;
    width: 16.6666666667%;
  }
  .block-quote--background .block-quote__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 58.3333333333%;
  }
  .block-quote--background .block-quote__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 45em) and (min-width: 1500px) {
  .block-quote--background .block-quote__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 45em) {
  .block-quote--carousel .block-quote__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-quote--carousel .block-quote__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.block-card {
  background-color: var(--background-color);
  color: #313537;
  transition: background-color 0.1s linear;
}
.block-card--disabled {
  background-color: transparent;
}
.block-card--legacy {
  background: #fff;
}
.block-card--bg-image {
  background: rgba(0, 0, 0, 0.7);
}
.block-card.bg--range-light {
  box-shadow: 0 0.2rem 3rem rgba(0, 0, 0, 0.1);
}
.block-list {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-list__item {
  margin-bottom: 3rem;
  position: relative;
}
.block-list__item:last-child {
  margin-bottom: 0;
}
.block-list__animated-item {
  margin-bottom: 3rem;
}
.block-list__animated-item:last-child {
  margin-bottom: 0;
}
.block-list__content {
  padding-left: 5.5rem;
  width: 100%;
}
.block-list__content.hidden {
  overflow: hidden;
  visibility: hidden;
  white-space: nowrap;
}
.block-list__content__left {
  left: 0;
  position: absolute;
  top: 0;
  width: 4rem;
}
.block-list__content p {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 3.4rem;
}
.block-list__content p:last-child {
  margin-bottom: 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: 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;
}
@media (min-width: 37.5em) {
  .block-list__content {
    padding-left: 12.5%;
  }
}
.block-list__number {
  background-color: var(--background-color);
  border-radius: 50%;
  font-size: 1.8rem;
  height: 4rem;
  line-height: 2rem;
  width: 4rem;
}
.block-list__checkbox,
.block-list__number {
  --background-color: var(--color-accent);
  --background-image: none;
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.block-list__checkbox {
  border-color: var(--color-accent);
  border-radius: 0.3rem;
  border-style: solid;
  border-width: 0.2rem;
  height: 2.5rem;
  pointer-events: none;
  width: 2.5rem;
}
.block-list__checkbox--checked {
  background-color: var(--background-color);
}
.block-list__checkbox--checked .block-list__checkbox__icon {
  opacity: 1 !important;
}
.block-list__checkbox__icon {
  color: #313537;
  display: inline-block;
  font-size: 1rem;
  opacity: 0;
}
.block-list--legacy .block-list__checkbox__icon {
  color: #fff;
}
.block-list__checkbox__hitarea {
  bottom: 0;
  cursor: pointer;
  left: 0;
  pointer-events: all;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.block-list__bullet {
  border-radius: 50%;
  height: 0.7rem;
  left: 1.7rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7rem;
}
.block-list__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-list__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-list__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 52.5em) {
  .block-list__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .block-list__row:after,
  .block-list__row:before {
    content: " ";
    display: table;
  }
  .block-list__row:after {
    clear: both;
  }
}
.block-list--numbered .block-list__row {
  padding-top: 0.5rem;
}
@media (min-width: 52.5em) {
  .block-list__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-list__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .block-list__col {
    width: 83.3333333333%;
  }
  .block-list__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.block-image {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-image__caption,
.block-image__paragraph,
.block-image__text {
  word-wrap: break-word;
}
.block-image__text p {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 1.7rem;
}
.block-image__text p:last-child {
  margin-bottom: 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--hero .block-image__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  margin: 0.75rem 8.3333333333% 0;
  padding: 1.3rem 0;
}
.block-image--hero .block-image__caption p {
  font-size: inherit;
  margin: 0;
}
.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__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  margin: 0.75rem 0 0;
  padding: 1.3rem 0;
}
.block-image--full .block-image__caption p {
  font-size: inherit;
}
.block-image--text-aside .block-image__figure {
  margin-bottom: 3rem;
}
.block-image--text-aside .block-image__image {
  background: transparent;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .block-image--text-aside .block-image__image {
    margin-bottom: 0;
  }
}
@media (max-width: 47.9375em) {
  .block-image--text-aside.block-image--reverse .block-image__text {
    margin-bottom: 3rem;
  }
  .block-image--text-aside.block-image--reverse .block-image__figure {
    margin-bottom: 0;
  }
}
@media (min-width: 48em) {
  .block-image--text-aside.block-image--large .block-image__figure {
    padding-right: 3rem;
  }
  .block-image--text-aside.block-image--large.block-image--reverse
    .block-image__figure {
    padding-left: 3rem;
    padding-right: 0;
  }
  .block-image--text-aside .block-image__text {
    padding-left: 3rem;
  }
  .block-image--text-aside.block-image--reverse .block-image__text {
    padding-left: 0;
    padding-right: 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-left: 0;
    padding-right: 0;
  }
}
.block-image--overlay {
  color: #fff;
}
.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;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.block-image--overlay .block-image__image > img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
}
.block-image--overlay .block-image__overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block-image--overlay .block-image__caption,
.block-image--text-aside .block-image__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  line-height: 2;
  margin: 0 8.3333333333%;
  padding: 1.5rem 0 1rem;
}
.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: 9rem 0;
  padding-top: 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-family: lato, sans-serif;
  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: 0.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.6rem;
}
@media print {
  .block-image--overlay .block-image__paragraph:before {
    height: 0.2rem;
  }
}
.block-image__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-image__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-image__container {
    padding-left: 6rem;
    padding-right: 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: content-box;
  }
}
@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-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }
  .block-image__col:first-child {
    margin-left: 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-left: -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-left: -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-left: -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-left: 0;
    margin-right: -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-left: 0;
    margin-right: -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-left: 0;
    margin-right: -8.3333333333%;
    width: 83.3333333333%;
  }
}
@media (min-width: 48em) {
  .block-image--overlay .block-image__col {
    width: 58.3333333333%;
  }
}
.block-image.bg--type-accent .block-image__caption,
.block-image.bg--type-color .block-image__caption,
.block-image.bg--type-tint .block-image__caption {
  border-bottom-color: hsla(0, 0%, 100%, 0.8);
}
.block-image.bg--type-accent.bg--range-light .block-image__caption,
.block-image.bg--type-color.bg--range-light .block-image__caption,
.block-image.bg--type-tint.bg--range-light .block-image__caption {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.block-image--legacy .block-image__caption {
  border-bottom-color: rgba(49, 53, 55, 0.2);
}
.block-image--legacy.block-image--dark .block-image__caption {
  border-bottom-color: #fff;
}
.block-image--legacy.block-image--dark .block-image__caption p {
  color: #fff;
}
.img {
  max-width: 100%;
  position: relative;
}
.img--zoom,
.img__btn {
  cursor: pointer;
  cursor: zoom-in;
}
.img__btn {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
  bottom: 1rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  display: inline-flex;
  height: 3.2rem;
  justify-content: center;
  position: absolute;
  right: 1rem;
  width: 3.2rem;
}
.img__btn-symbol {
  fill: #313537;
  height: 2rem;
  width: 2rem;
}
.img-img {
  display: block;
  max-height: 38rem;
  max-width: 100%;
}
.img-img--left {
  margin-right: auto;
}
.img-img--right {
  margin-left: auto;
}
.img-img--center {
  margin: auto;
}
.img-img--fill {
  width: 100%;
}
.bubble__figure .img-img {
  max-height: 100rem;
}
.block-gallery .img-img,
.block-image .img-img {
  max-height: 90rem;
}
.block-image--full .img-img {
  max-height: 38rem;
}
.block-gallery {
  padding: 3rem 0;
  position: relative;
  transition: padding 0.5s;
}
@media print {
  .block-gallery {
    animation: none;
  }
}
.block-gallery p {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.7rem;
}
.block-gallery__figure {
  margin-bottom: 3rem;
}
.block-gallery__image img {
  max-width: 100%;
}
.block-gallery__image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0.4rem;
  width: 100%;
}
.block-gallery__image img {
  display: block;
  opacity: 0;
  width: 100%;
}
.block-gallery__image-btn {
  bottom: 0;
  cursor: pointer;
  cursor: zoom-in;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.block-gallery .slick-track {
  display: flex !important;
  flex-direction: row;
}
.block-gallery--carousel .block-gallery__figure,
.block-gallery--full-carousel .block-gallery__figure {
  margin-bottom: 0;
  padding-bottom: 0.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__captions .slick-slide.slick-active,
.block-gallery--carousel .block-gallery__images .slick-slide.slick-active,
.block-gallery--full-carousel
  .block-gallery__captions
  .slick-slide.slick-active,
.block-gallery--full-carousel .block-gallery__images .slick-slide.slick-active {
  z-index: 1;
}
.block-gallery--carousel .block-gallery__slide,
.block-gallery--full-carousel .block-gallery__slide {
  float: left;
  position: relative;
}
.block-gallery--carousel .block-gallery__slide.slick-active,
.block-gallery--full-carousel .block-gallery__slide.slick-active {
  z-index: 2;
}
.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: auto;
  width: 90%;
}
.block-gallery--carousel .block-gallery__dots-list > li,
.block-gallery--full-carousel .block-gallery__dots-list > li {
  background: #313537;
  border-radius: 2rem;
  box-shadow: 0 0 0 0 #313537;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 1.2rem;
  margin: 2rem 1rem;
  transition: background 0.2s, box-shadow 0.25s, width 0.3s, height 0.3s;
  width: 1.2rem;
}
.block-gallery--carousel .block-gallery__dots-list > li:not(.slick-active),
.block-gallery--full-carousel
  .block-gallery__dots-list
  > li:not(.slick-active) {
  box-shadow: 0 0 0 0 #313537 !important;
}
.block-gallery--carousel .block-gallery__dots-list > li.slick-active,
.block-gallery--full-carousel .block-gallery__dots-list > li.slick-active {
  background: transparent !important;
  box-shadow: 0 0 0 0.2rem #313537;
  height: 1.2rem;
  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 {
  bottom: 0;
  box-sizing: content-box;
  display: none;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 33.75em) {
  .block-gallery--carousel .block-gallery__controls {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-gallery--carousel .block-gallery__controls {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 33.75em) {
  .block-gallery--carousel .block-gallery__controls {
    display: block;
  }
}
.block-gallery__controls {
  margin-bottom: 5.2rem;
}
@media (min-width: 80em) {
  .block-gallery__controls--ie {
    width: 100%;
  }
}
@media (min-width: 96.875em) {
  .block-gallery__controls--ie-menu-open {
    width: 100%;
  }
}
.block-gallery--carousel .block-gallery__arrow,
.block-gallery--full-carousel .block-gallery__arrow {
  bottom: 0;
  cursor: pointer;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  text-indent: -999rem;
  top: 0;
  width: 8.3333333333%;
}
.block-gallery--carousel .block-gallery__arrow--next,
.block-gallery--full-carousel .block-gallery__arrow--next {
  right: 0;
}
.block-gallery--carousel .block-gallery__arrow--prev,
.block-gallery--full-carousel .block-gallery__arrow--prev {
  left: 0;
}
.block-gallery--carousel .block-gallery__arrow-icon,
.block-gallery--full-carousel .block-gallery__arrow-icon {
  --auto-contrast-fallback: #707070;
  border-color: #bbc9cf;
  border-style: solid solid none none;
  border-width: 0.3rem;
  height: 3rem;
  position: absolute;
  top: calc(50% - 1.5rem);
  width: 3rem;
}
.block-gallery--carousel.block-gallery--legacy .block-gallery__arrow-icon,
.block-gallery--full-carousel.block-gallery--legacy .block-gallery__arrow-icon {
  border-color: #707070;
}
.block-gallery--carousel .block-gallery__arrow--next .block-gallery__arrow-icon,
.block-gallery--full-carousel
  .block-gallery__arrow--next
  .block-gallery__arrow-icon {
  right: 0.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 {
  left: 0.9rem;
  transform: rotate(-135deg);
}
.block-gallery--carousel .block-gallery__image {
  position: relative;
  text-align: center;
  width: 100%;
}
.block-gallery--carousel .block-gallery__image img {
  display: block;
  margin: auto;
  opacity: 1;
  width: auto;
}
.block-gallery--carousel .block-gallery__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  margin: 0 8.3333333333%;
  padding: 1.5rem 0 1rem;
}
.block-gallery--carousel .block-gallery__caption p {
  font-size: inherit;
  margin: 0;
}
.bg--type-accent > .block-gallery--carousel .block-gallery__caption,
.bg--type-color > .block-gallery--carousel .block-gallery__caption,
.bg--type-tint > .block-gallery--carousel .block-gallery__caption {
  border-bottom-color: hsla(0, 0%, 100%, 0.8);
}
.bg--type-accent.bg--range-light
  > .block-gallery--carousel
  .block-gallery__caption,
.bg--type-color.bg--range-light
  > .block-gallery--carousel
  .block-gallery__caption,
.bg--type-tint.bg--range-light
  > .block-gallery--carousel
  .block-gallery__caption {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
.block-gallery--full-carousel .block-gallery__controls {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.block-gallery--full-carousel .block-gallery__arrow {
  background: rgba(49, 53, 55, 0.24);
  width: 7rem;
}
.block-gallery--full-carousel .block-gallery__arrow-icon {
  left: 0;
  margin: auto;
  right: 0;
}
.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-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  margin: -1.5rem 0 0;
  padding: 1.3rem 0;
}
.block-gallery--full-carousel .block-gallery__caption p {
  font-size: inherit;
  margin: 0;
}
.block-gallery--fourcol .block-gallery__caption,
.block-gallery--threecol .block-gallery__caption,
.block-gallery--twocol .block-gallery__caption {
  font-size: 1.2rem;
  margin: 0;
  padding: 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: 0;
}
.block-gallery--fourcol .block-gallery__image,
.block-gallery--threecol .block-gallery__image,
.block-gallery--twocol .block-gallery__image {
  background-position: 50%;
  background-size: cover;
  margin-bottom: 2rem;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.block-gallery--fourcol .block-gallery__image .img,
.block-gallery--threecol .block-gallery__image .img,
.block-gallery--twocol .block-gallery__image .img {
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.block-gallery--fourcol .block-gallery__image img,
.block-gallery--threecol .block-gallery__image img,
.block-gallery--twocol .block-gallery__image img {
  display: block;
  height: auto;
  margin: 50% 0 0 50%;
  max-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  width: auto;
}
.block-gallery__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  overflow: hidden;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-gallery__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-gallery__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media print {
  .block-gallery__container {
    padding: 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-bottom: 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-bottom: 0;
  }
}
@media (min-width: 37.5em) {
  .block-gallery__row--slide-row,
  .block-gallery__row > div {
    zoom: 1;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.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: left;
    float: none;
    min-height: 1px;
    padding-left: 0.75rem;
    padding-right: 0.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-divider {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-divider__wrap {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-divider__wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-divider__wrap {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-divider__wrap:before {
  border-top: 0.1rem solid #000;
  content: "";
  display: block;
  margin: 0 -8.3333333333%;
  opacity: 0.1;
}
.block-divider--numbered .block-divider__wrap {
  padding: 2.5rem 0;
}
.block-divider--numbered .block-divider__wrap:before {
  border-top-width: 0.1rem;
  opacity: 0.3;
}
.block-divider--numbered .block-divider__wrap:after {
  background: #e9e9e9;
  border-radius: 50%;
  color: #fff;
  content: attr(data-number);
  display: block;
  font-family: lato, sans-serif;
  font-weight: 700;
  height: 5rem;
  line-height: 3em;
  margin: -2.6rem auto;
  position: relative;
  text-align: center;
  width: 5rem;
}
.block-divider--spacing {
  height: 10px;
  overflow: hidden;
}
.block-divider--spacing .block-divider__wrap:before {
  display: none;
}
.slick-slider {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-list:focus {
  outline: none;
}
.slick-list .dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-list .dragging img {
  pointer-events: none;
}
.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-dots {
  bottom: -45px;
  display: block;
  list-style: none;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  padding: 0;
  position: relative;
  width: 14px;
}
.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 20px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #666;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
.slick-dots li.slick-active button:before {
  background-color: #666;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #666;
}
.blocks-slider {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.blocks-slider__wrapper {
  background: #fff;
}
.blocks-slider__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  overflow: hidden;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .blocks-slider__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .blocks-slider__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 52.5em) {
  .blocks-slider__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .blocks-slider__col:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .blocks-slider__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .blocks-slider__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .blocks-slider__col {
    width: 100%;
  }
  .lesson--open .blocks-slider__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .blocks-slider__col {
    width: 83.3333333333%;
  }
  .lesson--open .blocks-slider__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.blocks-slider__header {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.2222;
  padding: 3.5rem 3rem 0;
}
.blocks-slider__content {
  border: 1px solid #ddd;
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  font-weight: 300;
  margin-bottom: 40px;
  position: relative;
}
.blocks-slider__slide {
  background: #fff;
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.blocks-slider__slide.slick-active {
  pointer-events: auto;
}
.blocks-slider__description {
  font-weight: 300;
  padding: 1rem 3rem 3rem;
}
.blocks-slider__embed {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 3rem;
  padding: 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-slider .slick-list {
  background: #fff;
  overflow-y: auto;
}
.blocks-slider .slick-dots {
  border-bottom: 1px solid #eee;
  bottom: -25px;
  display: flex !important;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  width: 95%;
  width: calc(100% - 40px);
}
.blocks-slider .slick-dots li {
  margin-bottom: -9px;
  margin-left: -2px;
}
.blocks-slider .slick-dots li:last-child {
  margin-right: -4px;
}
.blocks-slider .slick-dots li button:before {
  border: 1px solid #eee;
  box-shadow: none !important;
  height: 8px;
  transition: transform 0.3s, background 0.3s;
  width: 8px;
}
.blocks-slider .slick-dots li button:hover:before,
.blocks-slider .slick-dots li.slick-active button:before {
  background: #fff !important;
  transform: scale(1.5);
}
.blocks-tabs {
  padding: 3rem 0;
  transition: padding 0.5s;
}
@media print {
  .blocks-tabs__description {
    font-size: 1.3rem;
  }
}
.blocks-tabs__wrapper {
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.blocks-tabs__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  overflow: hidden;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .blocks-tabs__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .blocks-tabs__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media print {
  .blocks-tabs__container {
    padding: 0;
  }
}
@media (min-width: 52.5em) {
  .blocks-tabs__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 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-left: 8.3333333333%;
  }
}
@media print and (min-width: 52.5em) {
  .blocks-tabs__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 52.5em) {
  .lesson--open .blocks-tabs__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .blocks-tabs__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .blocks-tabs__col {
    width: 100%;
  }
  .lesson--open .blocks-tabs__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .blocks-tabs__col {
    width: 83.3333333333%;
  }
  .lesson--open .blocks-tabs__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.blocks-tabs--single .blocks-tabs__wrapper {
  background: #fff;
  min-height: 300px;
}
.blocks-tabs__header {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.blocks-tabs__header-wrap {
  height: 8rem;
  overflow: hidden;
  position: relative;
}
.blocks-tabs__header-item {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-right: none;
  color: #313537;
  cursor: pointer;
  display: flex;
  flex: 0 1 100%;
  font-size: 1.2rem;
  font-weight: 700;
  height: 8rem;
  justify-content: center;
  letter-spacing: 0.12em;
  line-height: 1.66667;
  min-width: 40%;
  outline-offset: -0.3rem;
  padding: 1rem 0.5rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: background 0.3s, border-bottom-color 0.3s;
  word-break: break-word;
}
@media (min-width: 30em) {
  .blocks-tabs__header-item {
    min-width: 30%;
    padding: 1rem 2rem;
  }
}
@media (min-width: 45em) {
  .blocks-tabs__header-item {
    min-width: 23%;
    padding: 1rem 2rem;
  }
}
@media print {
  .blocks-tabs__header-item {
    font-size: 1rem;
    height: 7rem;
    min-width: 23%;
  }
}
.blocks-tabs__header-item:last-child:not(.blocks-tabs__header-item--active) {
  border-right: 1px solid #ddd;
}
.blocks-tabs__header-item:focus:not(.blocks-tabs__header-item--active),
.blocks-tabs__header-item:hover:not(.blocks-tabs__header-item--active) {
  background: #efefef;
}
.blocks-tabs__header-item--before-active {
  border-right: none;
}
.blocks-tabs__header-item--after-active {
  border-left: none;
}
.blocks-tabs__header-item--active {
  background: #fff;
  border: 1px solid;
  border-color: #ddd #ddd transparent;
  cursor: default;
}
@media (forced-colors: active) {
  .blocks-tabs__header-item--active {
    border-bottom: none;
    padding-bottom: 1.1rem;
  }
}
.blocks-tabs__header-item--active:hover {
  background: inherit;
}
.blocks-tabs__controls:after,
.blocks-tabs__controls:before {
  content: "";
  height: 7.9rem;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.6s;
  width: 8%;
}
.blocks-tabs__controls:before {
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  left: 0;
}
.blocks-tabs__controls:after {
  background: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, 0));
  right: 0;
}
.blocks-tabs__controls.end:after,
.blocks-tabs__controls.start:before {
  opacity: 0;
}
.blocks-tabs__arrow {
  align-items: center;
  background: #50abf1;
  border-radius: 0.3rem;
  bottom: 0.9rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
  opacity: 0;
  padding: 1rem;
  position: absolute;
  top: 0.9rem;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1;
}
.blocks-tabs__arrow--prev {
  left: 0.9rem;
}
.blocks-tabs__arrow--next {
  right: 0.9rem;
}
.blocks-tabs__arrow.hidden,
.touch .blocks-tabs__arrow {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.blocks-tabs__arrow-icon {
  fill: #fff !important;
}
.blocks-tabs__arrow-icon--next {
  transform: rotate(180deg);
}
.blocks-tabs__header-wrap.mouse:not(.touch) .blocks-tabs__arrow:not(.hidden) {
  opacity: 1;
}
.blocks-tabs__content {
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  font-weight: 300;
}
.blocks-tabs--single .blocks-tabs__content {
  height: auto;
}
.blocks-tabs__content-item {
  background: #fff;
  display: none;
  opacity: 1;
  padding: 2rem 3rem 3.5rem;
  transition: opacity 0.6s cubic-bezier(0, 0, 0.3, 1);
}
.blocks-tabs__content-item--will-enter {
  display: block;
  opacity: 0.01;
}
.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 #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 3rem;
}
.blocks-tabs__embed,
.blocks-tabs__image,
.blocks-tabs__video {
  margin-top: 3rem;
  width: 100%;
}
.blocks-tabs__image {
  background-position: 50%;
  background-size: cover;
}
.blocks-tabs__img {
  display: block;
  max-width: 100%;
  visibility: hidden;
  width: 100%;
}
.blocks-accordion {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.blocks-accordion__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .blocks-accordion__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .blocks-accordion__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 52.5em) {
  .blocks-accordion__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .blocks-accordion__col:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .blocks-accordion__col {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .blocks-accordion__col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .blocks-accordion__col {
    width: 100%;
  }
  .lesson--open .blocks-accordion__col:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .blocks-accordion__col {
    width: 83.3333333333%;
  }
  .lesson--open .blocks-accordion__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.blocks-accordion__wrapper {
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.blocks-accordion__wrapper--legacy {
  border: 1px solid #ddd;
  border-top: none;
}
.blocks-accordion__item {
  --accordion-item-border-color: hsla(0, 0%, 100%, 0.149);
  border-color: var(--accordion-item-border-color);
  border-radius: 0.3rem;
  border-style: none none solid;
  border-width: 0.1rem;
  box-sizing: border-box;
  overflow: hidden;
  transition: transform 0.25s cubic-bezier(0, 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--legacy,
.blocks-accordion__item--legacy:first-child {
  border-radius: 0;
  border-top: 1px solid #ddd;
}
.blocks-accordion__item.block-card.bg--range-light {
  --accordion-item-border-color: #ddd;
  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--type-accent .blocks-accordion__item.block-card.bg--range-light,
.bg--type-color .blocks-accordion__item.block-card.bg--range-light,
.bg--type-image .blocks-accordion__item.block-card.bg--range-light,
.bg--type-tint .blocks-accordion__item.block-card.bg--range-light {
  --accordion-item-border-color: rgba(0, 0, 0, 0.149);
}
.bg--type-accent .blocks-accordion__item.block-card.bg--range-med,
.bg--type-color .blocks-accordion__item.block-card.bg--range-med,
.bg--type-image .blocks-accordion__item.block-card.bg--range-med,
.bg--type-tint .blocks-accordion__item.block-card.bg--range-med {
  --accordion-item-border-color: rgba(0, 0, 0, 0.4);
}
.bg--type-accent .blocks-accordion__item.block-card.bg--range-dark,
.bg--type-accent .blocks-accordion__item.block-card.bg--range-near-black,
.bg--type-color .blocks-accordion__item.block-card.bg--range-dark,
.bg--type-color .blocks-accordion__item.block-card.bg--range-near-black,
.bg--type-image .blocks-accordion__item.block-card.bg--range-dark,
.bg--type-image .blocks-accordion__item.block-card.bg--range-near-black,
.bg--type-tint .blocks-accordion__item.block-card.bg--range-dark,
.bg--type-tint .blocks-accordion__item.block-card.bg--range-near-black {
  --accordion-item-border-color: hsla(0, 0%, 100%, 0.298);
}
.bg--image .blocks-accordion__item,
.bg--type-image .blocks-accordion__item.block-card--bg-image.bg--range-dark,
.bg--type-image .blocks-accordion__item.block-card--bg-image.bg--range-light,
.bg--type-image .blocks-accordion__item.block-card--bg-image.bg--range-med,
.bg--type-image
  .blocks-accordion__item.block-card--bg-image.bg--range-near-black {
  --accordion-item-border-color: hsla(0, 0%, 100%, 0.498);
}
.bg--image .blocks-accordion__item {
  border-style: none solid solid;
  border-width: 0.1rem;
}
.bg--image .blocks-accordion__item:first-child {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  border-top-style: solid;
}
.bg--image .blocks-accordion__item:last-child {
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.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 {
  border: none;
  border-left: 4px solid transparent;
  color: #282828;
  cursor: pointer;
  display: flex;
  font-family: lato, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.2222;
  padding: 3rem;
  text-align: left;
  text-decoration: none;
  transition: border 0.3s;
  width: 100%;
}
.blocks-accordion__header--legacy {
  background: #fff;
}
@media print {
  .blocks-accordion__header {
    width: inherit;
  }
}
.blocks-accordion__header:hover .blocks-accordion__toggler {
  color: #313537;
}
.blocks-accordion__title-wrap {
  min-width: 0;
  width: 100%;
}
@media print {
  .blocks-accordion__description {
    font-size: 1.3rem;
  }
}
.blocks-accordion__title {
  word-wrap: break-word;
  background: none;
  border: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  outline: none;
  text-overflow: ellipsis;
  width: 100%;
}
@media print {
  .blocks-accordion__title {
    font-size: 1.5rem;
  }
}
.blocks-accordion__item--closed .blocks-accordion__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media print {
  .blocks-accordion__item--closed .blocks-accordion__title {
    overflow: auto;
  }
}
.blocks-accordion__toggler {
  --auto-contrast-fallback: grey, #b8b8b8;
  color: #707070;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.2rem;
  padding-left: 3rem;
  transition: color 0.3s;
}
.blocks-accordion__content {
  border-left: 4px solid transparent;
  display: none;
  font-weight: 300;
  opacity: 0;
  padding: 0 3rem 3.5rem;
  transition: opacity 0.3s, border 0.3s;
}
.blocks-accordion__content--legacy {
  background: #fff;
}
.blocks-accordion__content--will-enter {
  display: block;
  opacity: 0.01;
}
.blocks-accordion__content--visible {
  display: block;
  opacity: 1;
}
.blocks-accordion__content > :first-child {
  margin-top: 0 !important;
}
.blocks-accordion__content ol,
.blocks-accordion__content ul {
  padding-top: 1.4rem;
}
.blocks-accordion__content li:first-child {
  margin-top: 0;
}
@media print {
  .blocks-accordion__content {
    display: block;
    opacity: 1;
  }
}
.blocks-accordion__media .media-group .img {
  margin-bottom: 0;
}
.blocks-accordion__embed {
  border: 0.1rem solid var(--accordion-item-border-color);
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 3rem;
  padding: 3rem;
  width: 100%;
}
.blocks-accordion__embed .blocks-accordion--legacy {
  background: #fff;
  border: 1px solid #ddd;
}
.blocks-accordion__image,
.blocks-accordion__video {
  background-position: 50%;
  background-size: cover;
  margin-top: 3rem;
  width: 100%;
}
.blocks-accordion__img {
  display: block;
  max-width: 100%;
  visibility: hidden;
  width: 100%;
}
.media-group .embed,
.media-group .figure-video,
.media-group .img {
  margin-bottom: 4rem;
}
.audio-player {
  --color-runner: #8a8c8d;
  --color-track: #313537;
  --color-handle: #313537;
  --color-play: #313537;
  display: flex;
  flex: 1;
  padding: 0.3rem;
}
.audio-player__housing {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 4.4rem;
  margin-bottom: 2rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.audio-player__play {
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 2.5rem;
}
.audio-player__play:before {
  background: transparent;
  border: 0.5rem solid transparent;
  border-left: 0.8rem solid var(--color-play);
  border-right: 0 solid var(--color-play);
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.audio-player__play--pause {
  padding-left: 0.3rem;
}
.audio-player__play--pause:before {
  transform: translate3d(0.3rem, -50%, 0);
}
.audio-player__play--pause:after,
.audio-player__play--pause:before {
  background: var(--color-play);
  border: 0 solid transparent;
  border-left: none;
  border-right: none;
  content: "";
  display: block;
  height: 1rem;
  position: absolute;
  top: 50%;
  width: 0.2rem;
}
.audio-player__play--pause:after {
  transform: translate3d(-0.3rem, -50%, 0);
}
.audio-player__tracker {
  cursor: pointer;
  flex-shrink: 100;
  height: 100%;
  margin: auto 0;
  position: relative;
  width: 100%;
}
.audio-player__tracker:after {
  background: var(--color-runner);
  right: 0;
}
.audio-player__tracker-bar,
.audio-player__tracker:after {
  bottom: 0;
  content: "";
  height: 0.1rem;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
}
.audio-player__tracker-bar {
  background: var(--color-track);
  display: block;
  width: 0;
  z-index: 1;
}
.audio-player__tracker-handle {
  background: var(--color-handle);
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 1.3rem;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  transform: translateX(-0.6rem);
  width: 1.3rem;
  z-index: 1;
}
.block-audio.bg--type-black .audio-player,
.block-audio.bg--type-dark .audio-player {
  --color-track: #fff;
  --color-handle: #fff;
  --color-play: #fff;
}
.block-audio.bg--type-accent .audio-player,
.block-audio.bg--type-color .audio-player,
.block-audio.bg--type-image .audio-player,
.block-audio.bg--type-tint .audio-player {
  --color-runner: currentColor;
  --color-track: currentColor;
  --color-handle: currentColor;
  --color-play: currentColor;
}
.block-audio.bg--type-accent .audio-player__tracker,
.block-audio.bg--type-color .audio-player__tracker,
.block-audio.bg--type-image .audio-player__tracker,
.block-audio.bg--type-tint .audio-player__tracker {
  --auto-contrast-fallback: #747676, #313537, #000, #d6d7d7, #eaeaeb;
  color: #8a8c8d;
}
.block-audio.bg--type-accent .audio-player__play,
.block-audio.bg--type-accent .audio-player__tracker-handle,
.block-audio.bg--type-color .audio-player__play,
.block-audio.bg--type-color .audio-player__tracker-handle,
.block-audio.bg--type-image .audio-player__play,
.block-audio.bg--type-image .audio-player__tracker-handle,
.block-audio.bg--type-tint .audio-player__play,
.block-audio.bg--type-tint .audio-player__tracker-handle {
  --auto-contrast-fallback: #000, #fff;
  color: #313537;
}
.audio-player__timer {
  cursor: default;
  font-family: lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  height: 100%;
  line-height: 4.4rem;
  padding: 0 0 0 1.5rem;
  position: relative;
  white-space: nowrap;
}
.embed--rich .embed__readMore,
.embed__provider {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 0.06rem;
  line-height: 1.4rem;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}
.embed--rich .embed__readMore,
.embed--rich .embed__title,
.embed__provider {
  color: #313537;
  transition: color 0.15s;
}
.embed--rich .embed__readMore,
.embed--rich .embed__title a,
.embed__provider a {
  color: currentColor;
  text-decoration: none;
}
.embed__providerIcon {
  display: inline-block;
  margin-right: 0.5rem;
  max-height: 1.4rem;
}
.embed__providerIcon,
.embed__providerName {
  vertical-align: middle;
}
.embed__img {
  max-height: 38rem;
  max-width: 100%;
}
@media print {
  .embed__img {
    max-height: 30rem;
  }
}
.embed__title {
  color: #707070;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.embed--rich .embed__title {
  font-size: 2.8rem;
  line-height: 3.4rem;
  margin: 1rem 0;
}
@media print {
  .embed--rich .embed__title {
    font-size: 2.2rem;
  }
}
.embed__description,
.embed__readMore {
  color: #707070;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.embed--rich .embed__description {
  font-weight: 300;
}
.embed--rich .embed__readMore {
  display: inline-block;
  margin-top: 1rem;
}
.embed--rich .embed__readMore .icon {
  font-size: 1rem;
  font-weight: 700;
  margin-left: 0.6rem;
}
.embed__media-wrap {
  height: 0;
  padding-bottom: 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-bottom: 0;
}
.embed__title + .embed__media-wrap {
  margin-top: 1rem;
}
.embed__media {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.embed--iframe {
  height: 0;
  margin-bottom: 2rem;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.embed-authoring__embed .embed--iframe {
  margin-top: 3rem;
}
.embed--iframe iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.embed--link {
  padding-left: 1.5rem;
  position: relative;
}
.embed--link:before {
  background-color: #ededed;
  bottom: 0.5rem;
  content: "";
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 3px;
}
.embed--rich.embed--link {
  padding-left: 0;
}
.embed--rich.embed--link:before {
  display: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==)
    format("woff");
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\f121";
}
.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
}
.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\f122";
}
.video-js {
  background-color: #000;
  box-sizing: border-box;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  position: relative;
  /* vertical-align: top; */
  word-break: normal;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  height: 100% !important;
  width: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0;
}
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  height: 0;
  max-width: 100%;
  width: 100%;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js .vjs-tech,
.video-js.vjs-fill {
  height: 100%;
  width: 100%;
}
.video-js .vjs-tech {
  left: 0;
  position: absolute;
  top: 0;
}
body.vjs-full-window {
  height: 100%;
  margin: 0;
  padding: 0;
}
.vjs-full-window .video-js.vjs-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  height: 100% !important;
  padding-top: 0 !important;
  width: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  cursor: default;
  opacity: 0.5;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 150px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 300px;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  cursor: pointer;
  display: block;
  font-size: 3em;
  height: 1.63332em;
  left: 10px;
  line-height: 1.5em;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 10px;
  transition: all 0.4s;
  width: 3em;
}
.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -1.5em;
  margin-top: -0.81666em;
  top: 50%;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  border-color: #fff;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
  .vjs-big-play-button {
  display: block;
}
.video-js button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  text-transform: none;
  transition: none;
}
.vjs-control .vjs-button {
  height: 100%;
  width: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), hsla(0, 0%, 100%, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  font-size: 1.2em;
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  text-align: center;
  text-transform: lowercase;
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  cursor: default;
  font-size: 1em;
  font-weight: 700;
  line-height: 2em;
  margin: 0 0 0.3em;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.vjs-menu-button-popup .vjs-menu {
  border-top-color: rgba(43, 51, 63, 0.7);
  bottom: 0;
  display: none;
  height: 0;
  left: -3em;
  margin-bottom: 1.5em;
  position: absolute;
  width: 10em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  bottom: 1.5em;
  max-height: 15em;
  position: absolute;
  width: 100%;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block;
}
.video-js .vjs-menu-button-inline {
  overflow: hidden;
  transition: all 0.4s;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  height: 100%;
  left: 4em;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  width: auto;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: auto;
}
.video-js .vjs-control-bar {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  bottom: 0;
  display: none;
  height: 3em;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
  visibility: visible;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: visible;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  flex: none;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 4em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: auto;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  align-items: center;
  display: flex;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  height: 0.3em;
  transition: all 0.2s;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #000;
  display: none;
  height: 100%;
  position: absolute;
  width: 1px;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: hidden;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.video-js .vjs-slider {
  -webkit-touch-callout: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  cursor: pointer;
  margin: 0 0.45em;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  box-shadow: 0 0 1em #fff;
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  display: flex;
  margin-right: 1em;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  height: 1px;
  margin-left: -1px;
  opacity: 0;
  visibility: visible;
  width: 1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
    top 0s;
  visibility: visible;
}
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js
  .vjs-volume-panel.vjs-hover
  .vjs-mute-control
  ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  margin-right: 0;
  width: 5em;
}
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js
  .vjs-volume-panel.vjs-hover
  .vjs-mute-control
  ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  transition: width 0.1s;
  width: 10em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
    top 1s 1s;
  width: 3em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
    top 1s 1s;
}
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  opacity: 1;
  position: relative;
  transition: none;
  visibility: visible;
  width: 5em;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-vertical {
  bottom: 3em;
  left: 0.5em;
  position: absolute;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  height: 0.3em;
  width: 5em;
}
.vjs-volume-bar.vjs-slider-vertical {
  height: 5em;
  margin: 1.35em auto;
  width: 0.3em;
}
.video-js .vjs-volume-level {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
}
.video-js .vjs-volume-level:before {
  font-size: 0.9em;
  position: absolute;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  left: -0.3em;
  top: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  right: -0.5em;
  top: -0.3em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  bottom: 8em;
  height: 8em;
  width: 3em;
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  align-items: flex-start;
  display: flex;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  text-align: left;
  width: auto;
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  display: inline-flex;
  flex: none;
  font-size: 1em;
  height: 100%;
  line-height: 3em;
  min-width: 4em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: auto;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  text-align: left;
  width: auto;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #888;
  margin-right: 0.5em;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  bottom: 3em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  margin-bottom: 0.1em;
  text-align: center;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  pointer-events: none;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  left: 0;
  width: 4em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-align: center;
  text-shadow: 0.05em 0.05em 0.1em #000;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  background-clip: padding-box;
  border: 6px solid rgba(43, 51, 63, 0.7);
  border-radius: 25px;
  box-sizing: border-box;
  display: none;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  position: absolute;
  text-align: left;
  top: 50%;
  visibility: hidden;
  width: 50px;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
  display: block;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  border: inherit;
  border-color: #fff transparent transparent;
  border-radius: inherit;
  box-sizing: inherit;
  content: "";
  height: inherit;
  margin: -6px;
  opacity: 1;
  position: absolute;
  width: inherit;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
      infinite,
    vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
  border-top-color: #fff;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -0.1em;
  vertical-align: middle;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  content: "";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit;
}
.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -0.1em;
  vertical-align: middle;
}
.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  content: " ";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
  .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live)
  .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui)
  .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui
  .vjs-custom-control-spacer {
  display: block;
  flex: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex
  .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex
  .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui
  .vjs-progress-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-bottom: 0.5em;
  margin-right: 1em;
}
.vjs-text-track-settings fieldset {
  border: none;
  margin: 5px;
  padding: 3px;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px;
}
.vjs-text-track-settings .vjs-label {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  display: block;
  height: 1px;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
  outline-style: solid;
  outline-width: medium;
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  border-radius: 2px;
  color: #2b333f;
  cursor: pointer;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1000;
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
  background: 0 0;
  outline: 0;
}
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
  background: 0 0;
  outline: 0;
}
.videoContainer {
  position: relative;
  width: 100%;
}
.vjs-default-skin {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.vjs-default-skin.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}
.video-js {
  color: #fff;
  font-size: 10px;
}
.video-js .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 50%;
  font-size: 4em;
  height: 9.8rem;
  left: 50%;
  line-height: 9.8rem;
  margin-left: -4.9rem;
  margin-top: -4.9rem;
  top: 50%;
  width: 9.8rem;
}
.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.3);
  height: 7.5em;
}
.video-js .vjs-control.vjs-fullscreen-control,
.video-js .vjs-control.vjs-play-control,
.video-js .vjs-control.vjs-remaining-time,
.video-js .vjs-control.vjs-volume-panel {
  margin: 0 0.5em;
}
.video-js .vjs-control.vjs-progress-control {
  margin: 0 2em;
}
.vjs-volume-panel.vjs-volume-panel-horizontal {
  align-items: center;
}
.video-js
  .vjs-volume-panel
  .vjs-mute-control:hover
  ~ .vjs-volume-panel.vjs-volume-panel-horizontal
  .vjs-volume-control.vjs-control.vjs-volume-horizontal,
.vjs-volume-panel.vjs-volume-panel-horizontal
  .vjs-volume-control.vjs-control.vjs-volume-horizontal,
.vjs-volume-panel.vjs-volume-panel-horizontal
  .vjs-volume-control.vjs-control.vjs-volume-horizontal:hover {
  height: auto !important;
}
.vjs-volume-panel.vjs-volume-panel-horizontal
  .vjs-volume-control.vjs-control.vjs-volume-horizontal
  .vjs-volume-bar {
  margin-bottom: 0;
  margin-top: 0;
}
.video-js .vjs-volume-vertical {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 6em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.2em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  left: -0.4em;
}
.video-js .vjs-time-control {
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 6.35;
}
.video-js .vjs-time-tooltip {
  background-color: rgba(49, 53, 55, 0.6);
  border-radius: 2em;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  min-width: 5rem;
  padding: 0.2em 1em;
  white-space: nowrap;
}
.video-js .vjs-progress-holder {
  height: 0.2em;
}
.video-js .vjs-play-progress:before {
  font-size: 1.4em;
  line-height: 0.9;
  top: -0.4em;
}
.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  font-size: 1.2rem;
}
.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip:empty,
.video-js .vjs-progress-control:hover .vjs-time-tooltip:empty {
  display: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 2.2rem;
  line-height: 3.5;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: inherit;
}
.video-js .vjs-slider:focus {
  box-shadow: none;
  text-shadow: none;
}
.vjs-menu li {
  text-transform: none;
}
.video-a11y .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.67);
  margin: 0;
  transform: translate(-50%, -50%);
  transition: none !important;
  transition: background-color 0.4s !important;
}
.video-a11y .vjs-paused {
  cursor: pointer;
}
.video-a11y .vjs-paused .vjs-control-bar {
  cursor: auto;
}
.video-a11y .vjs-big-play-button:focus,
.video-a11y:hover .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.85);
  border: 0.3rem solid #fff;
  height: 10.4rem;
  width: 10.4rem;
}
.video-a11y .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.67);
}
.video-a11y .vjs-control-bar:after,
.video-a11y .vjs-control-bar:before {
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}
.video-a11y .vjs-control-bar .vjs-control:first-child {
  margin-left: 0;
}
.video-a11y .vjs-control-bar .vjs-control:first-child:before {
  content: none;
}
.video-a11y .vjs-control-bar .vjs-control.vjs-picture-in-picture-control,
.video-a11y .vjs-control-bar .vjs-control.vjs-playback-rate,
.video-a11y .vjs-control-bar .vjs-control.vjs-subs-caps-button {
  margin: 0 0.5em;
}
.video-a11y .vjs-control-bar .vjs-menu-button.vjs-hover:after,
.video-a11y .vjs-control-bar .vjs-menu-button.vjs-hover:before {
  content: none;
}
.video-a11y .vjs-control-bar .vjs-volume-panel {
  margin-right: 0;
}
.video-a11y .vjs-control-bar .vjs-volume-panel.vjs-control:focus-within:after {
  content: none;
}
.video-a11y .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus:after,
.video-a11y .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus:before,
.video-a11y .vjs-control-bar .vjs-volume-panel.vjs-control.focus-within:after,
.video-a11y .vjs-control-bar .vjs-volume-panel.vjs-control:hover:after {
  content: none;
}
.video-a11y
  .vjs-control-bar
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  margin-left: 0.5em;
  transition: visibility 1s, opacity 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-a11y .vjs-control-bar .vjs-time-control:hover {
  background-color: transparent;
}
.video-a11y .vjs-control-bar .vjs-time-control:hover:after,
.video-a11y .vjs-control-bar .vjs-time-control:hover:before {
  content: none;
}
.video-a11y .vjs-control-bar .vjs-menu {
  z-index: 1;
}
.video-a11y
  .vjs-control-bar
  .vjs-menu-button-popup
  .vjs-menu
  .vjs-menu-content {
  background-color: rgba(0, 0, 0, 0.67);
}
.video-container {
  padding: 0.1rem 0.2rem 0.2rem 0.1rem;
  position: relative;
}
.video-wrapper {
  height: 0;
  opacity: 0;
  padding-bottom: 56.25%;
  position: relative;
  transition: opacity 0.6s;
  width: 100%;
}
.video-wrapper--visible {
  opacity: 1;
}
.video-wrapper__video {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.video-wrapper .videoContainer {
  position: static;
}
.video-wrapper .video-js,
.video-wrapper .vjs-poster {
  background-color: transparent;
}
.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 {
  bottom: 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;
  left: 50%;
  max-height: 16.6rem;
  transform: translateX(-50%);
  width: auto;
}
.video-wrapper .vjs-subs-caps-button .vjs-menu-item {
  padding: 0.8rem;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.seek-tooltip {
  background-color: rgba(49, 53, 55, 0.6);
  border-radius: 2rem;
  color: #fff;
  display: flex;
  font-family: lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.2rem 1rem;
  pointer-events: none;
  position: absolute;
}
.seek-tooltip--hidden {
  visibility: hidden;
}
.blocks-storyline {
  padding: 3rem 0;
  transition: padding 0.5s;
}
@media print {
  .blocks-storyline {
    padding: 0;
  }
}
.blocks-storyline__wrapper {
  box-sizing: content-box;
  margin: 0 auto;
  max-width: 102rem;
  padding: 4.5rem 1.9999998rem 8rem;
}
@media (min-width: 33.75em) {
  .blocks-storyline__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .blocks-storyline__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media print {
  .blocks-storyline__wrapper {
    margin: 0 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%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blocks-storyline__item__iframe--fullscreen {
  position: fixed;
  right: 0;
  z-index: 2000;
}
.blocks-storyline__empty {
  background: #fff;
  border: 0.1rem solid #eeeeef;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  height: 54.4rem;
  justify-content: center;
  text-align: center;
  width: 76rem;
}
.blocks-storyline__empty__icon img {
  height: 7rem;
  width: 7rem;
}
.blocks-storyline__empty__heading {
  color: #4a4a4a;
  font-size: 2.5rem;
  font-weight: 500;
  margin: 2rem auto 3rem;
}
.blocks-storyline__empty__heading--processing {
  color: #313537;
  font-size: 3.2rem;
  font-weight: 300;
}
.blocks-storyline__empty__text {
  color: #4a4a4a;
  font-size: 1.3rem;
  margin: 0 auto 3rem;
  max-width: 38rem;
}
.blocks-storyline__empty__spinner {
  animation: spin 1.5s linear infinite;
  border: 0.2rem solid rgba(49, 53, 55, 0.5);
  border-left-color: rgba(49, 53, 55, 0.15);
  border-radius: 50%;
  height: 5.1rem;
  margin: 0 auto;
  width: 5.1rem;
}
.blocks-button,
.blocks-buttonstack {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.blocks-button--padding-top {
  padding-top: 6rem;
}
.blocks-button--padding-bottom {
  padding-bottom: 6rem;
}
.blocks-button__container {
  align-items: center;
  box-sizing: content-box;
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  max-width: 74rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
  transition: flex-direction 0.3s;
  width: 100%;
}
@media (min-width: 33.75em) {
  .blocks-button__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .blocks-button__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (max-width: 44.9375em) {
  .blocks-button__container {
    align-items: flex-start;
    flex-direction: column;
  }
}
.blocks-button__button {
  border: 2px solid transparent;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-size: 1.2rem;
  font-weight: 700;
  height: 4rem;
  letter-spacing: 0.04em;
  line-height: 3.6rem;
  max-width: 17rem;
  min-width: 10rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, color 0.3s,
    opacity 0.3s;
  width: 100%;
}
.blocks-button__button:hover {
  opacity: 0.8;
}
.blocks-button__button:active {
  opacity: 1;
}
@media print {
  .blocks-button__button {
    font-size: 1rem;
    height: 3rem;
    line-height: 2.6;
  }
}
.blocks-button__description {
  flex: 2;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.666667;
  padding-right: 8rem;
  transition: padding 0.3s;
  word-break: break-word;
}
@media (max-width: 44.9375em) {
  .blocks-button__description {
    padding-bottom: 2rem;
    padding-right: 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: 2rem;
  width: 100%;
}
.blocks-button--center .blocks-button__container {
  flex-direction: column;
}
.blocks-button--center .blocks-button__description {
  flex: 1;
  padding-bottom: 2rem;
  padding-right: 0;
  text-align: center;
  width: 100%;
}
.blocks-button--left .blocks-button__container {
  flex-direction: row-reverse;
}
@media (max-width: 44.9375em) {
  .blocks-button--left .blocks-button__container {
    flex-direction: column;
  }
}
.blocks-button--left .blocks-button__description {
  padding-left: 8rem;
  padding-right: 0;
}
@media (max-width: 44.9375em) {
  .blocks-button--left .blocks-button__description {
    padding-bottom: 2rem;
    padding-left: 0;
  }
}
.block-audio {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-audio__wrapper {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  max-width: 59rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-audio__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-audio__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-audio__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  line-height: 2;
  padding-bottom: 1.5rem;
  width: 100%;
}
.block-audio__caption p {
  font-size: inherit;
}
.block-audio.bg--type-accent .block-audio__caption,
.block-audio.bg--type-color .block-audio__caption,
.block-audio.bg--type-tint .block-audio__caption {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.block-audio.bg--type-accent.bg--range-light .block-audio__caption,
.block-audio.bg--type-color.bg--range-light .block-audio__caption,
.block-audio.bg--type-tint.bg--range-light .block-audio__caption {
  border-color: rgba(0, 0, 0, 0.3);
}
.block-video {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-video__wrapper {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  max-width: 89rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
  padding-top: 2rem;
}
@media (min-width: 33.75em) {
  .block-video__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-video__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-video__caption {
  border-bottom: 0.1rem solid #d6d7d7;
  font-size: 1.2rem;
  line-height: 2;
  padding-bottom: 1.5rem;
  width: 100%;
}
.block-video__caption p {
  font-size: inherit;
}
.block-video.bg--type-accent .block-video__caption,
.block-video.bg--type-color .block-video__caption,
.block-video.bg--type-image .block-video__caption,
.block-video.bg--type-tint .block-video__caption {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.block-video.bg--type-accent.bg--range-light .block-video__caption,
.block-video.bg--type-color.bg--range-light .block-video__caption,
.block-video.bg--type-image.bg--range-light .block-video__caption,
.block-video.bg--type-tint.bg--range-light .block-video__caption {
  border-color: rgba(0, 0, 0, 0.3);
}
.block-video__item {
  margin: 0 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: 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-top: 56.25%;
}
.block-embed {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-embed__wrapper {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  max-width: 76rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-embed__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-embed__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-embed__wrapper--medium {
  max-width: 110rem;
}
.block-embed__wrapper--medium .embed__meta__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 76rem;
}
.block-embed__wrapper--full {
  max-width: 100%;
  padding: 0;
}
.block-embed__wrapper--full .embed__meta__content,
.block-embed__wrapper--full .embed__provider {
  margin-left: auto;
  margin-right: auto;
  max-width: 76rem;
}
@media (max-width: 64em) {
  .block-embed__wrapper--full .embed__meta__content,
  .block-embed__wrapper--full .embed__provider {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.block-embed__item {
  border-radius: 0.4rem;
  box-sizing: border-box;
  width: 100%;
}
.block-embed__item--border,
.block-embed__item.block-card--white {
  padding: 3rem;
}
.block-embed--legacy .block-embed__item {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.block-embed--legacy .block-embed__item--border {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3rem;
}
.block-embed.bg--type-light .block-embed__item.block-card--white {
  border: 0.1rem solid #ddd;
  box-shadow: none;
}
.block-embed__provider {
  color: #bfbfc0;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.block-embed__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 1rem;
}
.block-embed__body {
  font-size: 1.7rem;
  line-height: 2;
  margin-bottom: 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-bottom: 1rem;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.block-embed__frame {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.block-attachment {
  align-items: center;
  background-color: #fff;
  border: 1px solid #76767c;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 3.1rem;
  text-decoration: none;
}
.block-attachment--none {
  background-color: #f7f7f7;
  cursor: auto;
}
.block-attachment__main {
  align-items: center;
  display: flex;
  flex: 1;
}
.block-attachment__info {
  padding: 0 2.3rem;
}
.block-attachment__icon {
  line-height: 0;
}
.block-attachment__title {
  color: #313537;
  font-size: 1.7rem;
  font-weight: 700;
  padding-bottom: 0.3rem;
}
@media print {
  .block-attachment__title {
    font-size: 1.5rem;
  }
}
.block-attachment__size {
  color: #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: #76767c;
}
.noSelect {
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.noOutline {
  outline: none;
}
.cursorAuto {
  cursor: auto;
}
.visually-hidden-always,
.visually-hidden:not(:focus):not(:active) {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.abs-center-x {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.partner-content-block-card {
  display: flex;
  justify-content: center;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 4rem;
}
@media (max-width: 33.6875em) {
  .partner-content-block-card {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
  }
}
@media (max-width: 25.8125em) {
  .partner-content-block-card {
    display: flex;
    flex-direction: column;
  }
}
.partner-content-block-card__divider {
  border: 0.1rem solid #d6d7d7;
  margin-top: 4.5rem;
  transform: rotate(-90deg);
  width: 9.2rem;
}
@media (max-width: 33.6875em) {
  .partner-content-block-card__divider {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 25.8125em) {
  .partner-content-block-card__divider {
    display: none;
  }
}
.block-text__container {
  overflow: visible;
}
.continue-btn {
  border: 0.1rem solid transparent;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.17rem;
  line-height: 1.5rem;
  padding: 2rem 3rem;
  text-align: center;
  text-decoration: none;
  /*Gourish Mesta Changed width 100% to width: 70%;margin: auto;*/
  width: 70%;
  margin: auto;
}
.continue-btn--gray {
  background-color: #f5f5f5;
  color: #4a4a4a;
}
.continue-btn--black {
  background-color: #313537;
}
.continue-hint {
  align-items: center;
  background-color: #fff;
  border: 1px solid #313537;
  border-radius: 3px;
  color: #313537;
  display: flex;
  padding: 1.8rem 3rem;
}
.continue-hint--bg-transparent {
  background-color: transparent;
}
.continue-hint__content {
  flex: 1;
  font-size: 1.5rem;
  margin-left: 3rem;
  text-align: center;
}
.continue-hint__icon {
  height: 1.9rem;
  order: -1;
  width: 1.9rem;
}
.block-flashcards {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-flashcards__animation {
  position: relative;
}
.block-flashcards__wrapper {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
  text-align: center;
}
@media (min-width: 33.75em) {
  .block-flashcards__wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-flashcards__wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.block-flashcards .slick-slide.slick-active {
  z-index: 10;
}
.flashcard {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
  max-height: 46rem;
  max-width: 46rem;
  min-height: 28rem;
  min-width: 28rem;
  perspective: 1000px;
  position: relative;
  transform: scale(0.9) translateZ(0);
  transition: transform 0.5s cubic-bezier(0.6, 0, 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-bottom: 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: 0;
    max-height: inherit;
    max-width: inherit;
    min-height: inherit;
    min-width: inherit;
    transform: scale(1) translateZ(0);
    width: 48%;
  }
}
.flashcard-side {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid #ddd;
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotateY(0deg);
  width: 100%;
  will-change: transform;
}
.slick-slide:not(.slick-active) .flashcard-side {
  left: -20rem;
  transform: rotateY(25deg);
}
.flashcard-side .slick-slide.slick-active {
  left: 0;
}
.slick-slide.slick-active + .slick-slide:not(.slick-active) .flashcard-side {
  left: 20rem;
  transform: rotateY(-25deg);
}
.flashcard-side--front:not(.flashcard-side--fullimage) {
  border-top: none;
}
.flashcard-side--front {
  background-color: #fff;
  opacity: 1;
  transition: transform 0.6s, left 0.45s, opacity 0.1s linear 0ms,
    visibility 0.1s linear 0ms;
  z-index: 1;
}
.flashcard-side--back {
  background-color: #fafafa;
  opacity: 0;
  transform: rotateY(180deg);
  transition: transform 0.6s, left 0.45s, opacity 0.1s linear 0.5s,
    visibility 0.1s linear 0.5s;
  z-index: 0;
}
.flashcard-side--front.flashcard-side--flipped {
  opacity: 0;
  transform: rotateY(-180deg);
  transition: transform 0.6s, left 0.45s, opacity 0.1s linear 0.1s,
    visibility 0.1s linear 0.1s;
  z-index: 0;
}
.flashcard-side--back.flashcard-side--flipped {
  opacity: 1;
  transform: rotateY(0deg);
  transition: transform 0.6s, left 0.45s, opacity 0.1s linear 0ms,
    visibility 0.1s linear 0ms;
  z-index: 1;
}
.flashcard-side__content {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.flashcard-side__content--front:not(.flashcard-side__content--fullimage) {
  border-top: 0.3rem solid var(--color-accent);
}
.flashcard-side__content--image.flashcard-side__content--small {
  padding: 0 2.5rem;
}
.flashcard-side__content--image.flashcard-side__content--large {
  padding: 0 4rem;
}
.flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
  bottom: 0;
  content: "";
  height: 5rem;
  left: 2.5rem;
  pointer-events: none;
  position: absolute;
  right: 2.5rem;
  top: auto;
  transform: translateZ(0);
}
.flashcard-side--front
  .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}
.flashcard-side--back
  .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fafafa);
}
.flashcard-side__content :not(img):not(.flashcard-side-flip__tooltip) {
  transform: translateZ(0);
}
.flashcard-side__img--centered {
  margin: 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-weight: 300;
  overflow: auto;
  width: 100%;
  word-break: break-word;
}
.flashcard-side__description--short {
  align-items: center;
  display: flex;
  font-size: 2.9rem;
  justify-content: center;
  line-height: 1.25;
  margin: 5.5rem 2.5rem 5.7rem;
}
.flashcard-side__description--short.flashcard-side__description--large {
  margin: 6.8rem 4rem 7rem;
}
.flashcard-side__description--long,
.flashcard-side__description--long-overflow {
  font-size: 2rem;
  line-height: 1.5625;
  text-align: left;
}
.flashcard-side__description--long {
  align-items: center;
  display: flex;
  padding: 1.3rem 2.5rem 1rem;
}
.flashcard-side__description--long-overflow {
  padding: 1.3rem 2.5rem;
}
.flashcard-side__description--long-overflow.flashcard-side__description--large {
  padding: 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-flip {
  bottom: 0.8rem;
  position: absolute;
  right: 0.8rem;
  z-index: 1;
}
.flashcard-side-flip__btn {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.6);
  border-radius: 0.4rem;
  color: #000;
  display: flex;
  height: 2.6rem;
  justify-content: center;
  padding: 0.5rem 0.3rem;
  width: 2.8rem;
}
.flashcard-side-flip__btn--visually-hidden {
  opacity: 0.00001;
}
.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: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__icon {
  height: 1.6rem;
  width: 2.2rem;
}
.flashcard-side-flip__tooltip {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0.5rem;
  bottom: calc(100% + 1rem);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 1.4rem;
  left: 50%;
  max-width: 30rem;
  opacity: 0;
  padding: 1.2rem 1.6rem;
  pointer-events: none;
  position: absolute;
  transform: translate3d(-50%, 1.5rem, 0);
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  width: -webkit-max-content;
  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;
  left: calc(50% - 0.5rem);
  position: absolute;
  top: calc(100% - 0.5rem);
  transform: rotate(-45deg);
  width: 1rem;
}
.flashcard-side-flip__btn--prefers-keyboard.focus-visible
  + .flashcard-side-flip__tooltip,
.flashcard-side-flip__btn:not(.flashcard-side-flip__btn--visually-hidden):hover
  + .flashcard-side-flip__tooltip {
  opacity: 1;
  pointer-events: all;
  transform: translate3d(-50%, 0, 0);
}
.flashcard-side-flip__btn--prefers-keyboard:focus-visible
  + .flashcard-side-flip__tooltip,
.flashcard-side-flip__btn:not(.flashcard-side-flip__btn--visually-hidden):hover
  + .flashcard-side-flip__tooltip {
  opacity: 1;
  pointer-events: all;
  transform: translate3d(-50%, 0, 0);
}
.block-flashcards-slider {
  zoom: 1;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  text-align: center;
}
.block-flashcards-slider:after,
.block-flashcards-slider:before {
  content: " ";
  display: table;
}
.block-flashcards-slider:after {
  clear: both;
}
.block-flashcards-slider__info {
  align-items: flex-start;
  bottom: 0.5rem;
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
  min-height: 9rem;
  padding: 0 2rem;
  position: absolute;
  width: 100%;
}
.block-flashcards-slider__progress {
  max-width: 160px;
  position: relative;
  width: 100%;
}
@media (max-width: 22.4375em) {
  .block-flashcards-slider__progress {
    width: 10rem;
  }
}
.block-flashcards-slider__progress-text {
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: 0.005em;
  line-height: 1.285714;
  margin-bottom: 1rem;
}
.block-flashcards-slider__progress-line {
  border-bottom: max(0.1rem, 1px) solid #eaebeb;
  position: relative;
}
@media (forced-colors: active) {
  .block-flashcards-slider__progress-line {
    border: max(0.1rem, 1px) solid #eaebeb;
    padding: 0.2rem;
  }
}
.block-flashcards-slider__progress-runner {
  border-bottom: max(0.1rem, 1px) solid var(--color-accent);
  left: 0;
  position: absolute;
  transition: width 0.3s;
}
@media (forced-colors: active) {
  .block-flashcards-slider__progress-runner {
    border-bottom-width: 0.5rem;
    bottom: 0;
  }
}
.block-flashcards-slider--carousel {
  margin-bottom: 3rem;
}
.block-flashcards-slider__slide {
  outline: none;
  padding: 10rem 10px 11rem;
  width: 480px;
}
@media (min-width: 48em) {
  .block-flashcards-slider__slide {
    transition: opacity 0.2s ease-in-out;
  }
}
.block-flashcards-slider__slides {
  position: static;
}
.block-flashcards-slider__controls {
  bottom: 10rem;
  left: 0;
  max-width: 48rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}
@media (min-width: 30em) {
  .block-flashcards-slider__controls {
    left: 50%;
    margin-left: -24rem;
  }
}
.block-flashcards-slider--carousel .block-flashcards-slider__captions,
.block-flashcards-slider--carousel .block-flashcards-slider__slides,
.block-flashcards-slider--full-carousel .block-flashcards-slider__captions,
.block-flashcards-slider--full-carousel .block-flashcards-slider__slides {
  overflow: hidden;
}
.block-flashcards-slider--carousel .block-flashcards-slider__caption-slide,
.block-flashcards-slider--carousel .block-flashcards-slider__image-slide,
.block-flashcards-slider--full-carousel .block-flashcards-slider__caption-slide,
.block-flashcards-slider--full-carousel .block-flashcards-slider__image-slide {
  float: left;
}
.block-flashcards-slider--carousel .block-flashcards-slider__wrap,
.block-flashcards-slider--full-carousel .block-flashcards-slider__wrap {
  position: relative;
}
.block-flashcards-slider--carousel .block-flashcards-slider__arrow,
.block-flashcards-slider--full-carousel .block-flashcards-slider__arrow {
  align-items: center;
  background-color: var(--color-accent);
  border: max(0.1rem, 1px) solid var(--color-accent);
  border-radius: 50%;
  display: flex;
  height: 4.2rem;
  justify-content: center;
  left: 5rem;
  outline-offset: 0.3rem;
  pointer-events: auto;
  position: absolute;
  top: 0.5rem;
  width: 4.2rem;
}
.block-flashcards-slider--carousel .block-flashcards-slider__arrow--prev,
.block-flashcards-slider--full-carousel .block-flashcards-slider__arrow--prev {
  transform: rotate(90deg);
}
.block-flashcards-slider--carousel .block-flashcards-slider__arrow--next,
.block-flashcards-slider--full-carousel .block-flashcards-slider__arrow--next {
  left: auto;
  right: 5rem;
  transform: rotate(-90deg);
}
.block-flashcards-slider__controls--beginning
  .block-flashcards-slider__arrow--prev,
.block-flashcards-slider__controls--end .block-flashcards-slider__arrow--next {
  cursor: auto;
  opacity: 0.3 !important;
}
.block-flashcards-slider .flashcard {
  margin: 0 auto;
}
.block-flashcards-slider-arrow-icon {
  color: #fff;
  height: auto;
  margin-top: 0.4rem;
  width: 2rem;
}
.block-knowledge {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-knowledge__wrapper {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0.4rem 1.2rem 0.2rem rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* Gourish Mesta Changed from 4rem 4rem 4rem to 2rem 4rem 2rem */
  padding: 2rem 4rem 2rem;
}
@media (max-width: 33.6875em) {
  .block-knowledge__wrapper {
    padding: 4rem 4rem 4rem;
  }
}
.block-knowledge__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .block-knowledge__container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .block-knowledge__container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 52.5em) {
  .block-knowledge__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .block-knowledge__col:first-child {
    margin-left: 8.3333333333%;
  }
}
.block-knowledge__retake-container {
  max-height: 0;
  min-height: 0;
  text-align: center;
  transition: max-height 0.4s 0.2s, min-height 0.4s 0.2s;
}
.block-knowledge__retake-container--active {
  max-height: 5rem;
}
.block-knowledge__retake {
  background: transparent;
  border: 0;
  color: #313537;
  cursor: pointer;
  letter-spacing: 0.8px;
  max-width: 17rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s 0.9s;
}
.block-knowledge__retake--active {
  opacity: 1;
  pointer-events: all;
}
.block-knowledge__retake-content {
  transition: color 0.3s;
}
.block-knowledge__retake-icon {
  display: block;
  font-size: 2.2rem;
  margin-top: 1rem;
}
.block-knowledge__retake-text {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}
.block-knowledge .quiz-card {
  margin-bottom: 1.5rem;
  min-height: 0;
  min-height: auto;
  padding: 0;
  z-index: 1;
}
.block-knowledge .quiz-card__container {
  box-shadow: none;
  min-height: 21rem;
  padding: 0;
}
@media (max-width: 33.6875em) {
  .block-knowledge .quiz-card__container {
    min-height: 20rem;
  }
}
.block-knowledge .quiz-card__row {
  margin: 0;
  padding: 0 !important;
}
.block-knowledge .quiz-card__main {
  float: none;
  margin: 0;
  padding: 0.4rem;
  width: 100%;
}
.block-knowledge .quiz-card__title {
  margin-bottom: 1rem;
}
.block-knowledge .quiz-card__submit {
  height: 4rem;
}
.block-knowledge .quiz-card__actions {
  padding-bottom: 0.2rem;
}
.block-knowledge .quiz-card__actions--proceed .quiz-card__submit {
  transition: opacity 0.3s, height 0.28s 0.3s;
}
.block-knowledge .quiz-card__interactive {
  margin-bottom: 1.5rem;
}
.block-knowledge .quiz-card__interactive--fill {
  border-top: none;
}
.block-knowledge .quiz-card__feedback--active {
  min-height: 0;
}
.block-knowledge .quiz-card__media .figure-video {
  margin-bottom: 0;
}
.block-knowledge .quiz-card .quiz-multiple-choice-option__label {
  font-size: 1.5rem;
}
.block-knowledge .quiz-card .quiz-fill {
  margin-top: 2rem;
}
.block-knowledge .quiz-card .quiz-fill__icon {
  left: auto;
  right: 0;
}
.block-knowledge .quiz-card .quiz-match {
  margin-left: 0;
  margin-right: 0;
  padding-top: 3rem;
}
.block-knowledge .quiz-card .quiz-match__item {
  margin-bottom: 2.5rem;
  min-height: 5.8rem;
}
.block-knowledge .quiz-card .quiz-match__item-feedback {
  margin-bottom: 2.3rem;
}
@media (max-width: 29.9375em) {
  .block-knowledge .quiz-card .quiz-match__item--matched {
    margin-left: 2.5rem;
  }
  .block-knowledge .quiz-card .quiz-match__list--results {
    left: 0;
  }
}
.block-knowledge--retake .quiz-card__submit {
  transition: opacity 0.3s 0.6s, height 0.3s 0.3s;
}
.block-knowledge--retake .quiz-card__feedback {
  transition: max-height 0.6s;
}
.block-knowledge--retake .quiz-card__feedback-wrap {
  padding: 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 0.6s;
}
.block-knowledge--retake .block-knowledge__retake,
.block-knowledge--retake__retake-container {
  transition: opacity 0.6s;
}
.block-knowledge--retake .quiz-multiple-choice-option__border {
  bottom: 0.5rem;
  top: 0.5rem;
}
.block-knowledge--retake .quiz-multiple-choice-option__border:before {
  transition: opacity 0.25s, border 0.25s 0.25s, right 0.25s 0.25s;
}
.block-knowledge--retake .quiz-multiple-choice-option .icon {
  transition: opacity 0.25s;
}
.block-knowledge--retake
  .quiz-multiple-choice-option__input:checked
  + .quiz-multiple-choice-option__label
  .quiz-multiple-choice-option__radio:after {
  transition: 0ms 0.5s;
}
.block-knowledge--answered .quiz-card__answers {
  pointer-events: none;
}
.quiz-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 5.5rem 0.5rem 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 33.75em) {
  .quiz-card {
    padding: 7.5rem 0.5rem 1rem;
  }
}
@media (min-width: 45em) {
  .quiz-card {
    padding: 9rem 6rem 4rem;
  }
}
.quiz-card__container {
  background: #fff;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 102rem;
  min-height: calc(100vh - 8.5rem);
  padding: 1rem 3.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .quiz-card__container {
    min-height: calc(100vh - 13rem);
    padding: 2rem 0 0;
  }
}
.quiz-card__feedback {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  transition: max-height 1s linear 0.3s, min-height 0ms 0.3s;
}
.quiz-card__feedback--active {
  max-height: 100rem;
  min-height: 10rem;
}
.quiz-card__feedback .quiz-card__row {
  padding-bottom: 7rem;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.quiz-card__feedback-wrap {
  opacity: 0;
  outline: none;
  position: relative;
  transform: scale(1.1);
  transition: opacity 0.6s 0.6s, transform 0.6s 0.6s;
}
.quiz-card__feedback--active .quiz-card__feedback-wrap {
  opacity: 1;
  padding-top: 0;
  transform: scale(1);
}
.quiz-card__feedback--frame .quiz-card__feedback-wrap {
  background-color: #f8f8f8;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  padding-top: 3rem;
}
.quiz-card__feedback-icon {
  border: 0.2rem solid #cacbcb;
  border-radius: 50%;
  display: block;
  height: 5rem;
  line-height: 5rem;
  margin: 0 auto;
  opacity: 0;
  text-align: center;
  transform: scale(1.2);
  transition: opacity 0.6s 0.9s, transform 0.6s 0.9s;
  width: 5rem;
}
.quiz-card__feedback-icon [class*="icon-"] {
  font-size: 3rem;
}
.quiz-card__feedback--active .quiz-card__feedback-icon {
  opacity: 1;
  transform: scale(1);
}
.quiz-card__feedback-label {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 0rem;
  margin-top: 0.5rem;
  opacity: 0;
  text-align: center;
  transform: scale(1.1);
}
.quiz-card__feedback--active .quiz-card__feedback-label {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.6s 0.9s, transform 0.6s 0.9s;
}
.quiz-card__feedback-text {
  word-wrap: break-word;
  color: #707070;
  font-family: merriweather, serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  max-height: 74rem;
  opacity: 0;
  overflow: auto;
  padding-left: 11.1111111111%;
  padding-right: 11.1111111111%;
  padding-top: 0.3rem;
  text-align: center;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.6s 1.05s, transform 0.6s 1.05s;
}
.quiz-card__feedback--active .quiz-card__feedback-text {
  opacity: 1;
  padding-bottom: 0.2rem;
  transform: translateZ(0);
}
.quiz-card__title {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 2;
  margin-bottom: 1rem;
  position: relative;
}
@media (min-width: 45em) {
  .quiz-card__title {
    margin-bottom: 2rem;
  }
}
.quiz-card__description {
  color: rgba(49, 53, 55, 0.8);
  font-family: merriweather, serif;
  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-top: 1px solid #eaeaeb;
  margin: 1.5rem 0;
  padding: 1rem 0;
}
.quiz-card__interactive--no-border {
  border-top: none;
}
@media (min-width: 45em) {
  .quiz-card__interactive {
    margin: 1.5rem 0 5rem;
  }
}
.quiz-card__step-label {
  display: inline-block;
  font-family: merriweather, serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.quiz-card__number {
  margin: 3rem 0;
}
@media (min-width: 48em) {
  .quiz-card__number {
    margin: 3rem 0 4.5rem;
  }
}
@media print {
  .quiz-card__number {
    margin-top: 0;
  }
}
.quiz-card__counter {
  color: #50abf1;
  font-family: Oswald, serif;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 4rem;
  position: relative;
  text-align: left;
  transition-duration: 0.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__button {
  background-color: silver;
  border: 2px solid transparent;
  border-radius: 2rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  height: 4rem;
  letter-spacing: 0.04em;
  line-height: 3.4rem;
  max-width: 17rem;
  min-width: 10rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: background 0.3s, color 0.3s, opacity 0.3s;
  width: 100%;
}
@media (forced-colors: active) {
  .quiz-card__button {
    transition: opacity 0.3s;
  }
}
.quiz-card__button:hover {
  opacity: 0.8;
}
.quiz-card__button:active {
  opacity: 1;
}
.quiz-card__button--disabled {
  pointer-events: none;
}
.quiz-card__button--disabled:hover {
  opacity: 1;
}
.quiz-card__submit {
  height: 10rem;
  opacity: 1;
  text-align: center;
  transition: height 0.3s 1.5s, opacity 0.3s 1.5s;
}
.quiz-card__actions--proceed .quiz-card__submit {
  height: 0;
  margin: 0;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s;
}
.quiz-card__next {
  opacity: 0;
  padding: 2rem 0;
  text-align: center;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 0.6s 1.2s, transform 0.6s 1.2s;
}
.quiz-card__actions--proceed .quiz-card__next {
  opacity: 1;
  transform: translate3d(0, -1rem, 0);
}
.quiz-card__media .img {
  margin-bottom: 0;
  max-height: 64rem;
}
.quiz-card .img-img {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 33.75em) {
  .quiz-card__media ~ .quiz-card__interactive .quiz-match {
    padding-top: 1rem;
  }
}
@media (min-width: 48em) {
  .quiz-card__row {
    zoom: 1;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 3rem 0 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: left;
    margin-left: 16.6666666667%;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 66.6666666667%;
  }
}
.quiz-card__retake-container {
  margin-bottom: 3rem;
  max-height: 0;
  min-height: 0;
  text-align: center;
  transition: max-height 0.4s 1s, min-height 0.4s 1s;
}
.quiz-card__retake-container--active {
  max-height: 5rem;
}
.quiz-card__retake {
  background: transparent;
  border: 0;
  color: #313537;
  cursor: pointer;
  letter-spacing: 0.08rem;
  max-width: 17rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s 0.9s;
}
.quiz-card__retake--active {
  opacity: 1;
  pointer-events: all;
}
.quiz-card__retake-content {
  transition: color 0.3s;
}
.quiz-card__retake-icon {
  display: block;
  font-size: 2.2rem;
  margin-top: 1rem;
}
.quiz-card__retake-text {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}
.quiz-fill__container {
  border-bottom: 1px solid #eaeaeb;
  padding-bottom: 1.25rem;
  position: relative;
}
.quiz-fill__icon {
  left: -2.5rem;
  opacity: 0;
  position: absolute;
  top: 0.35rem;
  transition: opacity 0.3s;
  visibility: hidden;
}
.quiz-fill__icon--visible {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 48em) {
  .quiz-fill__icon {
    left: -4rem;
  }
}
.quiz-fill__input {
  background: transparent;
  border: none;
  cursor: text;
  font-family: lato, sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  resize: none;
  width: 100%;
}
.quiz-fill__input::-webkit-input-placeholder {
  color: #76767c;
}
.quiz-fill__input:-moz-placeholder,
.quiz-fill__input::-moz-placeholder {
  color: #76767c;
  opacity: 1;
}
.quiz-fill__input:-ms-input-placeholder {
  color: #76767c;
}
.quiz-fill__options {
  color: #76767c;
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 1rem;
  opacity: 0;
  transition: opacity 0.9s;
  visibility: hidden;
}
.quiz-fill__options--visible,
.quiz-match {
  opacity: 1;
  visibility: visible;
}
.quiz-match {
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
  position: relative;
  transition: opacity 0.3s;
}
.quiz-match--hidden {
  opacity: 0;
  visibility: hidden;
}
.quiz-match--completed .quiz-match__list--results {
  left: -1.75rem;
  min-width: 2rem;
}
@media (min-width: 33.75em) {
  .quiz-match--completed .quiz-match__list--results {
    left: auto;
    margin-left: 0;
    transform: none;
  }
  .quiz-match {
    margin-left: 0;
    margin-right: 0;
    padding-top: 4rem;
  }
}
.quiz-match__list {
  width: 50%;
}
.quiz-match__list--results {
  position: absolute;
  width: 0;
}
.quiz-match__item {
  display: flex;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05));
  font-size: 1.2rem;
  line-height: 1.23;
  margin-bottom: 2rem;
  position: relative;
  z-index: 0;
}
.quiz-match__item.dragging {
  z-index: 1;
}
@media print {
  .quiz-match__item {
    filter: none;
  }
}
@media (min-width: 33.75em) {
  .quiz-match__item {
    font-size: 1.4rem;
    letter-spacing: 0.02rem;
    line-height: normal;
    margin-bottom: 3rem;
  }
}
.quiz-match__item--ms_browser-focus {
  outline-style: none;
}
.quiz-match__item--ms_browser-focus:focus {
  outline-color: gray;
  outline-offset: 0.1rem;
  outline-style: dashed;
  outline-width: 0.5px;
}
.quiz-match__item-wrapper {
  display: flex;
  height: 100%;
  left: 0;
  padding: 0 2rem;
  position: absolute;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
  z-index: 0;
}
.quiz-match__item-wrapper.draggable--dragging {
  transition: none;
}
.quiz-match__item-wrapper.movable-item__will-enter-up {
  opacity: 0.1;
  transform: translateY(100%) translateZ(0) !important;
  transition: none;
}
.quiz-match__item-wrapper.movable-item__will-enter-down {
  opacity: 0.1;
  transform: translateY(-100%) translateZ(0) !important;
  transition: none;
}
.quiz-match__item-wrapper.movable-item__will-enter-down.movable-item__will-enter-active,
.quiz-match__item-wrapper.movable-item__will-enter-up.movable-item__will-enter-active {
  opacity: 1;
  transform: translateY(0) translateZ(0) !important;
  transition: transform 0.3s, opacity 0.1s;
}
@media (min-width: 33.75em) {
  .quiz-match__item-wrapper {
    padding-right: 3rem;
  }
}
.quiz-match__item--draggable {
  margin-right: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 33.75em) {
  .quiz-match__item--draggable {
    margin-right: 2rem;
  }
}
.quiz-match__item--immobile {
  margin-left: 0.5rem;
  padding-left: 2rem;
  padding-right: 1rem;
}
@media (min-width: 33.75em) {
  .quiz-match__item--immobile {
    margin-left: 2rem;
    padding-left: 3rem;
  }
}
.quiz-match__item--matched {
  margin-left: 1rem;
  margin-right: -2rem;
}
.quiz-match__item--matched
  .quiz-match__item-wrapper.draggable.movable-item__will-enter-down,
.quiz-match__item--matched
  .quiz-match__item-wrapper.draggable.movable-item__will-enter-up {
  opacity: 1;
  transform: translateY(0) translateZ(0) !important;
}
@media (min-width: 33.75em) {
  .quiz-match__item--matched {
    margin-left: 4rem;
    margin-right: -4rem;
  }
}
.quiz-match__item--faded {
  opacity: 0.4;
}
.quiz-match__item,
.quiz-match__item-feedback {
  min-height: 60px;
}
.quiz-match__item-feedback:last-of-type,
.quiz-match__item:last-of-type {
  margin-bottom: 0;
}
.quiz-match__item-feedback {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  opacity: 1;
  position: relative;
  transition: opacity 0.3s;
}
.quiz-match__item-feedback--hidden {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 33.75em) {
  .quiz-match__item-feedback {
    margin-bottom: 3rem;
  }
}
.quiz-match__item-feedback-bubble {
  align-items: center;
  background-color: #313537;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.quiz-match__item-content {
  align-items: center;
  display: flex;
  transform: translateZ(0);
}
.quiz-match__item-content > span {
  transform: translateY(-1px);
}
.quiz-match__item-arrow,
.quiz-match__item-tail {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.quiz-match__item-arrow > path,
.quiz-match__item-arrow > polygon,
.quiz-match__item-arrow > rect,
.quiz-match__item-tail > path,
.quiz-match__item-tail > polygon,
.quiz-match__item-tail > rect {
  /* vector-effect: non-scaling-stroke; */
  stroke-width: 1px;
}
.quiz-match__item--matched .quiz-match__item-arrow > rect,
.quiz-match__item--matched .quiz-match__item-tail > rect,
.quiz-match__item-wrapper.draggable:focus .quiz-match__item-arrow > rect,
.quiz-match__item-wrapper.draggable:focus .quiz-match__item-tail > rect,
.quiz-match__item-wrapper.draggable:hover .quiz-match__item-arrow > rect,
.quiz-match__item-wrapper.draggable:hover .quiz-match__item-tail > rect {
  fill: #313537;
  stroke: #313537;
}
.quiz-match__item-arrow > polygon,
.quiz-match__item-tail > polygon {
  fill: #fff;
  stroke: #ddd;
}
.quiz-match__item-arrow > rect {
  fill: #a8a8a8;
  stroke: #a8a8a8;
}
.quiz-match__item--active .quiz-match__item-tail > polygon {
  stroke: #ccc;
}
.quiz-match__item-arrow--selected > polygon {
  fill: #f3f3f3;
}
.quiz-match__item-tail--selectable > polygon {
  stroke: #a8a8a8;
}
.quiz-match__item-sortable {
  fill: #76767c;
  display: none;
}
.quiz-match__item-wrapper.draggable:focus .quiz-match__item-sortable,
.quiz-match__item-wrapper.draggable:hover .quiz-match__item-sortable {
  fill: #313537;
}
.quiz-match__item-sortable--dots {
  left: -1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 33.75em) {
  .quiz-match__item-sortable {
    display: block;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .quiz-match__item-sortable--dots {
    display: none;
  }
}
.draggable {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.draggable--dragging {
  cursor: grabbing;
}
.draggable--placeholder {
  opacity: 0;
  visibility: hidden;
}
.quiz-multiple-choice-option-wrap {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding: 3rem 3.4rem;
  position: relative;
}
@media (min-width: 25.875em) {
  .quiz-multiple-choice-option-wrap {
    -webkit-hyphens: inherit;
    -ms-hyphens: inherit;
    hyphens: inherit;
    padding: 1.5rem 5rem !important;
    /* 3rem 5rem; */
  }
}
.quiz-multiple-choice-option-wrap:hover:not(
    .quiz-multiple-choice-option-wrap--complete
  ) {
  background-color: #f7f7f8;
  cursor: pointer;
}
.quiz-multiple-choice-option {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.quiz-multiple-choice-option--keyboard:focus:not(.is-complete) {
  background-color: #f7f7f8;
}
.quiz-multiple-choice-option__indicator {
  align-items: center;
  border: 0.1rem solid #8a8c8d;
  border-radius: 50%;
  display: flex;
  height: 2rem;
  justify-content: center;
  left: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}
.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: 1rem;
  transform: scale(0.6);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
  width: 1rem;
}
.quiz-multiple-choice-option__dot--active {
  transform: scale(1);
}

/* Start  of custom CSS By GM => 11/04/23*/
.quiz-multiple-choice-option .quiz-multiple-choice-option__dot,
.quiz-multiple-choice-option .i.i-exMark.quiz-multiple-choice-option__x,
.quiz-multiple-choice-option .quiz-multiple-choice-option__check,
.quiz-multiple-choice-option.is-complete.is-correct
  .quiz-multiple-choice-option__dot.quiz-multiple-choice-option__dot--active,
.quiz-multiple-choice-option.is-complete.is-correct
  .i.i-exMark.quiz-multiple-choice-option__x.quiz-multiple-choice-option__x--active {
  display: none;
}

.quiz-multiple-choice-option.is-selected .quiz-multiple-choice-option__dot {
  display: block;
}

.quiz-multiple-choice-option.is-complete.is-incorrect
  .quiz-multiple-choice-option__dot,
.quiz-multiple-choice-option.is-complete.is-incorrect
  .quiz-multiple-choice-option__check {
  display: none;
}
.quiz-multiple-choice-option.is-complete.is-correct
  .quiz-multiple-choice-option__check,
.quiz-multiple-choice-option.is-complete.is-incorrect
  .i.i-exMark.quiz-multiple-choice-option__x {
  display: block;
}

.quiz-multiple-choice-option.is-complete.is-incorrect.is-selected
  .quiz-multiple-choice-option__dot {
  display: none;
}
.quiz-multiple-choice-option.is-complete.is-correct.is-selected
  .quiz-multiple-choice-option__check {
  display: block;
}
.quiz-multiple-choice-option.is-complete.is-incorrect.is-selected
  .quiz-multiple-choice-option__check {
  display: none;
}
.quiz-multiple-choice-option.is-complete.is-incorrect.is-selected
  .i.i-exMark.quiz-multiple-choice-option__x.quiz-multiple-choice-option__x--active {
  display: block;
}
/* End of custom CSS */
.quiz-multiple-choice-option__check,
.quiz-multiple-choice-option__x {
  transition: opacity 0.3s, visibility 0.3s;
}
.quiz-multiple-choice-option__check {
  color: var(--color-accent);
  height: 0.7rem;
  width: 0.9rem;
}
.quiz-multiple-choice-option__x {
  width: 0.8rem;
}
.quiz-multiple-choice-option__text {
  word-wrap: break-word;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-left: 3.5rem;
  position: relative;
  z-index: 1;
}
.quiz-multiple-choice-option__border {
  position: absolute;
  transition: width 0.45s 0.3s;
  width: 0;
}
.quiz-multiple-choice-option__border:before {
  border: 0 solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: -0.2rem;
  top: 0;
  transition: border 0.3s 0.3s, right 0ms 0.72s;
}
.quiz-multiple-choice-option.is-complete.is-selected
  .quiz-multiple-choice-option__border {
  bottom: 0.5rem;
  left: 0;
  overflow: hidden;
  top: 0.5rem;
  width: 100%;
}
@media (min-width: 48em) {
  .quiz-multiple-choice-option.is-complete.is-selected
    .quiz-multiple-choice-option__border {
    bottom: -0.5rem;
    top: -0.5rem;
  }
}
.quiz-multiple-choice-option.is-complete.is-correct.is-selected
  .quiz-multiple-choice-option__border:before {
  border: 2px solid #00d400;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
}
.quiz-multiple-choice-option.is-complete.is-incorrect.is-selected
  .quiz-multiple-choice-option__border:before {
  border: 2px solid #e21212;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 48em) {
  .quiz-multiple-choice-option.is-complete.is-selected
    .quiz-multiple-choice-option__border:before {
    bottom: 1rem !important;
    top: 1rem !important;
  }
}
.is-correct
  .quiz-multiple-choice-option.is-complete.is-selected
  .quiz-multiple-choice-option__border:before {
  border: 2px solid #50abf1;
}
.quiz-multiple-response-option-wrap {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding: 2rem 3.4rem;
  position: relative;
}
.quiz-multiple-response-option-wrap {
  /* Gourish Mesta changed from 2rem 5rem to 1.5rem 5rem */
  padding: 1.5rem 5rem !important;
}
@media (min-width: 25.875em) {
  .quiz-multiple-response-option-wrap {
    -webkit-hyphens: inherit;
    -ms-hyphens: inherit;
    hyphens: inherit;
    /* Gourish Mesta changed from 2rem 5rem to 1.5rem 5rem */
    padding: 1.5rem 5rem;
  }
}
.quiz-multiple-response-option-wrap:hover:not(
    .quiz-multiple-response-option-wrap--complete
  ) {
  background-color: #f7f7f8;
  cursor: pointer;
}
.quiz-multiple-response-option {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.quiz-multiple-response-option--keyboard:focus:not(
    .quiz-multiple-response-option--complete
  ) {
  background-color: #f7f7f8;
}
.quiz-multiple-response-option__indicator {
  border: 0.1rem solid #8a8c8d;
  display: inline-block;
  height: 2rem;
  left: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}
.quiz-multiple-response-option__check,
.quiz-multiple-response-option__x {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.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-accent);
  height: 0.7rem;
  width: 0.9rem;
}
.quiz-multiple-response-option--incorrect .quiz-multiple-response-option__x {
  opacity: 1;
  visibility: visible;
}
.quiz-multiple-response-option__text {
  word-wrap: break-word;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-left: 3.5rem;
  position: relative;
  z-index: 1;
}
.quiz-multiple-response-option__border {
  position: absolute;
  transition: width 0.45s 0.3s;
  width: 0;
}
.quiz-multiple-response-option__border:before {
  border: 0 solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: -0.2rem;
  top: 0;
  transition: border 0.3s 0.3s, right 0ms 0.72s;
}
.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected
  .quiz-multiple-response-option__border {
  bottom: 0.5rem;
  left: 0;
  overflow: hidden;
  top: 0.5rem;
  width: 100%;
}
@media (min-width: 48em) {
  .quiz-multiple-response-option--correct.quiz-multiple-response-option--selected
    .quiz-multiple-response-option__border {
    bottom: -0.5rem;
    top: -0.5rem;
  }
}
.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected
  .quiz-multiple-response-option__border:before {
  border: 2px solid #00d400 !important;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 48em) {
  .quiz-multiple-response-option--correct.quiz-multiple-response-option--selected
    .quiz-multiple-response-option__border:before {
    bottom: 1rem;
    top: 1rem;
  }
}
.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected
  .quiz-multiple-response-option__border {
  bottom: 0.5rem;
  left: 0;
  overflow: hidden;
  top: 0.5rem;
  width: 100%;
}
@media (min-width: 48em) {
  .quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected
    .quiz-multiple-response-option__border {
    bottom: -0.5rem;
    top: -0.5rem;
  }
}
.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected
  .quiz-multiple-response-option__border:before {
  border: 2px solid #e21212 !important;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 48em) {
  .quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected
    .quiz-multiple-response-option__border:before {
    bottom: 1rem;
    top: 1rem;
  }
}
.block-labeled-graphic {
  display: block;
}
.block-labeled-graphic .labeled-graphic-canvas__item {
  background: transparent;
}
.block-labeled-graphic .labeled-graphic-canvas__bounds {
  display: block;
  padding: 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: 0 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;
  opacity: 0;
  text-align: center;
  transition: opacity 0.6s;
}
@media (min-width: 37.5em) {
  .view-labeled-graphic .labeled-graphic-canvas {
    margin-bottom: 0;
  }
}
.view-labeled-graphic .labeled-graphic-canvas--visible {
  opacity: 1;
  transform: none;
}
.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: 0 auto;
}
.view-labeled-graphic .labeled-graphic-canvas__image.reset {
  transition: transform 0.3s ease-in-out;
}
.view-labeled-graphic .labeled-graphic-marker {
  transform: scale(0.01);
  transition: transform 0.2s, box-shadow 0.3s;
}
.view-labeled-graphic .labeled-graphic-marker--visible {
  box-shadow: 0 0 0 4rem rgba(80, 171, 241, 0);
  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: 0.2s;
}
.map-item--animated:nth-child(3)
  + .map-item--animated
  .labeled-graphic-marker--visible {
  transition-delay: 0.4s;
}
.map-item--animated:nth-child(4)
  + .map-item--animated
  .labeled-graphic-marker--visible {
  transition-delay: 0.6s;
}
.map-item--animated:nth-child(5)
  + .map-item--animated
  .labeled-graphic-marker--visible {
  transition-delay: 0.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;
}
.bubble {
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: left;
}
@media (max-width: 47.9375em) {
  .bubble {
    bottom: 0 !important;
    left: 0 !important;
    margin: 0;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    z-index: 998;
  }
}
.bubble__body {
  background: #fff;
  border-bottom: 0 solid #50abf1;
  border-radius: 0.4rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  max-width: 22rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: opacity, padding, top, max-width;
  visibility: hidden;
}
.bubble__body:before {
  border: 0.6rem solid transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.bubble__body--has-overflow:after {
  background: linear-gradient(hsla(0, 0%, 100%, 0), #fff) 0 repeat;
  bottom: 3rem;
  content: "";
  height: 8rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}
@media (max-width: 47.9375em) {
  .bubble__body {
    height: 100vh;
    left: 0;
    max-width: none;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: scale(0.9) !important;
    transition-duration: 0.15s;
    transition-property: opacity, transform;
    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 {
  margin-top: -3.5rem;
  top: 0;
}
.bubble__body--top:before {
  top: 2.9rem;
}
.bubble__body--bottom {
  bottom: 0;
  margin-bottom: -3.5rem;
}
.bubble__body--bottom:before {
  bottom: 2.5rem;
}
.bubble__body--middle {
  transform: translate3d(0, -50%, 0);
}
.bubble__body--middle:before {
  bottom: calc(50% - 0.9rem);
}
.bubble--active .bubble__body {
  border-bottom-width: 0.4rem;
  color: #313537;
  max-width: calc(100% - 3.5rem);
  opacity: 1;
  padding: 2rem 2rem 1.80000072rem;
  pointer-events: auto;
  visibility: visible;
  width: 40rem;
  z-index: 301;
}
@media (min-width: 48em) {
  .bubble--active .bubble__body {
    padding: 3rem;
  }
}
@media (max-width: 47.9375em) {
  .bubble--active .bubble__body {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: scale(1) !important;
    width: 100%;
    z-index: 100;
  }
}
@media (min-width: 48em) {
  .bubble--bottom .bubble__body {
    bottom: -0.6rem;
    top: auto;
  }
  .bubble--active .bubble--bottom .bubble__body {
    bottom: -6rem;
    top: auto;
  }
}
.bubble__title {
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 1.2rem;
  margin-top: 0.8rem;
}
@media (min-width: 48em) {
  .bubble__title {
    transition-duration: 0.3s;
    transition-property: font-size, font-weight, margin;
  }
}
.bubble--active .bubble__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
  margin-right: 4.5rem;
  margin-top: 1rem;
}
.bubble__content {
  font-family: merriweather, serif;
  font-size: 1.5rem;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0.4rem;
  width: 33rem;
}
@media (min-width: 48em) {
  .bubble__content {
    max-height: 400px;
    overflow-y: auto;
    transition-duration: 0ms, 0.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: 0.3s, 0.3s;
    transition-duration: 0.3s, 0ms;
    transition-property: opacity, width;
  }
}
.bubble__media:focus {
  outline: none;
}
.bubble__description {
  font-weight: 300;
  letter-spacing: 0.01rem;
  line-height: 1.74;
}
.bubble--active .bubble__description {
  margin-bottom: 1rem;
}
.bubble__figure {
  margin-bottom: 3rem;
}
.bubble__figure .audio-player__housing {
  margin-bottom: 0;
}
.bubble__figure img {
  display: block;
  margin: 0 auto;
}
.bubble__controls {
  cursor: pointer;
  font-family: lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 900;
  height: 4rem;
  line-height: 4rem;
  margin-top: 1rem;
  opacity: 0;
  position: absolute;
  right: 1rem;
  text-transform: uppercase;
  top: 1.2rem;
  transform: translate3d(0, -1rem, 0);
  transition-delay: 0ms;
  transition-duration: 0.75s;
  transition-property: opacity;
}
@media (max-width: 47.9375em) {
  .bubble__controls {
    display: none;
  }
}
.bubble--active .bubble__controls {
  opacity: 1;
  transform: translateZ(0);
  transition-delay: 0.6s;
}
.bubble__next,
.bubble__prev {
  color: #707070;
  cursor: pointer;
  display: inline-block;
  transition: color 0.3s;
}
.bubble__next .icon,
.bubble__prev .icon {
  font-size: 1.2rem;
  transition: color 0.3s;
  vertical-align: -10%;
}
.bubble__next .icon {
  padding: 0 1.5rem 0 0.5rem;
}
.bubble__prev .icon {
  padding: 0 0.5rem 0 1.5rem;
}
.bubble__close {
  background: #fff;
  border: none;
  display: none;
}
@media (max-width: 47.9375em) {
  .bubble__close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 4rem;
    justify-content: center;
    line-height: 4.7rem;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 2rem;
    width: 4rem;
  }
}
.bubble__close-icon {
  height: 1.4rem;
  width: 1.4rem;
}
.labeled-graphic-canvas__figure {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.labeled-graphic-canvas__figure--editable {
  cursor: crosshair;
}
.labeled-graphic-canvas__figure .authoring-tooltip__content {
  left: calc(100% - 2rem);
  top: -2.5rem;
}
.labeled-graphic-canvas__bounds {
  text-align: center;
}
@media print {
  .labeled-graphic-canvas__bounds {
    page-break-inside: avoid;
  }
}
.labeled-graphic-canvas__image {
  display: block;
  margin: 0 auto;
  max-height: 100rem;
  max-width: 100%;
}
.labeled-graphic-canvas__alt-tag {
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 900;
  height: 2rem;
  letter-spacing: 0.1rem;
  padding-top: 0.2rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 3.5rem;
}
.authoring-tooltip {
  position: relative;
}
.authoring-tooltip__content {
  background: #000;
  border: 0.1rem solid transparent;
  box-shadow: 0 0.1rem 0.4rem 0.1rem rgba(0, 0, 0, 0.14);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  padding: 0.8rem 1.6rem;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  white-space: nowrap;
  z-index: 10;
}
.runtime-tooltip .authoring-tooltip__content {
  border-radius: 0.6rem;
  font-weight: 400;
  max-width: 25rem;
  padding: 1.2rem;
  text-align: center;
  white-space: normal;
  width: auto;
  width: -webkit-max-content;
  width: max-content;
}
.authoring-tooltip__content:before {
  background: #000;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  content: "";
  height: 0;
  height: 1rem;
  left: calc(50% + 0.5rem);
  position: absolute;
  top: calc(100% - 0.55rem);
  width: 0;
  width: 1rem;
}
.authoring-tooltip__content ol,
.authoring-tooltip__content ul {
  line-height: 1.5;
}
.authoring-tooltip__content--top {
  left: 50%;
  top: -3rem;
  transform: translate(-50%, 15%);
}
.authoring-tooltip__content--top:before {
  bottom: -0.4rem;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
}
.authoring-tooltip__content--bottom {
  bottom: -3rem;
  left: 50%;
  transform: translate(-50%, -15%);
}
.authoring-tooltip__content--bottom:before {
  left: 50%;
  top: -0.4rem;
  transform: translate(-50%) rotate(225deg);
}
.authoring-tooltip__content--left {
  left: 0;
  top: 50%;
  transform: translate(-96%, -50%);
}
.authoring-tooltip__content--left:before {
  left: auto;
  right: -0.4rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.authoring-tooltip__content--right {
  right: 0;
  top: 50%;
  transform: translate(96%, -50%);
}
.authoring-tooltip__content--right:before {
  left: -0.4rem;
  top: 50%;
  transform: translateY(-50%) rotate(-225deg);
}
.authoring-tooltip.content-focused .authoring-tooltip__content,
.authoring-tooltip.runtime-tooltip--show .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: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: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: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:hover .authoring-tooltip__content--right,
.overview-list__link--restricted:hover
  .authoring-tooltip
  .authoring-tooltip__content--right {
  transform: translate(101%, -50%);
}
.page__wrapper .authoring-tooltip {
  bottom: 0;
  height: 6rem;
  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;
  padding-left: 1rem;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
}
.portal-tooltip.right {
  left: calc(100% - 1rem);
  top: 50%;
  transform: translate(-1rem, -50%);
}
.portal-tooltip.above {
  bottom: calc(100% - 1rem);
  left: 50%;
  transform: translate(-50%, 1rem);
}
.portal-tooltip--visible {
  opacity: 1;
}
.portal-tooltip--visible.right {
  transform: translate(0.4rem, -50%);
}
.portal-tooltip--visible.above {
  transform: translate(-50%, -1.6rem);
}
.portal-tooltip__inner {
  background-color: #313537;
  border: 0.1rem solid transparent;
  box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1rem;
  padding: 0.8rem 1.6rem;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.portal-tooltip__inner:after {
  background: #313537;
  border-color: transparent;
  border-style: none solid solid none;
  border-width: 0.1rem;
  content: "";
  height: 1rem;
  margin-left: -1rem;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
}
.right .portal-tooltip__inner:after {
  left: 0.6rem;
  top: calc(50% - 0.5rem);
}
.above .portal-tooltip__inner:after {
  bottom: -0.6rem;
  left: calc(50% + 0.5rem);
}
@keyframes markerPulse {
  0% {
    transform: scale(0.65);
  }
  to {
    transform: scale(1);
  }
}
.labeled-graphic-marker {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(80, 171, 241, 0.9);
  height: 4rem;
  margin-left: -2rem;
  margin-top: -2rem;
  position: absolute;
  transition: transform 0ms, box-shadow 0.3s;
  width: 4rem;
  z-index: 3;
}
.labeled-graphic-marker__pin {
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.75);
  box-sizing: content-box;
  color: #313537;
  cursor: pointer;
  font-size: 1.3rem;
  height: 2rem;
  left: 0;
  line-height: 2.2rem;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: width 0.2s, height 0.2s, margin 0.2s;
  width: 2rem;
}
.labeled-graphic-marker__pin:before {
  border: 0.2rem solid transparent;
  border-radius: 50%;
  bottom: -0.2rem;
  content: "";
  left: -0.2rem;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
  transition: border-color 0.1s;
}
.labeled-graphic-marker__pin:after {
  animation: markerPulse 2s ease-in-out infinite alternate;
  border: 8px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  bottom: -2.4rem;
  content: "";
  left: -2.4rem;
  pointer-events: none;
  position: absolute;
  right: -2.4rem;
  top: -2.4rem;
}
@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 {
  z-index: 10;
}
.labeled-graphic-marker:hover .labeled-graphic-marker__pin:before {
  border-color: #313537;
}
.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: 0.2rem;
}
.labeled-graphic-marker--dragged .labeled-graphic-marker__pin {
  background-color: rgba(49, 53, 55, 0.5);
  cursor: none;
}
.labeled-graphic-marker--active .labeled-graphic-marker__pin:after {
  display: none;
}
.block-process {
  background-color: #fff;
  overflow: hidden;
}
.pdf-lesson-content .block-process {
  background-color: transparent;
}
.process-block,
.process-block-mobile {
  padding: 3rem 0;
}
.process-block-mobile__inner,
.process-block__inner {
  opacity: 1;
  position: relative;
  transition: height 0.3s, opacity 0.3s;
}
.process-block-mobile__inner--fade,
.process-block__inner--fade {
  opacity: 0;
}
.pdf-lesson-content .process-block-mobile__inner,
.pdf-lesson-content .process-block__inner {
  height: auto !important;
}
@media (min-width: 42.5em) {
  .process-block,
  .process-block-mobile {
    padding: 5rem 0;
  }
}
@media (min-width: 80em) {
  .process-block,
  .process-block-mobile {
    padding: 5rem 4rem;
  }
  .process-block--with-sidebar,
  .process-block-mobile--with-sidebar {
    padding: 5rem 0;
  }
}
@media (min-width: 97.5em) {
  .process-block--with-sidebar,
  .process-block-mobile--with-sidebar {
    padding: 5rem 4rem;
  }
}
.process-block-mobile__inner--initiating {
  opacity: 0;
}
.process-card--entered .process-card-mobile__button,
.process-card--entered .process-card__button,
.process-card-mobile--entered .process-card-mobile__button,
.process-card-mobile--entered .process-card__button {
  max-width: 17rem;
  opacity: 1;
}
.process-card--entered .process-card-mobile__button span,
.process-card--entered .process-card__button span,
.process-card-mobile--entered .process-card-mobile__button span,
.process-card-mobile--entered .process-card__button span {
  opacity: 1;
  transform: translateZ(0);
}
.process-card--active,
.process-card-mobile--active {
  z-index: 2;
}
.process-card--active .process-card-mobile__restart,
.process-card--active .process-card__restart,
.process-card-mobile--active .process-card-mobile__restart,
.process-card-mobile--active .process-card__restart {
  opacity: 1;
}
.process-card--intro,
.process-card--summary,
.process-card-mobile--intro,
.process-card-mobile--summary {
  text-align: center;
}
.process-card--intro .process-card-mobile__inner,
.process-card--intro .process-card__inner,
.process-card--summary .process-card-mobile__inner,
.process-card--summary .process-card__inner,
.process-card-mobile--intro .process-card-mobile__inner,
.process-card-mobile--intro .process-card__inner,
.process-card-mobile--summary .process-card-mobile__inner,
.process-card-mobile--summary .process-card__inner {
  align-items: center;
  display: flex;
  justify-content: center;
}
.process-card-mobile__inner,
.process-card__inner {
  background-color: #fff;
  box-shadow: 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  margin: 0 auto;
  min-height: 38rem;
  position: relative;
  width: 100%;
}
.process-card-mobile__inner > *,
.process-card__inner > * {
  width: 100%;
}
.process-card-mobile__number,
.process-card__number {
  border-radius: 0.8rem;
  display: inline-block;
  left: 50%;
  max-width: 90%;
  padding: 0.8rem 2rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate3d(-50%, -50%, 0);
}
.process-card-mobile__number p,
.process-card__number p {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin: 0;
}
.process-card-mobile__title,
.process-card__title {
  margin-bottom: 2rem;
}
.process-card-mobile__title h2,
.process-card__title h2 {
  font-weight: 700;
  line-height: 1.25;
}
.process-card-mobile__description,
.process-card__description {
  margin-bottom: 2.5rem;
}
.process-card-mobile__description li,
.process-card-mobile__description p,
.process-card__description li,
.process-card__description p {
  font-family: merriweather, serif;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.process-card-mobile__description li:last-child,
.process-card-mobile__description p:last-child,
.process-card__description li:last-child,
.process-card__description p:last-child {
  margin-bottom: 0;
}
.process-card-mobile__media,
.process-card__media {
  text-align: center;
}
.process-card-mobile__media .audio-player,
.process-card__media .audio-player {
  margin-bottom: 0.5rem;
}
.process-card-mobile__media .embed,
.process-card-mobile__media .figure-video,
.process-card-mobile__media .img,
.process-card__media .embed,
.process-card__media .figure-video,
.process-card__media .img {
  margin-bottom: 2.5rem;
}
.process-card-mobile__button,
.process-card__button {
  border: 2px solid transparent;
  border-radius: 2rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-family: lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  height: 4rem;
  letter-spacing: 0.04em;
  line-height: 3.6rem;
  max-width: 10rem;
  min-width: 10rem;
  opacity: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: opacity 0.3s, max-width 0.3s;
  width: 100%;
}
.process-card-mobile__button:hover,
.process-card__button:hover {
  opacity: 0.8;
}
.process-card-mobile__button:active,
.process-card__button:active {
  opacity: 1;
}
.process-card-mobile__button span,
.process-card__button span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(-3rem, 0, 0);
  transition: opacity 0.6s, transform 0.6s;
}
.process-card-mobile__button svg,
.process-card__button svg {
  fill: #fff;
  height: 1.1rem;
  margin-left: 0.2rem;
  transform: rotate(-90deg) translateX(-0.1rem);
  width: 1.1rem;
}
@media print {
  .process-card-mobile__button,
  .process-card__button {
    font-size: 1rem;
    height: 3rem;
    line-height: 2.6;
  }
}
.process-card-mobile__restart,
.process-card__restart {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4rem;
  opacity: 0;
  transition: opacity 0.3s linear 0.9s;
}
.process-card-mobile__restart span,
.process-card__restart span {
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}
.process-card-mobile__restart i,
.process-card__restart i {
  display: block;
  font-size: 2rem;
  margin-top: 0.5rem;
}
.pdf-lesson-content .process-card,
.pdf-lesson-content .process-card-mobile {
  left: 0 !important;
  margin: 3rem auto !important;
  opacity: 1 !important;
  position: relative !important;
  top: auto !important;
  transform: translateZ(0) !important;
  transition: none !important;
}
.pdf-lesson-content .process-card-mobile__inner,
.pdf-lesson-content .process-card__inner {
  box-shadow: none;
}
.pdf-lesson-content .process-card--summary,
.pdf-lesson-content .process-card-mobile--summary {
  margin-bottom: 0 !important;
}
.pdf-lesson-content .process-card-mobile__number,
.pdf-lesson-content .process-card__number {
  transform: translate3d(-50%, 0, 0);
}
.pdf-lesson-content .process-card-mobile__button,
.pdf-lesson-content .process-card-mobile__help,
.pdf-lesson-content .process-card-mobile__restart,
.pdf-lesson-content .process-card__button,
.pdf-lesson-content .process-card__help,
.pdf-lesson-content .process-card__restart {
  display: none;
}
.process-card {
  left: 50%;
  margin: 0 auto;
  max-width: 89rem;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.process-card--active,
.process-card--next,
.process-card--prev {
  opacity: 1;
}
.process-card--next,
.process-card--prev,
.process-card--prev-active {
  transition: transform 0.3s ease-in-out, opacity 0s linear 0.3s;
}
.process-card--initiating,
.process-card--slide-fade {
  transition: none !important;
}
.process-card--active {
  transform: translate3d(-50%, 0, 0);
  transition: transform 0.3s ease-in-out 0.3s;
}
.process-card__inner {
  border-radius: 0.4rem;
  padding: 6rem 3.5rem 8rem;
}
@media (min-width: 42.5em) {
  .process-card__inner {
    padding: 7.5rem 7rem 9rem;
  }
}
.process-card--intro .process-card__inner,
.process-card--summary .process-card__inner {
  padding: 6rem 3.5rem;
}
@media (min-width: 42.5em) {
  .process-card--intro .process-card__inner,
  .process-card--summary .process-card__inner {
    padding: 7.5rem 7rem;
  }
}
.process-card__number p {
  font-size: 1.5rem;
}
@media (min-width: 42.5em) {
  .process-card__number p {
    font-size: 2rem;
  }
}
.process-card__title h2 {
  font-size: 2.1rem;
}
@media (min-width: 42.5em) {
  .process-card__title h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 67.5em) {
  .process-card__title h2 {
    font-size: 3rem;
  }
}
.process-card__description li,
.process-card__description p {
  font-size: 1.4rem;
}
@media (min-width: 42.5em) {
  .process-card__description li,
  .process-card__description p {
    font-size: 1.7rem;
  }
  .process-card {
    width: 70%;
  }
}
.process-card-mobile {
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.process-card-mobile--initiating {
  transition: none;
}
.process-card-mobile__inner {
  margin: 0 auto;
  max-width: 89rem;
  padding: 6rem 3.5rem 8rem;
}
@media (min-width: 42.5em) {
  .process-card-mobile__inner {
    width: 70%;
  }
}
.process-card-mobile--intro .process-card-mobile__inner,
.process-card-mobile--summary .process-card-mobile__inner {
  padding: 6rem 3.5rem;
}
.process-card-mobile__number p {
  font-size: 1.5rem;
}
.process-card-mobile__title h2 {
  font-size: 2.1rem;
}
.process-card-mobile__description li,
.process-card-mobile__description p {
  font-size: 1.4rem;
}
.process-card-mobile__help {
  background-color: #313537;
  border-bottom-left-radius: 2.5rem;
  border-top-left-radius: 2.5rem;
  bottom: 0;
  opacity: 0;
  padding: 0.4rem 2rem;
  position: absolute;
  right: 0;
  transform: translate3d(100%, 50%, 0);
  transition: opacity 0.3s, transform 0s linear 0.3s, visibility 0s linear 0.3s;
  visibility: hidden;
}
.process-card-mobile__help.process-card-mobile__help--show {
  opacity: 1;
  transform: translate3d(0, 50%, 0);
  transition: opacity 0.3s linear 0.5s, transform 0.3s linear 0.5s,
    visibility 0s linear 0.3s;
  visibility: visible;
}
.process-card-mobile__help.process-card-mobile__help--show span {
  opacity: 1;
  transform: translate3d(0, -0.1rem, 0);
}
.process-card-mobile__help span {
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-style: italic;
  letter-spacing: 0.01rem;
  opacity: 0;
  transform: translate3d(-2rem, -0.1rem, 0);
  transition-delay: 0.7s;
  transition-duration: 0.6s;
  transition-property: opacity, transform;
}
.process-card-mobile__help svg {
  fill: #fff;
  height: 1rem;
  margin-left: 0.2rem;
  transform: rotate(-90deg) translateX(-0.1rem);
  width: 1rem;
}
@media (min-width: 42.5em) {
  .process-card-mobile__help {
    border-radius: 2.5rem;
    bottom: 1rem;
    right: -1.5rem;
    transform: translate3d(100%, 0, 0);
  }
  .process-card-mobile__help.process-card-mobile__help--show {
    transform: translateZ(0);
  }
}
.process-arrow {
  align-items: center;
  background-color: #313537;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  height: 5rem;
  justify-content: center;
  position: absolute;
  top: 16rem;
  width: 5rem;
  z-index: 3;
}
.process-arrow-enter {
  opacity: 0;
}
.process-arrow-enter-active {
  opacity: 1;
  transition: opacity 0.20000001s linear 0.1s;
}
.process-arrow-exit {
  opacity: 1;
}
.process-arrow-exit-active {
  opacity: 0;
  transition: opacity 0.20000001s;
}
.process-arrow--hidden {
  opacity: 0;
  transition: none;
  visibility: hidden;
}
.process-arrow--scrolling {
  position: fixed;
}
.process-arrow--left svg {
  transform: rotate(90deg) translateY(0.2rem);
}
@media (min-width: 48em) {
  .process-arrow--left svg {
    transform: rotate(90deg) translateY(0.3rem);
  }
}
.process-arrow--right svg {
  transform: rotate(-90deg) translateY(0.1rem);
}
@media (min-width: 48em) {
  .process-arrow--right svg {
    transform: rotate(-90deg) translateY(0.3rem);
  }
}
.process-arrow svg {
  fill: #fff;
  height: 2.2rem;
  width: 2.2rem;
}
.pdf-lesson-content .process-arrow {
  display: none;
}
@media (min-width: 42.5em) {
  .process-arrow {
    display: flex;
  }
}
@media (min-width: 48em) {
  .process-arrow {
    height: 6rem;
    width: 6rem;
  }
  .process-arrow svg {
    height: 2.7rem;
    width: 2.7rem;
  }
}
.process-counter {
  bottom: 2.2rem;
  display: block;
  height: 3rem;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: 0 3.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
}
.process-counter--overflow-after:after {
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%, #fff);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 6.5rem;
  z-index: 2;
}
@media (min-width: 42.5em) {
  .process-counter--overflow-after:after {
    width: 10rem;
  }
}
.process-counter--overflow-before:before {
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 50%, #fff);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6.5rem;
  z-index: 2;
}
@media (min-width: 42.5em) {
  .process-counter--overflow-before:before {
    width: 10rem;
  }
}
.process-counter__inner {
  position: relative;
  transition: transform 0.3s;
  white-space: nowrap;
}
.process-counter__active {
  border-radius: 50%;
  border-style: solid;
  border-width: 0.2rem;
  height: 3rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  width: 3rem;
}
@media (min-width: 42.5em) {
  .process-counter__active {
    transition: opacity 0.3s ease-in-out 0.7s, transform 0.3s ease-in-out 0.5s;
  }
}
.process-counter__item {
  color: #76767c;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3;
  min-width: 3rem;
  position: relative;
  text-align: center;
  transition: color 0.3s ease-in-out;
}
.process-counter__item--active,
.process-counter__item--active .process-counter__check,
.process-counter__item:hover:not(.process-counter__item--disabled),
.process-counter__item:hover:not(.process-counter__item--disabled)
  .process-counter__check {
  color: #313537;
}
.process-counter__item--double {
  padding: 0 1rem;
}
.process-counter__item span {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.process-counter__check {
  height: 1.2rem;
  transform: translateY(0.1rem);
  transition: color 0.3s ease-in-out;
  width: 1.7rem;
}
.pdf-lesson-content .process-counter {
  display: none;
}
@media (min-width: 42.5em) {
  .process-counter {
    bottom: 4.2rem;
    padding: 0 7rem;
  }
}
.block-scenario {
  display: block;
}
@keyframes scenario-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.scenario-block {
  color: #313537;
  height: 100vh;
  max-height: 81.2rem;
  min-height: 68rem;
  overflow: hidden;
  position: relative;
  transition: opacity 0.39s;
}
.scenario-block div {
  box-sizing: border-box;
}
.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: 0.2rem solid rgba(49, 53, 55, 0.5);
  border-left-color: rgba(49, 53, 55, 0.15);
  border-radius: 50%;
  height: 6rem;
  left: 50%;
  margin: -3rem 0 0 -3rem;
  position: absolute;
  top: 50%;
  width: 6rem;
}
.scenario-block > img {
  display: none;
}
.scenario-block__background-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.scenario-block__background {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -0.2rem;
  filter: blur(0.25rem);
  left: -0.2rem;
  opacity: 0;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
  transition: opacity 0.39s;
}
.scenario-block__background--active {
  opacity: 1;
}
.scenario-block__inner {
  height: 100%;
  margin: 0 auto;
  max-width: 120rem;
  position: relative;
  transition: opacity 0.39s;
  z-index: 2;
}
.scenario-block__character {
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 3rem;
  transition: opacity 0.3s linear 0.1s, visibility 0s;
  visibility: visible;
  width: 38%;
  z-index: 2;
}
.scenario-block__character--hidden {
  opacity: 0;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
  visibility: hidden;
}
.scenario-block__character__inner {
  height: 100%;
  left: 0;
  max-width: 53rem;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.39s;
  width: 100%;
}
.scenario-block__character__inner--active {
  opacity: 1;
}
.scenario-block__character__inner--left img {
  transform: translateX(-35%) !important;
}
.scenario-block__character__inner--right img {
  transform: translateX(-65%) !important;
}
.scenario-block__character img {
  display: block;
  left: 50%;
  max-height: 135%;
  position: relative;
  transform: translateX(-50%);
}
@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 {
    left: 1rem;
    top: 6rem;
  }
}
@media (min-width: 60em) {
  .scenario-block__character {
    top: 5rem;
  }
}
.scenario-block__content {
  box-sizing: border-box;
  padding: 0 2rem;
  width: 100%;
  z-index: 2;
}
.scenario-block__content--enter {
  opacity: 0;
}
.scenario-block__content--enter-active {
  opacity: 1;
  transition: opacity 0.39s;
}
.scenario-block__content--exit {
  opacity: 1;
}
.scenario-block__content--exit-active {
  opacity: 0;
  transition: opacity 0.39s;
}
@media (min-width: 30em) {
  .scenario-block__content {
    padding: 0 3rem;
  }
}
@media (min-width: 37.5em) {
  .scenario-block__content {
    padding: 0 6rem;
  }
}
@media (min-width: 48em) {
  .scenario-block__content {
    padding: 0 3rem 0 34rem;
  }
}
@media (min-width: 60em) {
  .scenario-block__content {
    padding: 0 6rem 0 38rem;
  }
}
@media (min-width: 75em) {
  .scenario-block__content {
    padding-left: 41rem;
  }
}
.scenario-block__text {
  bottom: 3rem;
  left: 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: 0 auto;
  max-width: 40rem;
}
.scenario-block__text--no-character {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.scenario-block__text--no-character .scenario-block__text__inner {
  margin: 0 auto;
}
@media (min-width: 48em) {
  .scenario-block__text--no-character {
    padding-left: 3rem !important;
  }
}
@media (min-width: 60em) {
  .scenario-block__text--no-character {
    padding-left: 6rem !important;
  }
}
.scenario-block__text__inner {
  background-color: #fff;
  border-radius: 0.3rem;
  box-shadow: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  max-width: 68rem;
  padding: 5rem 3.5rem 3.5rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 48em) {
  .scenario-block__text__inner {
    padding-top: 3.5rem;
  }
}
.scenario-block__text__title h2 {
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  line-height: 1.25;
  margin-bottom: 2rem;
}
@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 {
  margin-bottom: 2.5rem;
}
.scenario-block__text__description li,
.scenario-block__text__description p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.scenario-block__text__description li:last-child,
.scenario-block__text__description p:last-child {
  margin-bottom: 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 {
  --background-color: var(--color-accent);
  background: var(--background-color);
  border: 0.2rem solid transparent;
  border-radius: 2rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-family: var(--font-family-ui);
  font-size: 1.2rem;
  font-weight: 700;
  height: 3.5rem;
  letter-spacing: 0.04em;
  line-height: 3rem;
  max-width: 13.5rem;
  min-width: 10rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transform: translateZ(0);
  transition: opacity 0.3s, max-width 0.3s;
  width: 100%;
}
.scenario-block__text__end {
  border-top: 0.1rem solid #e5e5e5;
  cursor: pointer;
  display: inline-block;
  margin-top: 2rem;
  padding: 1rem 1.5rem 0;
}
.scenario-block__text__end span {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}
.scenario-block__text__end i {
  display: block;
  font-size: 1.8rem;
  margin-top: 0.5rem;
  transform: rotate(180deg);
}
@media (min-width: 37.5em) {
  .scenario-block__text {
    bottom: 6rem;
  }
}
@media (min-width: 48em) {
  .scenario-block__text {
    bottom: auto;
    padding-left: calc(38% + 3rem);
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 60em) {
  .scenario-block__text {
    padding-left: calc(38% + 6rem);
  }
}
.scenario-block__dialogues {
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.scenario-block__dialogues__inner,
.scenario-block__dialogues__top__inner {
  height: 100%;
  position: relative;
  width: 100%;
}
.scenario-block__dialogues__top {
  height: 100%;
  left: 0;
  padding-left: calc(32% + 2rem);
  padding-right: 1.5rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 30em) {
  .scenario-block__dialogues__top {
    padding-right: 3rem;
  }
}
@media (min-width: 37.5em) {
  .scenario-block__dialogues__top {
    padding-right: 6rem;
  }
}
@media (min-width: 67.5em) {
  .scenario-block__dialogues__top {
    padding-left: calc(30% + 3rem);
  }
}
@media (min-width: 75em) {
  .scenario-block__dialogues__top {
    max-width: calc(35% + 100rem);
    padding-left: calc(28% + 3rem);
  }
}
.scenario-block__dialogues__bottom {
  bottom: 0;
  height: 55%;
  left: 0;
  position: absolute;
  width: 100%;
}
.scenario-block__dialogues__bottom__inner {
  bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
  left: 0;
  padding: 0 1.5rem;
  position: absolute;
  width: 100%;
}
@media (min-width: 30em) {
  .scenario-block__dialogues__bottom__inner {
    bottom: 3rem;
    padding: 0 3rem;
  }
}
@media (min-width: 60em) {
  .scenario-block__dialogues__bottom__inner {
    padding: 0 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 {
  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;
  left: 0;
  max-width: 50rem;
  padding-left: 2rem;
  position: absolute;
  top: 6.8rem;
  transition-duration: 0.39s;
  transition-property: top, opacity;
  width: 100%;
}
.scenario-block__dialogue--appear {
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
}
.scenario-block__dialogue--appear-active {
  opacity: 1;
  transform: translateZ(0);
  transition-delay: 0.3s;
  transition-duration: 0.39s;
  transition-property: opacity, transform;
}
.scenario-block__dialogue--enter {
  opacity: 0;
  transform: translate3d(0, 23rem, 0);
}
.scenario-block__dialogue--enter-active {
  opacity: 1;
  transform: translateZ(0);
  transition-duration: 0.39s;
  transition-property: opacity, transform;
}
.scenario-block__dialogue--exit {
  opacity: 1;
  transform: translateZ(0);
}
.scenario-block__dialogue--exit-active {
  opacity: 0;
  transform: translate3d(0, 23rem, 0);
  transition-duration: 0.39s;
  transition-property: opacity, transform;
}
.scenario-block__dialogue--faded {
  opacity: 0.5;
}
.scenario-block__dialogue--response {
  justify-content: flex-end;
  left: auto;
  padding-left: 0 !important;
  right: -0.5rem;
}
@media (min-width: 30em) {
  .scenario-block__dialogue--response {
    padding-right: 2rem;
  }
}
.scenario-block__dialogue__bubble {
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.02rem;
  line-height: 1.4;
  padding: 1.2rem;
  position: relative;
}
@media (min-width: 22.5em) {
  .scenario-block__dialogue__bubble {
    font-size: 1.4rem;
    letter-spacing: 0.03rem;
    line-height: 1.3;
  }
}
@media (min-width: 30em) {
  .scenario-block__dialogue__bubble {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 33.75em) {
  .scenario-block__dialogue__bubble {
    font-size: 1.4rem;
    letter-spacing: 0.04rem;
    padding: 2rem 2.5rem;
  }
}
@media (min-width: 48em) {
  .scenario-block__dialogue__bubble {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
@media (min-width: 67.5em) {
  .scenario-block__dialogue__bubble {
    font-size: 1.7rem;
  }
}
.scenario-block__dialogue__bubble:after {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 0 2.5rem 2.5rem 0;
  content: "";
  height: 0;
  left: -1.5rem;
  position: absolute;
  top: 0;
  width: 0;
}
@media (min-width: 33.75em) {
  .scenario-block__dialogue__bubble:after {
    border-width: 0 3rem 3rem 0;
    left: -2rem;
  }
}
.scenario-block__dialogue--response .scenario-block__dialogue__bubble:after {
  left: auto;
  right: 0;
  top: 100%;
  transform: translateY(-1.2rem) scaleX(-1) rotate(-90deg);
}
@media (min-width: 30em) {
  .scenario-block__dialogue--response .scenario-block__dialogue__bubble:after {
    right: -1.5rem;
    top: 0;
    transform: scaleX(-1);
  }
}
@media (min-width: 33.75em) {
  .scenario-block__dialogue--response .scenario-block__dialogue__bubble:after {
    right: -2rem;
  }
}
.scenario-block__dialogue__button {
  background-color: #fff;
  border: 0.2rem solid transparent;
  border-radius: 2rem;
  bottom: 3rem;
  box-shadow: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  color: #313537;
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-family: lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  height: 3.5rem;
  left: 50%;
  letter-spacing: 0.04em;
  line-height: 3rem;
  min-width: 12rem;
  padding: 0.1rem 2.3rem 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transform: translateX(-50%);
}
@media (min-width: 30em) {
  .scenario-block__dialogue__button {
    bottom: 4rem;
    height: 4rem;
    min-width: 15rem;
  }
}
@media (min-width: 48em) {
  .scenario-block__dialogue__button {
    left: auto;
    right: 7.5rem;
    transform: none;
  }
}
.scenario-block__dialogue__button--appear {
  opacity: 0;
  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: 0.6s;
  transition-duration: 0.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-left: 0.5rem;
  transform: rotate(180deg) translateY(-0.1rem);
}
@media (min-width: 22.5em) {
  .scenario-block__dialogue {
    top: 9rem;
  }
}
.scenario-block__response {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  width: 100%;
}
.scenario-block__response--appear {
  opacity: 0;
}
.scenario-block__response--appear-active {
  opacity: 1;
  transition-duration: 0.39s;
  transition-property: opacity;
}
.scenario-block__response--0.scenario-block__response--appear-active {
  transition-delay: 0.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:last-child {
  margin: 0;
}
.scenario-block__response__inner {
  align-items: center;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.2rem 2.5rem 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.3rem;
  line-height: 1.4;
  min-height: 6rem;
  padding: 1.2rem 1.2rem 1.2rem 4.4rem;
  position: relative;
  transition-duration: 0.39s;
  transition-property: background-color, transform;
  width: auto;
}
.scenario-block__response__inner:focus,
.scenario-block__response__inner:hover {
  background-color: #eee;
  transform: translateX(1rem);
}
@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: 1.5rem 1.8rem 1.5rem 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: #313537;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 1.1rem;
  font-weight: 900;
  height: 2rem;
  justify-content: center;
  left: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}
@media (min-width: 30em) {
  .scenario-block__response__number {
    font-size: 1.2rem;
    height: 2.6rem;
    left: 1.4rem;
    width: 2.6rem;
  }
}
.scenario-block__dialogues .scenario-block__response__number {
  font-family: lato, sans-serif !important;
}
.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: 0.1rem solid #eaeaea;
  margin: 3rem 0;
  padding: 2rem;
}
.scenario-block__pdf-details h3 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin-bottom: 1rem;
}
.scenario-block__pdf-details svg {
  fill: #313537;
  display: inline-block;
  margin: 0 0.7rem;
  opacity: 0.5;
}
.scenario-block__pdf-details span {
  display: block;
  margin-top: 0.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: content-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 102rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
}
@media (min-width: 33.75em) {
  .sorting {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .sorting {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.sorting__row {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 3rem -1.5rem;
}
.deck {
  max-width: 50%;
  perspective: 50rem;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30rem;
  z-index: 1;
}
.deck__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
  text-align: center;
}
.sorting-dark-theme .deck__title {
  color: #fff;
}
.deck .restart-button {
  color: inherit;
  margin-top: 2rem;
}
.sorting-dark-theme .deck .restart-button {
  border-color: hsla(0, 0%, 100%, 0.4);
  color: #fff;
}
.sorting-dark-theme .deck .restart-button:hover {
  color: hsla(0, 0%, 100%, 0.75) !important;
}
.deck .restart-button__content {
  transform: translate3d(0, -6.5rem, 0);
  transition: transform 0.6s 0.2s;
}
.deck--complete .restart-button__content {
  transform: translateZ(0);
}
.deck__spacer {
  height: 0;
  padding-bottom: 66.666666%;
  width: 100%;
}
.deck__cardholder,
.deck__content {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.deck__cardholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.3s;
}
.deck--complete .deck__cardholder {
  opacity: 1;
}
@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);
  }
}
.playing-card {
  cursor: move;
  cursor: grab;
  height: 0;
  max-height: 100%;
  max-width: 100%;
  opacity: 0;
  padding-bottom: 66.666666%;
  pointer-events: none;
  position: absolute;
  touch-action: none;
  transform: translate3d(0, 1.6rem, 0) scale(0.96);
  transition: transform 0.5s, border 0.5s, color 0.5s, opacity 0.5s;
  -webkit-user-select: none;
  -ms-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: 0.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, 0.8rem, 0) scale(0.98) rotateX(0deg);
  transition-delay: 0.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(0.96) rotateX(0deg);
  transition-delay: 0ms;
  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;
  border-radius: 1.7%;
  border-top: 0.3rem solid #fff;
  bottom: 0;
  color: rgba(49, 53, 55, 0.4);
  display: flex;
  justify-content: center;
  left: 0;
  padding: 2.5rem;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.15s, border 0.5s, color 0.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;
}
.playing-card__content.bg--range-dark,
.playing-card__content.bg--range-med,
.playing-card__content.bg--range-near-black {
  color: hsla(0, 0%, 100%, 0.6);
}
.playing-card--legacy .playing-card__content {
  background: #fff;
}
.playing-card__content:before {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 1.7%;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -0.3rem;
}
.playing-card--legacy .playing-card__content:before {
  border-color: #c4c4c4;
}
.bg--branded .playing-card__content:before,
.playing-card--legacy .playing-card__content:before {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  top: 0;
}
.playing-card__content.bg--range-light:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.playing-card:first-child .playing-card__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-top-color: #50abf1;
  color: #313537;
}
.playing-card:first-child .playing-card__content.bg--range-dark,
.playing-card:first-child .playing-card__content.bg--range-med,
.playing-card:first-child .playing-card__content.bg--range-near-black {
  color: #fff;
}
.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 {
  word-wrap: break-word;
  font-size: 1.5rem;
  font-weight: 700;
  max-height: 100%;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 37.5em) {
  .playing-card__title {
    font-size: 1.8rem;
  }
}
.playing-card__handle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.playing-card__handle:before {
  border-bottom: 0.1rem solid #76767c;
  border-top: 0.1rem solid #76767c;
  bottom: 2rem;
  content: "";
  height: 0.5rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 2.2rem;
}
.bg--range-dark .playing-card__handle:before,
.bg--range-med .playing-card__handle:before,
.bg--range-near-black .playing-card__handle:before {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.playing-card__handle:after {
  background-color: #76767c;
  bottom: 2.3rem;
  content: "";
  height: 0.1rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2.2rem;
}
.bg--range-dark .playing-card__handle:after,
.bg--range-med .playing-card__handle:after,
.bg--range-near-black .playing-card__handle:after {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.playing-card__status {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 50%;
  color: #fff;
  height: 5.6rem;
  left: -1.8666666667rem;
  line-height: 5.6rem;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: -1.8666666667rem;
  transition: opacity 0.3s 0.3s;
  width: 5.6rem;
}
.playing-card__status.brand--background {
  background-color: var(--color-accent) !important;
}
.playing-card__status .icon-check {
  font-size: 1.7rem;
  line-height: inherit;
}
.playing-card--fail .playing-card__content {
  animation: shake 0.4s ease-in-out 0ms;
}
.restart-button {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
  color: #313537;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  max-width: 20rem;
  min-height: 9rem;
  overflow: hidden;
  padding: 2rem 2.4rem;
  text-transform: uppercase;
  transition: color 0.3s;
}
.bg--range-dark .restart-button,
.bg--range-near-black .restart-button,
.bg--type-image .restart-button {
  border-top-color: hsla(0, 0%, 100%, 0.2);
}
.restart-button [class*="icon-"] {
  display: block;
  font-size: 2.2rem;
  margin-top: 1rem;
}
@keyframes ok {
  0% {
    transform: scale(1) translateZ(0);
  }
  30% {
    transform: scale(0.8) translateZ(0);
  }
  70% {
    transform: scale(0.8) translateZ(0);
  }
  to {
    transform: scale(0.8) translate3d(0, 40rem, 0);
  }
}
@keyframes check {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.pile {
  box-sizing: border-box;
  flex: 1 1 50%;
  margin: 0 0 1rem;
  overflow: hidden;
  padding: 0 0.5rem;
  perspective: 30rem;
  position: relative;
  width: 30rem;
}
@media (min-width: 67.5em) {
  .pile {
    flex: 1 1 0%;
  }
}
@media (min-width: 48em) {
  .pile {
    margin: 0 0 3rem;
    padding: 0 1.5rem;
  }
}
@media (max-width: 30em) {
  .pile {
    flex-grow: 0;
  }
}
.pile__title {
  word-wrap: break-word;
  color: rgba(49, 53, 55, 0.8);
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 37.5em) {
  .pile__title {
    font-size: 1.6rem;
  }
}
@media print {
  .pile__title {
    margin: 1.5rem;
  }
}
.bg--range-dark .pile__title,
.bg--range-med .pile__title,
.bg--range-near-black .pile__title,
.bg--type-image .pile__title {
  color: #fff;
}
.sorting-dark-theme .pile--legacy .pile__title {
  color: hsla(0, 0%, 100%, 0.8);
}
.pile__message {
  left: 0;
  padding: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  word-break: break-word;
  z-index: 2;
}
@media print {
  .pile__message {
    padding: 0;
  }
}
.pile__wrapwrap {
  margin: 0 auto;
  max-width: 30rem;
  position: relative;
}
.pile__wrap {
  border: 0.1rem dashed rgba(0, 0, 0, 0.8);
  border-radius: 0.4rem;
  padding: 1.5rem;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pile--legacy .pile__wrap {
  border-color: #76767c;
}
.bg--range-dark .pile__wrap,
.bg--range-med .pile__wrap,
.bg--range-near-black .pile__wrap {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.bg--type-image .pile__wrap {
  border-color: #fff;
}
.sorting-dark-theme .pile--legacy .pile__wrap {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.pile__wrap:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 66.666666%;
}
.pile__background {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  bottom: -0.1rem;
  left: -0.1rem;
  opacity: 0.99;
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  transition: opacity 0.3s;
}
.pile--legacy .pile__background {
  background: rgba(0, 0, 0, 0.04);
}
.bg--range-med .pile__background {
  background: rgba(0, 0, 0, 0.35);
}
.bg--range-dark .pile__background {
  background: rgba(0, 0, 0, 0.4);
}
.bg--range-near-black .pile__background {
  background: hsla(0, 0%, 100%, 0.1);
}
.bg--type-image .pile__background {
  background: rgba(0, 0, 0, 0.7);
}
.sorting-dark-theme .pile--legacy .pile__background {
  background-color: hsla(0, 0%, 100%, 0.04);
}
.pile__content {
  bottom: 0;
  left: 0;
  outline-offset: -0.5rem;
  padding: 2.5rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  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 {
  border-top-color: #50abf1;
  color: #313537;
}
.pile .playing-card:nth-child(n) {
  opacity: 0;
}
.pile .playing-card:last-child {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.3s;
}
.pile .playing-card {
  animation: ok 1.5s forwards;
  top: 200%;
  transform: translateZ(-3rem);
  z-index: 3;
}
.pile .playing-card__status {
  animation: check 0.3s 0.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--legacy .pile .playing-card__title {
  color: #313537;
}
@media print {
  .block-timeline {
    background-color: #fff !important;
  }
}
.block-timeline .timeline {
  padding: 5rem 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-bottom: 0;
}
.timeline {
  font-family: merriweather, serif;
}
.timeline__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media print {
  .timeline__container {
    background-color: #fff;
    margin: 0;
    padding-bottom: 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 rgba(0, 0, 0, 0.1);
  content: "";
  height: 6.7rem;
  left: 50%;
  position: absolute;
  top: -7rem;
}
.timeline-dark-theme .timeline__card-wrapper:after {
  background: hsla(0, 0%, 100%, 0.4);
}
.timeline__card-wrapper:first-child:after {
  border: none;
}
.timeline__card-wrapper:last-child {
  margin-bottom: 0;
}
.timeline-card {
  border-radius: 0.4rem;
  box-sizing: content-box;
  margin: 0 auto 7rem;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.timeline-card:before {
  border-radius: 0.4rem 0 0 0.4rem;
  bottom: 0;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.timeline-card__body {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 0.4rem;
  box-shadow: 0 0 1rem 0 transparent;
  min-height: 21rem;
  opacity: 0.93;
  outline: 0.1rem solid transparent;
  overflow: hidden;
  padding: 3rem 2rem 4rem;
  position: relative;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: opacity 0.3s;
}
@media print {
  .timeline-card__body {
    opacity: 1;
  }
}
.timeline-card__body:before {
  background: #50abf1;
  border-radius: 0.4rem 0 0 0.4rem;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 0.4rem;
}
@media print {
  .timeline-card__body:before {
    opacity: 1;
  }
}
.timeline-card--active .timeline-card__body {
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.timeline-card--active .timeline-card__body:before {
  opacity: 1;
}
.timeline-card__main-wrap {
  opacity: 0.25;
  transition: opacity 0.3s;
}
@media print {
  .timeline-card__main-wrap {
    opacity: 1;
  }
}
.timeline-card--active .timeline-card__main-wrap {
  opacity: 1;
}
.timeline-card__date {
  color: #50abf1;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media print {
  .timeline-card__date {
    font-size: 1.5rem;
  }
}
.timeline-card__title {
  font-family: lato, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: 1.85;
  margin-bottom: 1rem;
}
@media print {
  .timeline-card__title {
    font-size: 1.5rem;
  }
}
.timeline-card__description {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.9411764706;
}
.timeline-card__description a {
  color: #50abf1;
}
@media print {
  .timeline-card__description {
    font-size: 1.3rem;
    margin-bottom: 2rem;
  }
}
.timeline-card__audio {
  margin-bottom: 1rem;
}
.timeline-card__audio .audio-player__housing {
  margin: 0;
}
.timeline-card__linkEmbed {
  margin-bottom: 2rem;
}
.timeline-card__videoEmbed {
  margin-bottom: 3rem;
}
.timeline-card__visual {
  margin-top: 3rem;
}
.timeline-card .embed,
.timeline-card .figure-video,
.timeline-card .img {
  line-height: 0;
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .timeline-card__body {
    padding: 5rem 5rem 6rem;
  }
}
.block-chart__cartesian {
  display: flex;
  flex-direction: column;
}
.block-chart__cartesianChart {
  margin: 0 2rem 0 3rem;
  position: relative;
}
@media (min-width: 60em) {
  .block-chart__cartesianChart {
    margin: 0;
  }
}
.block-chart__cartesianLabelX,
.block-chart__cartesianLabelY {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}
.block-chart__cartesianLabelX {
  margin-top: 1.5rem;
  text-align: center;
}
@media (min-width: 30em) {
  .block-chart__cartesianLabelX {
    margin-top: 2.5rem;
  }
}
.block-chart__cartesianLabelY {
  left: -2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  white-space: nowrap;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.block-chart__cartesianLegend {
  align-self: center;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.3);
  cursor: default;
  font-size: 1.2rem;
  margin: 1.5rem auto;
  padding: 1.5rem 1rem 0;
}
.block-chart__container--darkTheme .block-chart__cartesianLegend {
  border-top-color: hsla(0, 0%, 100%, 0.5);
}
.block-chart__cartesianLegendItem {
  margin-bottom: 1rem;
}
.block-chart__cartesianLegendItem--unfocused {
  opacity: 0.5;
}
.block-chart__cartesianLegendDefn,
.block-chart__cartesianLegendTerm {
  display: inline;
}
.block-chart__cartesianLegendDefn {
  margin-left: 0.8rem;
}
.block-chart__cartesianLegendDefnPipe {
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0.4rem;
}
.block-chart__container--darkTheme .block-chart__cartesianLegendDefnPipe {
  color: hsla(0, 0%, 100%, 0.5);
}
.block-chart__cartesianLegendDefnVal {
  font-weight: 700;
}
.block-chart__circle {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  margin-top: 4rem;
  position: relative;
}
.block-chart__circleChart {
  height: 25rem;
  margin: 0 1rem;
}
@media (min-width: 22.5em) {
  .block-chart__circleChart {
    height: 35rem;
  }
}
.block-chart__circleLegend {
  align-self: center;
  cursor: default;
  margin-top: 2.15rem;
}
@media (min-width: 67.5em) {
  .author-layout .block-chart__circleLegend,
  .lesson--preview .block-chart__circleLegend,
  .lesson:not(.lesson--open) .block-chart__circleLegend {
    left: 80%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 80em) {
  .lesson.lesson--open .block-chart__circleLegend {
    left: 80%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.block-chart__circleLegendItem,
.block-chart__circleLegendSymbol {
  align-items: center;
  display: flex;
}
.block-chart__circleLegendItem {
  padding: 0.85rem 0;
  white-space: nowrap;
}
.block-chart__circleLegendItem--unfocused {
  opacity: 0.5;
}
.block-chart__circleLegendSymbol {
  flex-shrink: 0;
  height: 1.6rem;
  margin-right: 1rem;
  width: 1.6rem;
}
.block-chart__circleLegendText {
  font-size: 1.2rem;
  font-weight: 700;
}
.block-chart {
  padding: 3rem 0;
  transition: padding 0.5s;
}
.block-chart__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  width: 100%;
}
.block-chart__container--darkTheme {
  color: #fff;
}
@media (min-width: 52.5em) {
  .block-chart__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .block-chart__row:after,
  .block-chart__row:before {
    content: " ";
    display: table;
  }
  .block-chart__row:after {
    clear: both;
  }
  .block-chart__rowInner {
    margin: 0 auto;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.33333%;
  }
}
.block-chart__title {
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
  margin: 0 2rem;
  text-align: center;
}
@media (min-width: 60em) {
  .block-chart__title {
    margin: 0;
  }
}
.block-chart__chart {
  position: relative;
}
.breadcrumb {
  align-items: center;
  color: #6a737c;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 1;
  font-size: 1.5rem;
  margin-right: 1.6rem;
  max-width: 18.5rem;
}
.breadcrumb--active {
  color: #313537;
  cursor: auto;
  font-weight: 700;
  max-width: calc(100% - 7rem);
}
.breadcrumb--disabled {
  cursor: not-allowed;
}
.breadcrumb--root {
  cursor: auto;
}
.breadcrumb__label {
  margin-right: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb__caret {
  display: inline-block;
  line-height: 0;
  margin-left: 1.6rem;
  transform: scale(-1);
}
.breadcrumb__caret svg {
  fill: #6a737c;
  height: 0.7rem;
  width: auto;
}
.bc-dropdown {
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, 0.1);
  font-weight: 400;
  max-width: 25rem;
  padding: 2rem 0;
  transition: all 0.25s ease-in-out;
  transition-property: opacity, transform, visibility;
}
.bc-dropdown__wrap {
  display: inline-block;
  height: 0;
  left: -1.6rem;
  position: relative;
  top: 1.5rem;
  width: 0;
}
.bc-dropdown__pos {
  position: absolute;
  top: 0;
  z-index: 1000;
}
.bc-dropdown__pos--left {
  left: 0;
}
.bc-dropdown__pos--right {
  right: 0;
}
.bc-dropdown__pos--active {
  pointer-events: all;
}
.bc-dropdown__pos--inactive {
  pointer-events: none;
}
.bc-dropdown--inactive {
  opacity: 0;
  visibility: hidden;
}
.bc-dropdown--inactive.dropdown--alignLeft.dropdown--slideIn {
  transform: translateY(-1rem);
}
.bc-dropdown--inactive.dropdown--alignLeft.dropdown--inPlace {
  transform: translate(0);
}
.bc-dropdown--inactive.dropdown--alignCenter.dropdown--slideIn {
  transform: translate(-50%, -1rem);
}
.bc-dropdown--inactive.dropdown--alignCenter.dropdown--inPlace {
  transform: translate(-50%);
}
.bc-dropdown--inactive.dropdown--alignRight.dropdown--slideIn {
  transform: translateY(-1rem);
}
.bc-dropdown--inactive.dropdown--alignRight.dropdown--inPlace {
  transform: translate(0);
}
.bc-dropdown--active {
  opacity: 1;
  visibility: visible;
}
.bc-dropdown--active.dropdown--alignLeft {
  transform: translate(0);
}
.bc-dropdown--active.dropdown--alignCenter {
  transform: translate(-50%);
}
.bc-dropdown--active.dropdown--alignRight {
  transform: translate(0);
}
.bc-dropdown__item {
  cursor: pointer;
  font-size: 1.4rem;
  padding: 1.1rem 2.2rem;
  white-space: nowrap;
}
.bc-dropdown__item:hover {
  background: #fafafa;
}
.bc-dropdown__item:hover svg {
  fill: #313537;
}
.bc-dropdown__item svg {
  fill: #adaeaf;
}
.bc-dropdown__trigger {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
  outline: none;
  padding: 0;
  position: relative;
}
.bc-dropdown__trigger svg {
  fill: #6a737c;
  height: 1.6rem;
  width: 1.6rem;
}
.bc-dropdown__item {
  align-items: center;
  display: flex;
}
.bc-dropdown__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bc-dropdown__caret {
  border-bottom: 0.3rem solid #fff;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  display: inline-block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  width: 0;
}
.bc-dropdown__caret--active {
  transform: translate(-50%, -50%) rotate(0);
}
.breadcrumbs {
  align-items: center;
  display: flex;
  height: 4rem;
  list-style-type: none;
  margin-right: auto;
  padding: 0;
}
.folder-tree__wrap {
  margin-bottom: 1rem;
}
.folder-tree__folderWrap {
  max-height: 4rem;
  transition: max-height 0.2s, opacity 0.2s, height 0.2s;
}
.folder-tree__folderWrap > .folder-tree__folderWrap {
  max-height: 0;
  opacity: 0;
  transition: max-height 0.2s, opacity 0.2s, height 0.2s;
}
.folder-tree__folderWrap > .folder-tree__folderWrap > .folder-tree__folder {
  height: 0;
}
.folder-tree__folderWrap--open,
.folder-tree__folderWrap--open > .folder-tree__folderWrap {
  max-height: 2000rem;
  transition: max-height 0.2s, opacity 0.2s, height 0.2s;
}
.folder-tree__folderWrap--open > .folder-tree__folderWrap {
  opacity: 1;
}
.folder-tree__folderWrap--open
  > .folder-tree__folderWrap
  > .folder-tree__folder {
  height: 4rem;
}
.folder-tree__folder {
  background-color: transparent;
  color: #6a737c;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  height: 4rem;
  line-height: 1.4;
  padding: 0 1.5rem 0 2.1rem;
  position: relative;
  transition: all 0.2s;
  width: 100%;
}
.folder-tree__folder:hover,
.folder-tree__folder[focus-within] {
  background-color: #fafafa;
  color: #313537;
}
.folder-tree__folder:focus-within,
.folder-tree__folder:hover {
  background-color: #fafafa;
  color: #313537;
}
.folder-tree__folder:hover .folder-tree__folderIcon svg,
.folder-tree__folder[focus-within] .folder-tree__folderIcon svg {
  fill: #313537;
}
.folder-tree__folder:focus-within .folder-tree__folderIcon svg,
.folder-tree__folder:hover .folder-tree__folderIcon svg {
  fill: #313537;
}
.folder-tree__folder:hover .folder-tree__folderCaret,
.folder-tree__folder[focus-within] .folder-tree__folderCaret {
  border-color: #313537 transparent transparent;
}
.folder-tree__folder:focus-within .folder-tree__folderCaret,
.folder-tree__folder:hover .folder-tree__folderCaret {
  border-color: #313537 transparent transparent;
}
.folder-tree__folder:hover .folder-tree__folderOptions,
.folder-tree__folder[focus-within] .folder-tree__folderOptions {
  transition: width 0s;
  visibility: visible;
  width: auto;
}
.folder-tree__folder:focus-within .folder-tree__folderOptions,
.folder-tree__folder:hover .folder-tree__folderOptions {
  transition: width 0s;
  visibility: visible;
  width: auto;
}
.folder-tree__folder:hover .folder-tree__folderMenu,
.folder-tree__folder[focus-within] .folder-tree__folderMenu {
  display: flex;
}
.folder-tree__folder:focus-within .folder-tree__folderMenu,
.folder-tree__folder:hover .folder-tree__folderMenu {
  display: flex;
}
.folder-tree__folder--active {
  color: #313537;
  font-weight: 700;
}
.folder-tree__folder--active .folder-tree__folderCaret {
  border-color: #313537 transparent transparent;
}
.folder-tree__folder--active .folder-tree__folderIcon svg {
  fill: #313537;
}
.folder-tree__folder--forceHover {
  background-color: #fafafa;
  color: #313537;
}
.folder-tree__folder--forceHover .folder-tree__folderIcon svg {
  fill: #313537;
}
.folder-tree__folder--forceHover .folder-tree__folderCaret {
  border-color: #313537 transparent transparent;
}
.folder-tree__folder--forceHover .folder-tree__folderOptions {
  transition: width 0s;
  visibility: visible;
  width: auto;
}
.folder-tree__folder--forceHover .folder-tree__folderMenu {
  display: flex;
}
.folder-tree__folder--hideCaret .folder-tree__folder__caretWrap {
  visibility: hidden;
}
.folder-tree__folder__drop-mask {
  border: 0.1rem dashed #282828;
  border-radius: 0.4rem;
  bottom: 0;
  left: 0;
  margin: 0.2rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
.folder-tree__folder__caretWrap {
  align-items: center;
  display: inline-flex;
  flex: 0 0 1.9rem;
  height: 100%;
  vertical-align: top;
  width: 1.9rem;
}
.folder-tree__folder__caret {
  border-color: #c9c9ca transparent transparent;
  border-style: solid solid none;
  border-width: 0.5rem 0.4rem;
  transform: rotate(-90deg);
  transition: all 0.2s;
}
.folder-tree__folder__caret--open {
  transform: rotate(0deg);
}
.folder-tree__folderIcon {
  align-items: center;
  display: inline-flex;
  height: 100%;
  vertical-align: top;
}
.folder-tree__folderIcon svg {
  fill: #c9c9ca;
  height: auto;
  margin-right: 1.1rem;
  transition: fill 0.2s;
  width: 1.4rem;
}
.folder-tree__folderNameWrap {
  align-items: center;
  display: inline-flex;
  height: 100%;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
}
.folder-tree__folderName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-tree__folderOptions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  margin-left: auto;
  transition: width 0s linear 0.2s;
  visibility: hidden;
  width: 0;
}
.folder-tree__folderOptions--active {
  transition: width 0s;
  visibility: visible;
  width: auto;
}
.folder-tree__folderOptions--active .folder-tree__folderMenu {
  display: flex;
  z-index: 2;
}
.folder-tree__folderMenu {
  align-items: center;
  display: none;
  height: 100%;
  z-index: 1;
}
.addIcon {
  display: inline-block;
  line-height: 0;
  padding: 0 0.5rem;
}
.addIcon svg {
  fill: #c9c9ca;
  transition: fill 0.2s;
}
.folder {
  position: relative;
}
.folder__button {
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 0.1rem solid #c9c9ca;
  border-radius: 0.6rem;
  color: #6a737c;
  cursor: pointer;
  display: inline-flex;
  font-family: Lato, sans-serif;
  font-size: 1.4rem;
  height: 5rem;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  margin: 0 1.5rem 1.5rem 0;
  overflow: hidden;
  padding: 1.7rem 1rem 1.7rem 1.1rem;
  text-align: left;
  text-overflow: ellipsis;
  transition: all 0.2s;
  width: 18.2rem;
  word-break: break-word;
}
.folder__button:hover {
  background-color: #fafafa;
  border-color: #313537;
  color: #313537;
}
.folder__button:hover .folderIcon svg {
  fill: #313537;
}
.folder__button--drag-over {
  border-style: dashed;
}
.folder .folderIcon {
  display: inline-block;
  flex-grow: 0;
  line-height: 0;
  margin-right: 1.1rem;
}
.folder .folderIcon svg {
  fill: #c9c9ca;
  transition: fill 0.2s;
}
.folder .label {
  flex-grow: 1;
  white-space: nowrap;
  width: 12.7rem;
}
.folder .label div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder__drop-mask {
  border: 0.1rem solid transparent;
  border-radius: 0.6rem;
  bottom: 0;
  left: 0;
  margin: 0 1.5rem 1.5rem 0;
  position: absolute;
  right: 0;
  top: 0;
}
.folder-list__wrap {
  margin-bottom: 2.5rem;
}
.folder-list__wrap__label {
  color: #6a737c;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}
.folder-list__wrap__list {
  display: flex;
  flex-wrap: wrap;
}
.question-bank-list__label {
  color: #6a737c;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}
.question-bank-list__table {
  border-collapse: collapse;
  border-spacing: 0;
  color: #313537;
  table-layout: fixed;
  width: 100%;
}
.question-bank-list__colQuestions {
  width: 14rem;
}
.question-bank-list__colOwner {
  width: 20%;
}
@media (max-width: 1000px) {
  .question-bank-list__colOwner {
    display: none;
  }
}
.question-bank-list__colUpdated {
  width: 17rem;
}
@media (max-width: 900px) {
  .question-bank-list__colUpdated {
    display: none;
  }
}
.question-bank-list__colMenu {
  width: 7rem;
}
.question-bank-list__title {
  align-items: center;
  display: flex;
}
.question-bank-list__titleText {
  font-weight: 700;
  max-width: 45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.question-bank-list__editing {
  align-items: center;
  color: #6a737c;
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-left: 1.6rem;
}
.question-bank-list__editingIcon {
  align-items: center;
  background-color: #d8d8d8;
  border-radius: 50%;
  display: inline-flex;
  height: 2.1rem;
  justify-content: center;
  margin-right: 0.8rem;
  width: 2.1rem;
}
.question-bank-list__editingIcon svg {
  fill: #313537;
  height: 1.2rem;
  width: 1rem;
}
.question-bank-list__avatar {
  align-items: center;
  display: flex;
}
.question-bank-list__avatar__icon {
  align-items: center;
  background-color: #d8d8d8;
  background-size: cover;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 2.4rem;
  height: 2.4rem;
  justify-content: center;
  margin-right: 0.8rem;
  width: 2.4rem;
}
.question-bank-list__avatar__name {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.question-bank-list__menuTd {
  padding: 1rem 2rem;
  vertical-align: middle;
}
.question-bank-list__menuWrap {
  margin-left: auto;
  margin-right: 0;
  width: 3rem;
}
.question-bank-list__menu {
  display: flex;
  letter-spacing: 0;
  margin: 0 !important;
  visibility: hidden;
  z-index: 1;
}
.table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
}
.table__cell {
  color: #313537;
  letter-spacing: 0.05rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-top: 2rem;
  text-align: left;
}
.table__thcol {
  background: #fafafa;
  font-size: 1.7rem;
  font-weight: 700;
  white-space: nowrap;
}
.table__thcol:first-child {
  border-radius: 0.6rem 0 0 0.6rem;
}
.table__thcol:last-child {
  border-radius: 0 0.6rem 0.6rem 0;
}
@media (max-width: 1140px) {
  .table__thcol:first-child,
  .table__thcol:last-child {
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .table__thcol {
    font-size: 1.5rem;
  }
}
.table__thcol--sortable {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.table__thcol--sortable:after {
  border-color: transparent;
  border-style: none solid solid;
  border-width: 0.6rem 0.5rem;
  content: "";
  display: inline-block;
  height: 0;
  margin: 0 0 0 0.5em;
  vertical-align: calc(1ex - 0.6rem);
  width: 0;
}
.table__thcol--asc:after,
.table__thcol--desc:after {
  border-bottom-color: #8894a3;
}
.table__thcol--desc:after {
  transform: rotate(180deg);
}
.table__thcol--hover:after {
  border-bottom-color: #d7dadf;
}
.table__thcol--descHover:after {
  border-bottom-color: #d7dadf;
  transform: rotate(180deg);
}
.table__thead {
  border-radius: 0.6rem;
}
.table__th {
  font-size: 1.4rem;
  letter-spacing: 0;
}
.table__tr {
  cursor: pointer;
}
.table__tr:first-child td {
  border-top: none;
}
.table__tr:last-child td {
  border-bottom: 0.1rem solid #eee;
}
.table__tr:hover .table__td {
  background-color: #eee;
  border-color: transparent;
}
.table__tr:hover + .table__tr .table__td {
  border-top-color: transparent;
}
.table__tr:hover .table__menu {
  visibility: visible;
}
.table__tr--deleted {
  cursor: default;
}
.table__tr--active .table__menu {
  visibility: visible;
  z-index: 2;
}
.table__td {
  border-bottom: none;
  border-top: 0.1rem solid #eee;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  letter-spacing: 0;
  padding-bottom: 0;
  padding-top: 0;
  transition: all 0.2s;
  vertical-align: middle;
}
.table__td:first-child {
  border-bottom-left-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}
.table__td:last-child {
  border-bottom-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}
@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: 0.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: 0.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: 0.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: 0.75s;
  transition-property: transform;
}
.page__wrapper--white {
  background-color: #fff;
}
.page__container {
  min-height: 100vh;
}
.page-wrap {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-x: hidden;
  overflow-y: 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 0.75s;
}
@media (min-width: 48em) {
  .page-transition-enter .page__wrapper {
    animation: slideIn 0.75s;
  }
}
@media (max-width: 59.9375em) {
  .page-transition-enter .page__wrapper {
    animation: slideIn 0.75s 0.3s;
  }
}
@media (max-width: 47.9375em) {
  .page-transition-enter .page__wrapper {
    animation: slideInMobile 0.75s 0.3s;
  }
}
.page-transition-leave {
  animation: slideOut 0.75s forwards;
  height: 100vh;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.75s;
  z-index: 2;
}
@media (max-width: 59.9375em) {
  .page-transition-leave {
    animation: slideOut 0.75s 0.3s forwards;
  }
}
.page-transition-back {
  position: relative;
}
.page-transition-back-enter {
  opacity: 0.99;
  position: relative;
  transition: opacity 0.75s;
  z-index: 1;
}
.page-transition-back-enter .page__wrapper {
  animation: slideInExitMobile 0.75s;
}
@media (min-width: 48em) {
  .page-transition-back-enter .page__wrapper {
    animation: slideInExit 0.75s;
  }
}
@media (max-width: 59.9375em) {
  .page-transition-back-enter .page__wrapper {
    animation: slideInExit 0.75s 0.3s;
  }
}
@media (max-width: 47.9375em) {
  .page-transition-back-enter .page__wrapper {
    animation: slideInExitMobile 0.75s 0.3s;
  }
}
.page-transition-back-leave {
  animation: slideOutExit 0.75s forwards;
  height: 100vh;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.75s;
  z-index: 2;
}
@media (max-width: 59.9375em) {
  .page-transition-back-leave {
    animation: slideOutExit 0.75s 0.3s forwards;
  }
}
.page__menu {
  padding: 1.7rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.lesson--preview .page__menu {
  display: none;
}
.page-menu-toggle {
  color: #313537;
  cursor: pointer;
  display: flex;
  left: -1rem;
  padding: 1rem;
  position: relative;
  top: -0.8rem;
}
.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: #313537;
}
.page-lesson-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-lesson {
  flex: 1 1 auto;
  position: relative;
}
.course-navigation-feature .page__content--preview-nav {
  opacity: 1;
  transform: none;
  transition: none;
}
.course-navigation-feature .lesson-one-page-scroll .page__content,
.course-navigation-feature .lesson-one-page-slides .page__content {
  opacity: 1;
}
.lesson-main:focus {
  outline: none;
}
.embed-lesson {
  overflow: hidden;
  padding-bottom: 5rem;
  padding-top: 5rem;
}
@media (min-width: 45em) {
  .embed-lesson {
    padding-bottom: 15rem;
    padding-top: 8rem;
  }
}
.embed-lesson__item {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 92rem;
  padding-left: 1.9999998rem;
  padding-right: 1.9999998rem;
  position: relative;
}
@media (min-width: 33.75em) {
  .embed-lesson__item {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 60em) {
  .embed-lesson__item {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.embed-lesson .embed__description,
.embed-lesson .embed__title {
  color: #313537;
}
@media (min-width: 52.5em) {
  .embed-lesson__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .embed-lesson__row:after,
  .embed-lesson__row:before {
    content: " ";
    display: table;
  }
  .embed-lesson__row:after {
    clear: both;
  }
}
.embed-lesson__main {
  position: relative;
}
@media (min-width: 52.5em) {
  .embed-lesson__main {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .embed-lesson__main:first-child {
    margin-left: 8.3333333333%;
  }
  .lesson--open .embed-lesson__main {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 83.3333333333%;
  }
  .lesson--open .embed-lesson__main:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 60em) {
  .lesson--open .embed-lesson__main {
    width: 100%;
  }
  .lesson--open .embed-lesson__main:first-child {
    margin-left: 0;
  }
}
@media (min-width: 67.5em) {
  .lesson--open .embed-lesson__main {
    width: 83.3333333333%;
  }
  .lesson--open .embed-lesson__main:first-child {
    margin-left: 8.3333333333%;
  }
}
.embed-lesson__embed {
  height: 0;
  padding-bottom: 56%;
  position: relative;
  width: 100%;
}
.embed-lesson iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.labeled-graphic-lesson-content-container .labeled-graphic-canvas--visible {
  padding-bottom: 3rem;
}
@media (min-width: 37.5em) {
  .labeled-graphic-lesson-content-container .labeled-graphic-canvas--visible {
    padding-bottom: 5rem;
  }
}
@media (min-width: 45em) {
  .labeled-graphic-lesson-content-container .labeled-graphic-canvas--visible {
    padding-bottom: 26rem;
  }
}
@keyframes showcard {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes hidecard {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeCard {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showcardUp {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes hidecardUp {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes controlloop {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  24% {
    opacity: 1;
    transform: translate3d(100%, 0, 0);
  }
  25% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  26% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  27% {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
  }
  50% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.process__wrap {
  position: relative;
}
.process__item,
.process__wrap {
  min-height: 100vh;
  overflow: hidden;
}
.process__item {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate3d(100%, 0, 0);
  width: 100%;
  z-index: 2;
}
.process__item-wrap {
  min-height: 100vh;
}
.process__item--done {
  animation-duration: 0.75s;
  animation-name: hidecard;
  height: 100vh;
  opacity: 1;
  overflow: hidden;
}
.process__item--active {
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  animation-name: showcard;
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.process__item--active:last-child {
  animation: none;
  transform: translateZ(0);
  z-index: 1;
}
.process__item--next {
  height: 100vh;
  opacity: 1;
  overflow: hidden;
  transform: translate3d(100%, 0, 0);
}
.process--reverse-animation .process__item--done {
  transform: translate3d(-100%, 0, 0);
}
.process--reverse-animation .process__item--active {
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  animation-name: showcardUp;
  pointer-events: auto;
}
.process--reverse-animation .process__item--next {
  animation-duration: 0.75s;
  animation-name: hidecardUp;
}
.process__controls {
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: left, right, transform, background;
  z-index: 10;
}
.lesson--open .process__controls {
  left: 0;
}
@media (min-width: 60em) {
  .lesson--open .process__controls {
    left: 28rem;
  }
}
.page-transition-back-leave .process__controls,
.page-transition-leave .process__controls,
.process__controls--hide {
  display: none;
}
.process__controls--animating {
  outline-style: none;
}
@media (min-width: 48em) {
  .process__controls--clip {
    clip: rect(auto, 5rem, auto, auto);
  }
}
.process__controls--at-start .process__previous {
  transform: translate3d(-100%, -50%, 0);
}
.process__controls--at-start .process__next {
  box-shadow: 0 0.8rem 1.8rem rgba(0, 0, 0, 0.09);
  padding-right: 0;
  transform: translate3d(-10%, -50%, 0);
}
.process__controls--at-start .process__next .process__control-content {
  width: 100%;
}
.process__controls--at-end .process__next {
  transform: translate3d(100%, -50%, 0);
}
.process__next,
.process__previous {
  background: #fff;
  color: #50abf1;
  cursor: pointer;
  opacity: 1;
  outline-offset: -0.5rem;
  pointer-events: auto;
  position: absolute;
  transform: translateZ(0);
  transition-duration: 0.75s;
  transition-property: color, transform, box-shadow, border-radius, width,
    height, line-height;
}
.safari9 .process__controls {
  left: 0;
  position: absolute;
  transition: none;
  width: 100%;
}
.safari9 .process__next,
.safari9 .process__previous {
  top: 0;
  transform: none;
}
.safari9 .process__controls--at-start .process__previous {
  transform: translate3d(-100%, 0, 0);
}
.safari9 .process__controls--at-start .process__next {
  transform: translate3d(-60px, 0, 0);
}
.safari9 .process__controls--at-end .process__next {
  transform: translate3d(100%, 0, 0);
}
@media (min-width: 48em) {
  .process__controls {
    color: #fff;
    top: 0;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  .lesson--open-mobile .process__controls {
    transform: translate3d(26rem, 0, 0);
  }
}
@media (min-width: 48em) {
  .process__control-content {
    overflow: hidden;
  }
  .process__next,
  .process__previous {
    background: #50abf1;
    border-radius: 50%;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    color: #fff;
    height: 10rem;
    margin: 0 auto;
    top: 50%;
    width: 10rem;
  }
  .process__controls--at-start .process__next .process__control-animation {
    animation: controlloop 2.5s 1s 3;
  }
  .process__previous {
    left: 0;
    opacity: 1;
    padding-left: 5rem;
    text-align: center;
    transform: translate3d(-50%, -50%, 0);
  }
  .process__next {
    opacity: 1;
    padding-right: 5rem;
    right: 0;
    text-align: center;
    transform: translate3d(50%, -50%, 0);
  }
  .process__control-content {
    bottom: 0;
    height: 2rem;
    margin: auto;
    padding: 0 1rem;
    position: absolute;
    top: 0;
    transition-duration: 0.75s;
    transition-property: right, width;
    width: 50%;
  }
  .process__previous .process__control-content {
    left: 40%;
  }
  .process__next .process__control-content {
    right: 40%;
  }
  .process__controls--at-start .process__next .process__control-content {
    right: auto;
  }
  .process__control-icon,
  .process__control-label {
    display: inline-block;
  }
}
@media (max-width: 47.9375em) {
  .process__controls {
    background: #fff;
    border-top: 0.1rem solid #e7e8e8;
    color: #313537;
    height: 5rem;
    overflow: visible;
  }
  .lesson--open-mobile .process__controls {
    transform: translate3d(26rem, 0, 0);
  }
  .process__controls--at-end,
  .process__controls--at-start {
    background: transparent;
    border: none;
  }
  .process__controls--at-start .process__previous {
    opacity: 1;
    transition: opacity 0ms;
    transition-delay: 0.3s;
  }
  .lesson--open-mobile .process__controls--at-start .process__previous {
    opacity: 0;
    transition-delay: 0ms;
  }
  .process__next,
  .process__previous {
    border-radius: 0;
    bottom: 0;
    color: #313537;
    font-size: 1rem;
    font-weight: 800;
    height: 4.9rem;
    letter-spacing: 0.06rem;
    line-height: 5rem;
    padding: 0 1rem;
    text-transform: uppercase;
    top: 0;
    transform: translateZ(0);
    width: 50%;
  }
  .iphone-safari .process__next,
  .iphone-safari .process__previous {
    height: 9.3rem;
  }
  .process__next {
    right: 0;
    text-align: right;
  }
  .process__next [class*="icon-"] {
    margin-left: 0.8rem;
    opacity: 0.2;
  }
  .iphone-safari .process__next [class*="icon-"] {
    display: none;
  }
  .process__next .process__control-content:before {
    content: attr(data-next-step);
    opacity: 1;
    transition: opacity 0.3s 0.3s;
  }
  .process__previous {
    left: 0;
    text-align: left;
    z-index: 2;
  }
  .process__previous [class*="icon-"] {
    margin-right: 0.8rem;
    opacity: 0.2;
  }
  .iphone-safari .process__previous .process__control-content:after,
  .process__previous .process__control-content:after {
    content: "";
  }
  .process__controls--at-start .process__next {
    border-radius: 50%;
    box-shadow: 0 0.8rem 1.8rem rgba(0, 0, 0, 0.09);
    color: #50abf1;
    font-size: 1.6rem;
    height: 8rem;
    line-height: 8rem;
    padding: 0;
    text-align: center;
    transform: translate3d(-4rem, -4.5rem, 0);
    width: 8rem;
  }
  .process__controls--at-start .process__next [class*="icon-"] {
    display: inline;
    margin-left: 0;
    opacity: 1;
  }
  .process__controls--at-start .process__next .process__control-content:before {
    opacity: 0;
    position: absolute;
    right: 3rem;
    transition: opacity 0.3s;
  }
  .process__controls--at-end .process__previous {
    transform: translate3d(-100%, 0, 0);
    transition: transform 1s, visibility 0s 1s;
    visibility: hidden;
  }
  .safari9 .process__controls {
    position: absolute;
    top: 0;
    transition: transform 0;
  }
  .safari9 .process__controls--at-start .process__next {
    transform: translate3d(-4rem, -4.5rem, 0);
  }
}
.card {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 5.5rem 0.5rem;
  z-index: 2;
}
@media (min-width: 45em) {
  .card {
    padding: 6rem 6rem 4rem;
  }
}
@media (max-width: 47.9375em) {
  .card {
    min-height: calc(100vh + 5.7rem);
  }
}
.card .embed,
.card .figure-video,
.card .img {
  line-height: 0;
  margin-bottom: 4rem;
}
@media print {
  .card {
    padding: 0;
  }
}
@media (max-width: 47.9375em) {
  .lesson--preview .card {
    padding-top: 0.5rem;
  }
}
.card__container {
  background: #fff;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  max-width: 102rem;
  min-height: calc(100vh - 13rem);
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
}
@media (min-width: 45em) {
  .card__container {
    padding: 5rem 0 7rem;
  }
}
.card__title {
  font-family: merriweather, serif;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  padding-bottom: 2.7rem;
  position: relative;
}
@media (min-width: 45em) {
  .card__title {
    font-size: 4rem;
    margin-bottom: 4rem;
    padding-bottom: 2.2rem;
  }
}
@media print {
  .card__title {
    font-size: 2.2rem;
    page-break-inside: avoid;
  }
}
.card__title:after {
  background: rgba(49, 53, 55, 0.4);
  bottom: 0;
  content: "";
  height: 0.4rem;
  left: 0;
  margin: auto;
  position: absolute;
  width: 6rem;
}
@media print {
  .card__title:after {
    height: 0.2rem;
  }
}
.card__description {
  word-wrap: break-word;
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.9411764706;
}
.card__description a {
  color: #50abf1;
}
@media print {
  .card__description {
    font-size: 1.3rem;
  }
}
.card__step-label {
  background: #50abf1;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: merriweather, serif;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  padding: 0.6rem 1.2rem 0.6rem 3rem;
  text-align: left;
}
@media (min-width: 33.75em) {
  .card__step-label {
    font-size: 1.3rem;
    max-width: 14.2rem;
    padding: 1.3rem 2.5rem 1.3rem 3rem;
    text-align: right;
    width: 90%;
  }
}
@media print {
  .card__step-label {
    font-size: 1rem;
    padding: 1.2rem;
    width: inherit;
  }
}
.card__counter {
  color: #50abf1;
  display: block;
  font-family: Oswald, serif;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 4rem;
  margin-bottom: 0;
  text-align: left;
  transition-duration: 0.3s;
  transition-property: color, opacity, background;
}
@media (max-width: 47.9375em) {
  .card__counter {
    font-size: 1.9rem;
  }
  .card__counter:before {
    background: #50abf1;
    box-sizing: border-box;
    color: #fff;
    content: "Step No.";
    display: inline-block;
    font-family: merriweather, serif;
    font-size: 0.9rem;
    font-style: italic;
    font-weight: 400;
    height: 3rem;
    line-height: 3rem;
    margin: 0 2rem 0 -3rem;
    max-width: 11rem;
    padding: 0 3.5rem 0 0;
    text-align: right;
    transition-duration: 0.3s;
    transition-property: color, border;
    vertical-align: 18%;
    width: 90%;
  }
}
.card__audio {
  max-width: 40rem;
}
.card__main {
  padding: 5rem 3rem 2rem;
}
.card__main:last-child {
  padding-bottom: 3rem;
}
@media print {
  .card__main:last-child {
    padding-bottom: 0;
  }
  .card__main {
    margin: 2rem 0 0;
    padding: 0;
  }
}
.card__row {
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .card__row {
    zoom: 1;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 5rem 0 3rem;
  }
  .card__row:after,
  .card__row:before {
    content: " ";
    display: table;
  }
  .card__row:after {
    clear: both;
  }
  .card__side {
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 1;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: left;
    width: 20.8333333333%;
  }
}
@media print and (min-width: 48em) {
  .card__side {
    float: none;
    margin-bottom: 2rem;
    padding: 0;
    width: inherit;
  }
}
@media (min-width: 48em) {
  .card__main {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    width: 66.6666666667%;
  }
}
@media print and (min-width: 48em) {
  .card__main {
    float: none;
    margin-bottom: 2rem;
    padding: 0;
    width: inherit;
  }
}
.process-end {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
  padding: 5.5rem 0.5rem;
  position: relative;
  text-align: center;
  z-index: 0;
}
@media (min-width: 48em) {
  .process-end {
    padding: 5.5rem 6rem;
  }
}
.process-end__container {
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .process-end__container {
    padding: 4rem 12rem 0;
  }
}
.process-end__message {
  color: #707070;
  font-size: 3.4rem;
  line-height: 1;
  padding: 2rem 0;
}
@media (min-width: 48em) {
  .process-end__message {
    font-size: 6.8rem;
    padding: 0;
  }
}
.process-end__text {
  font-weight: 300;
}
.process-end__footer {
  bottom: 0;
  height: 7rem;
  left: 0;
  position: absolute;
  right: 0;
  transform: translateZ(0);
  transition: transform 0ms;
}
.process-end__footer .next-lesson {
  height: 100%;
}
.process-end .restart-button {
  margin-top: 4rem;
}
@media (min-width: 48em) {
  .process-end .restart-button {
    margin-top: 6rem;
  }
}
[class$="--active"] .process-end__footer {
  animation: showFoot 0.5s 0.75s forwards;
  transform: translate3d(0, 100%, 0);
}
[class$="--active"] .process-end__footer--mobile-safari-landscape {
  animation: none;
  transform: translateZ(0);
}
.process-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  padding: 5.5rem 0.5rem;
  position: relative;
}
@media (min-width: 48em) {
  .process-header {
    padding: 4rem 6rem;
  }
}
@media (max-width: 47.9375em) {
  .lesson--preview .process-header {
    padding-top: 0.5rem;
  }
}
.process-header__container {
  background: #fff;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 102rem;
  min-height: calc(100vh - 13rem);
  padding: 3.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .process-header__container {
    padding: 10rem 0 0;
  }
}
.process-header__limit {
  margin: 0 auto;
  max-width: 102rem;
}
@media (min-width: 48em) {
  .process-header:before {
    background: #eaeaeb;
    bottom: 0;
    content: "";
    left: -2rem;
    position: absolute;
    top: 0;
    width: 0.1rem;
  }
}
.process-header__top-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 0 3rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.process-header__top-wrap:after {
  background: #50abf1;
  bottom: 0;
  content: "";
  height: 0.3rem;
  left: 0;
  position: absolute;
  transition: background 0.3s;
  width: 16rem;
}
@media (min-width: 48em) {
  .process-header__top-wrap {
    margin: 0 0 4rem;
    padding-bottom: 3rem;
  }
  .process-header__top-wrap:after {
    height: 0.5rem;
  }
}
.process-header__author {
  color: #707070;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 3.8rem;
  margin: 0 0 2rem;
}
.process-header__author img {
  border: 1px solid #fff;
  border-radius: 50%;
  height: 3.8rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 3.8rem;
}
@media (min-width: 48em) {
  .process-header__author {
    margin: 0 0 2rem;
  }
}
.process-header__title {
  color: #2d363a;
  font-family: merriweather, serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 48em) {
  .process-header__title {
    font-size: 4.2rem;
    line-height: 1;
  }
}
.process-header__audio {
  background: #fff;
  margin-top: -2rem;
  max-width: 40rem;
  position: relative;
}
@media (min-width: 48em) {
  .process-header__audio {
    margin-top: -4rem;
  }
}
.process-header__description {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.9411764706;
  margin-bottom: 3rem;
}
.process-header__description a {
  color: #50abf1;
}
@media (min-width: 48em) {
  .process-header__description {
    display: block;
  }
}
.process-header__counter {
  font-family: merriweather, serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 1.2rem;
  order: -1;
}
@media (min-width: 48em) {
  .process-header__counter {
    font-size: 1.2rem;
  }
}
.process-header__row {
  padding: 2.5rem 0 1.5rem;
}
@media (min-width: 48em) {
  .process-header__row {
    zoom: 1;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 5rem 0 7rem;
  }
  .process-header__row:after,
  .process-header__row:before {
    content: " ";
    display: table;
  }
  .process-header__row:after {
    clear: both;
  }
  .process-header__main {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 16.6666666667%;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    position: relative;
    width: 66.6666666667%;
  }
}
.progress-summary {
  min-height: 100vh;
  padding: 0 10rem 5rem;
  position: relative;
}
@media (max-width: 64em) {
  .progress-summary {
    padding: 0 9rem 5rem;
  }
}
@media (max-width: 59.9375em) {
  .progress-summary {
    padding: 0 10rem 5rem;
  }
}
@media (max-width: 47.9375em) {
  .progress-summary {
    padding: 0 8rem 5rem;
  }
}
@media (max-width: 42.4375em) {
  .progress-summary {
    padding: 0 6rem 5rem;
  }
}
@media (max-width: 33.6875em) {
  .progress-summary {
    padding: 0 4rem 5rem;
  }
}
@media (max-width: 29.9375em) {
  .progress-summary {
    padding: 0 2rem 5rem;
  }
}
.progress-summary__no-req {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.progress-summary__confetti {
  left: 0;
  position: fixed;
  top: 0;
}
.progress-summary__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5rem;
  padding-top: 6rem;
}
@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-bottom: 1px solid #e5e5e5;
  flex-direction: column;
  justify-content: unset;
  padding-bottom: 3rem;
  padding-top: 7rem;
  width: 50rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__no-req .progress-summary__header {
    width: 100%;
  }
}
.progress-summary__header-title {
  color: #313537;
  font-family: Lato;
  font-size: 3.6rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.02rem;
  line-height: normal;
}
@media (max-width: 42.4375em) {
  .progress-summary__header-title {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 29.9375em) {
  .progress-summary__header-title {
    font-size: 3.2rem;
  }
}
.progress-summary__no-req .progress-summary__header-title {
  margin-bottom: 1rem;
}
.progress-summary__header-trophy {
  height: 2.2rem;
  margin-right: 0.8rem;
  width: 2.2rem;
}
.progress-summary__header-completion-date {
  display: flex;
  font-size: 1.5rem;
  justify-content: center;
  letter-spacing: 0.02rem;
}
.progress-summary__header-due {
  border: 0.1rem solid;
  border-radius: 0.4rem;
  font-family: Lato;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.04rem;
  padding: 0.5rem 1.2rem;
  text-transform: uppercase;
}
@media (max-width: 42.4375em) {
  .progress-summary__header-due {
    display: flex;
    justify-content: center;
    margin-top: 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: #313537;
  font-size: 1.5rem;
  letter-spacing: 0.008rem;
}
.progress-summary__start-over {
  align-items: center;
  color: #313537;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
  text-decoration: none;
  text-transform: uppercase;
}
.progress-summary__start-over-icon {
  color: #313537;
  font-size: 1.5rem;
  margin-top: 0.8rem;
  transform: rotate(180deg);
}
.progress-summary__requirements-met {
  color: #61737c;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.progress-summary__requirements {
  margin-top: 1rem;
}
.progress-summary__completion-controls {
  display: flex;
  margin-top: 4rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__completion-controls {
    flex-direction: column;
  }
}
.progress-summary__no-req .progress-summary__completion-controls {
  margin-top: 3rem;
}
.progress-summary__completion-control {
  display: flex;
  justify-content: center;
  margin-right: 2rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__completion-control {
    margin-bottom: 2rem;
    margin-right: 0;
    width: 100%;
  }
}
.progress-summary__completion-control:last-child {
  margin-right: 0;
}
@media (max-width: 42.4375em) {
  .progress-summary__completion-control:last-child {
    margin-bottom: 0;
  }
}
.progress-summary__btn-back {
  border-radius: 8rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  padding: 1rem 3rem;
  text-transform: uppercase;
}
.progress-summary__requirement {
  align-items: center;
  border-top: 0.1rem solid #eee;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.progress-summary__requirement:last-child {
  border-bottom: 0.1rem solid #eee;
}
.progress-summary__requirement-stats-wrap {
  width: 100%;
}
.progress-summary__requirement-title {
  color: #313537;
  font-family: Lato;
  font-size: 1.8rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: normal;
  margin-bottom: 1rem;
}
@media (max-width: 29.9375em) {
  .progress-summary__requirement-title {
    font-size: 1.6rem;
  }
}
.progress-summary__requirement-stats {
  align-items: center;
  color: #313537;
  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-right: 1px solid #d8d8d8;
  max-width: 50%;
  padding-right: 1.2rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__requirement-stats > :first-child {
    border-right: none;
    max-width: unset;
    padding-right: 0;
  }
}
.progress-summary__requirement-stats > :last-child {
  margin-left: 1.2rem;
  max-width: 50%;
}
@media (max-width: 42.4375em) {
  .progress-summary__requirement-stats > :last-child {
    margin-left: 0;
    margin-top: 0.3rem;
    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: 0.2rem solid #8a8c8d;
  border-radius: 0.2rem;
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  min-height: 2.3rem;
  min-width: 2.3rem;
}
.progress-summary__requirement-checkbox-checked {
  margin-left: 1.3rem;
  margin-right: 1rem;
  min-height: 2.4rem;
  min-width: 2.6rem;
}
.progress-summary__requirement-no-attempts {
  color: #e6251e;
  font-weight: 700;
  letter-spacing: 0.26px;
}
.progress-summary__lp-next {
  height: 38.7rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__lp-next {
    height: auto;
    margin-top: 4.8rem;
  }
}
.progress-summary__lp-next-inner {
  align-items: center;
  bottom: 3rem;
  display: flex;
  position: absolute;
  right: 3rem;
}
@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: 0.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-left: 3rem;
  min-width: 24.6rem;
  width: 24.6rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__lp-next-card {
    margin-left: 0;
    margin-top: 2rem;
    min-width: 31.4rem;
    width: 31.4rem;
  }
}
@media (max-width: 22.4375em) {
  .progress-summary__lp-next-card {
    margin-left: 0;
    margin-top: 2rem;
    min-width: 24.6rem;
    width: 24.6rem;
  }
}
.progress-summary__lp-next-cardV2 {
  margin-left: 3rem;
}
@media (max-width: 42.4375em) {
  .progress-summary__lp-next-cardV2 {
    margin-left: 0;
    margin-top: 2rem;
  }
}
@media (max-width: 22.4375em) {
  .progress-summary__lp-next-cardV2 {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.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:hover .progress-summary-card__title,
  .progress-summary-card__card[focus-within] .progress-summary-card__title {
    text-decoration: underline;
  }
  .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-top: 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:hover
  .progress-summary-card__card--disabled__title,
.progress-summary-card__card--disabled[focus-within]
  .progress-summary-card__card--disabled__title {
  cursor: not-allowed;
  text-decoration: none;
}
.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-right: 0.8rem;
}
.progress-summary-card__hide {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px -1px 0 0;
  overflow: hidden;
  padding: 0;
  width: 1px;
}
.progress-summary-card__image {
  background-color: var(--color-accent);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.8rem;
  height: 14.4rem;
  outline: 0.1rem solid transparent;
  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: 0.8rem;
  height: 14.4rem;
  opacity: 0.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:hover .progress-summary-card__image-overlay,
  .progress-summary-card__card[focus-within]
    .progress-summary-card__image-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  }
  .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, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  }
}
.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, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.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 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #282828;
  cursor: pointer;
  display: -webkit-box;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
  margin: 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
.progress-summary-card__title-button {
  margin: 1.2rem 0;
  width: 100%;
}
.progress-summary-card__progress-bar-base {
  border-radius: 10rem;
  height: 0.5rem;
}
.progress-summary-card__progress-bar-wrap {
  background: hsla(0, 0%, 98%, 0.5);
  border-radius: 10rem;
  bottom: 0.8rem;
  height: 0.5rem;
  margin-top: 0.8rem;
  outline: 0.1rem solid transparent;
  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: rgba(49, 53, 55, 0.5);
}
@media (forced-colors: active) {
  .progress-summary-card__progress-bar-wrap-dark {
    background: Canvas;
  }
}
.progress-summary-card__progress-bar-wrap-light {
  background: hsla(0, 0%, 98%, 0.5);
}
@media (forced-colors: active) {
  .progress-summary-card__progress-bar-wrap-light {
    background: Canvas;
  }
}
.progress-summary-card__progress-bar {
  background: #fff;
  border-radius: 10rem;
  height: 0.5rem;
  outline: 0.1rem solid transparent;
}
@media (forced-colors: active) {
  .progress-summary-card__progress-bar {
    background: CanvasText;
  }
}
.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-left: 16rem;
  margin-right: 16rem;
  margin-top: 3rem;
}
.quiz-item__card {
  left: 0;
  min-height: 100vh;
  overflow: hidden;
  perspective: 1000px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateZ(-3rem);
  transform-style: preserve-3d;
  width: 100%;
  z-index: 2;
}
.quiz-item__card-wrap {
  min-height: 100vh;
  opacity: 0;
  transition: transform 0.75s 375ms, opacity 0.75s 0.75s;
}
.quiz-item__card--done {
  animation: hidequizcard 0.9s forwards;
  opacity: 0;
  overflow: visible;
  z-index: 6;
}
.quiz-item__card--done > div:after {
  background: #f5f5f5;
  bottom: -25vh;
  content: "";
  height: 50vh;
  left: 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 0.75s 375ms;
}
.quiz-item__card--active .quiz-item__card-wrap:after {
  background: #f5f5f5;
  bottom: -25vh;
  content: "";
  height: 50vh;
  left: 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 0.75s 0ms, opacity 0.75s 0.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 0.75s 0.45s, opacity 0.75s 1.35s;
}
@media (min-width: 33.75em) {
  .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 0.75s 525ms, opacity 0.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;
  }
}
@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: 5.5rem 0.5rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 45em) {
  .quiz-end__container {
    padding: 9rem 6rem;
  }
}
.quiz-end__footer {
  bottom: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transform: translateZ(0);
  transition: transform 0ms;
  z-index: 2;
}
.quiz-end__footer .next-lesson {
  height: 100%;
}
[class$="--active"] .quiz-end__footer {
  animation: showFoot 0.5s 0.75s forwards;
  transform: translate3d(0, 100%, 0);
}
.quiz-results {
  box-sizing: border-box;
  max-width: 59rem;
  opacity: 0;
  padding: 3.5rem;
  position: relative;
  width: 100%;
}
.quiz-results--active {
  opacity: 1;
}
@media (min-width: 48em) {
  .quiz-results {
    padding: 8rem 0 0;
  }
}
.quiz-results__header {
  border-top: 0.1rem solid #d6d7d7;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem;
  padding-top: 1.5rem;
}
@media (min-width: 48em) {
  .quiz-results__header {
    margin-bottom: 6rem;
  }
}
.quiz-results__passing {
  display: none;
}
@media (max-width: 44.9375em) {
  .quiz-results__passing {
    display: block;
    font-size: 3.2rem;
  }
}
.quiz-results__results {
  margin: 0 -3rem;
  position: relative;
}
@media (min-width: 48em) {
  .quiz-results__results {
    margin: 0 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 0.9s 0.1s;
}
.quiz-results__footer {
  pointer-events: none;
  text-align: center;
  transition: opacity 0.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 {
  left: 0;
  line-height: 2rem;
  margin: auto;
  max-width: 22rem;
  position: absolute;
  right: 0;
  top: 34%;
}
.ie11 .odometer__score {
  left: 150px;
}
.odometer__score--fail .odometer__score-label,
.odometer__score--pass .odometer__score-label {
  opacity: 0;
  transition: opacity 0.3s;
}
@media (min-width: 30em) {
  .odometer__score {
    max-width: 30rem;
    top: 37%;
  }
}
.odometer__score-label {
  color: #707070;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.3s 0.3s;
}
@media (min-width: 30em) {
  .odometer__score-label {
    font-size: 1rem;
  }
}
.odometer__fail-label,
.odometer__pass-label {
  color: rgba(49, 53, 55, 0.4);
  font-size: 1.2rem;
  font-weight: 900;
  left: 0;
  letter-spacing: 0.08em;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity 0.3s;
}
@media (min-width: 30em) {
  .odometer__fail-label,
  .odometer__pass-label {
    font-size: 1.4rem;
  }
}
.odometer__pass-label {
  color: #50abf1;
}
.odometer__fail-label {
  color: #313537;
}
.odometer__score--fail .odometer__fail-label,
.odometer__score--pass .odometer__pass-label,
.odometer__score-percent {
  opacity: 1;
  transition: opacity 0.3s 0.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 0.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: 2rem 1rem 1rem 4rem;
  position: absolute;
  transform: translateY(-80%);
  white-space: nowrap;
}
@media (min-width: 22.5em) {
  .odometer__passmark {
    padding: 1rem 1rem 1rem 5.5rem;
    transform: translateY(-100%);
  }
}
@media (min-width: 30em) {
  .odometer__passmark {
    padding: 1rem 1rem 1rem 7.5rem;
  }
}
@media (max-width: 44.9375em) {
  .odometer__passmark {
    display: none;
    font-size: 3.2rem;
    padding: 0;
    right: 4rem;
    top: -8rem;
    transform: none;
  }
}
.odometer__passlabel {
  color: #313537;
  display: block;
  font-family: lato, sans-serif;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.08rem;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (min-width: 22.5em) {
  .odometer__passlabel {
    font-size: 0.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-family: merriweather, serif;
  font-size: 0.8rem;
  letter-spacing: 0.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 {
  left: 0;
  margin: auto;
  max-width: 28.813559%;
  position: absolute;
  right: 0;
  top: 40%;
}
.quiz-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  padding: 5.5rem 0.5rem 1rem;
  position: relative;
  z-index: 3;
}
@media (min-width: 33.75em) {
  .quiz-header {
    padding: 7.5rem 0.5rem 1rem;
  }
}
@media (min-width: 45em) {
  .quiz-header {
    padding: 9rem 6rem 4rem;
  }
}
@media print {
  .quiz-header {
    padding: inherit;
  }
}
.quiz-header__container {
  background: #fff;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 102rem;
  min-height: calc(100vh - 8.5rem);
  padding: 3.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 48em) {
  .quiz-header__container {
    min-height: calc(100vh - 13rem);
    padding: 8rem 0;
  }
}
@media print {
  .quiz-header__container {
    box-shadow: none;
    padding: inherit;
  }
}
.quiz-header__limit {
  margin: 0 auto;
  max-width: 102rem;
}
@media (min-width: 48em) {
  .quiz-header:before {
    background: #eaeaeb;
    bottom: 0;
    content: "";
    left: -2rem;
    position: absolute;
    top: 0;
    width: 0.1rem;
  }
}
.quiz-header__top-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 0 3rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.quiz-header__top-wrap:after {
  background: #50abf1;
  bottom: 0;
  content: "";
  height: 0.3rem;
  left: 0;
  position: absolute;
  transition: background 0.3s;
  width: 16rem;
}
@media (min-width: 48em) {
  .quiz-header__top-wrap {
    margin: 4.5rem 0 4rem;
    padding-bottom: 3rem;
  }
  .quiz-header__top-wrap:after {
    height: 0.5rem;
  }
}
.quiz-header__author {
  color: #707070;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 3.8rem;
  margin: 0 0 2rem;
}
.quiz-header__author img {
  border: 1px solid #fff;
  border-radius: 50%;
  height: 3.8rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 3.8rem;
}
@media (min-width: 48em) {
  .quiz-header__author {
    margin: 0 0 2rem;
  }
}
.quiz-header__title {
  color: #2d363a;
  font-family: merriweather, serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 48em) {
  .quiz-header__title {
    font-size: 4.2rem;
    line-height: 1;
  }
}
.quiz-header__audio {
  background: #fff;
  margin-top: -2rem;
  max-width: 40rem;
  position: relative;
}
@media (min-width: 48em) {
  .quiz-header__audio {
    margin-top: -4rem;
  }
}
.quiz-header__description {
  font-family: merriweather, serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.9411764706;
  margin-bottom: 3rem;
}
.quiz-header__description a {
  color: #50abf1;
}
@media (min-width: 48em) {
  .quiz-header__description {
    display: block;
  }
}
.quiz-header__counter {
  font-family: merriweather, serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 1.2rem;
  order: -1;
}
@media (min-width: 48em) {
  .quiz-header__counter {
    font-size: 1.2rem;
  }
}
.quiz-header__start-quiz {
  background: none;
  border: none;
  color: #50abf1;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  margin-top: 3rem;
  padding-left: 0;
  text-transform: uppercase;
}
.quiz-header__start-quiz [class*="icon-"] {
  font-size: 1.1rem;
  margin-left: 1rem;
}
.quiz-header__start-quiz:hover {
  opacity: 0.65;
}
@media (min-width: 45em) {
  .quiz-header__row {
    zoom: 1;
    margin-left: -1.5rem;
    margin-right: -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: left;
    margin-left: 16.6666666667%;
    min-height: 1px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 66.6666666667%;
  }
}
.sorting-lesson {
  padding-bottom: 10rem;
  padding-top: 3rem;
}
.timeline-lesson .timeline {
  padding-bottom: 7vh;
}
.timeline-lesson .timeline__container {
  margin: 6rem 2rem 32vh;
}
.timeline-lesson .timeline__wrapper {
  padding: 4rem 0;
}
.todo-list--video {
  padding: 0;
}
.video-lesson {
  opacity: 0;
  padding-bottom: 100vh;
  transition: opacity 0.6s;
}
.video-lesson--visible {
  opacity: 1;
  padding-bottom: 5rem;
}
@media (min-width: 45em) {
  .video-lesson--visible {
    padding-bottom: 15rem;
  }
}
.video-lesson__item {
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
}
.video-lesson__video {
  height: 0;
  padding-bottom: 56%;
  position: relative;
  width: 100%;
}
.video-lesson iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
.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-left: 0;
  padding-right: 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-left: 3rem;
}
.one-page-authors__avatar,
.one-page-authors__avatar-fallback {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 3.2rem;
  justify-content: center;
  margin: 0 1rem 0 0;
  width: 3.2rem;
}
.one-page-authors__avatar--dark-border,
.one-page-authors__avatar-fallback--dark-border {
  border: 1px solid #313537;
}
.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--dark-text {
  color: #313537;
}
.one-page-cover-info {
  margin: 0 auto;
  width: 70rem;
}
@media (max-width: 89.9375em) {
  .one-page-cover-info {
    width: 60rem;
  }
}
@media (max-width: 47.9375em) {
  .one-page-cover-info {
    width: 52.8rem;
  }
}
@media (max-width: 29.9375em) {
  .one-page-cover-info {
    padding: 0;
    width: 100%;
  }
}
.course-navigation-feature .lessonNavigation__wrapper {
  height: 100vh;
}
.course-navigation-feature .lessonNavigation__wrapper--full .lesson-nav--next,
.course-navigation-feature
  .lessonNavigation__wrapper--full
  .lesson-nav--previous {
  display: flex;
}
.course-navigation-feature
  .lessonNavigation__wrapper--full
  .navButtonsFull__navPrev--hide
  .lesson-nav--previous {
  display: none;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .lesson-nav--next,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .lesson-nav--previous {
  display: flex;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .lesson-nav--next,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .lesson-nav--previous:not(.lesson-nav--floating-full) {
  height: 0;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__bottom,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__top {
  background: transparent;
  height: 0.2rem;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating
  .lesson-nav--floating {
  display: flex;
  height: 0;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__next--entered
  .lesson-nav--next,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__next--entered
  .lesson-nav--prev,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__prev--entered
  .lesson-nav--next,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__prev--entered
  .lesson-nav--prev {
  display: flex;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__next--entered
  .lesson-nav-link,
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__prev--entered
  .lesson-nav-link {
  opacity: 1;
  transform: none;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__prev--exiting
  .lesson-nav-link {
  display: none;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__prev--exited
  .lesson-nav-link {
  opacity: 1;
  transform: translateY(-200%);
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__next--exiting
  .lesson-nav-link {
  display: none;
}
.course-navigation-feature
  .lessonNavigation__wrapper--floating
  .navButtonsFloating__next--exited
  .lesson-nav-link {
  opacity: 1;
  transform: translateY(200%);
}
.nav-overlay {
  background-color: #fff;
  bottom: 0;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.5s;
  transition-property: top, visibility;
  z-index: 9999;
}
.nav-overlay--collapsed {
  top: -100vh;
  visibility: hidden;
}
.nav-overlay__header-controls {
  display: flex;
  justify-content: space-between;
  padding: 1.9rem;
}
.nav-sidebar-search {
  position: relative;
}
.nav-sidebar-search__input {
  -webkit-appearance: textfield;
  appearance: textfield;
  border: none;
  width: 100%;
}
.nav-sidebar-search__input:-ms-input-placeholder {
  text-transform: capitalize;
}
.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 0.3s, transform 0.3s ease 0.1s;
}
.nav-sidebar-header--compact {
  bottom: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.3s ease 0.1s;
  z-index: 1;
}
.nav-sidebar-header--searching {
  overflow: hidden;
  transition: height 0.3s;
}
.nav-sidebar-header--compact.nav-sidebar-header--searching {
  transition: height 0.3s, transform 0.3s ease 0.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 0.3s 0.3s, transform 0.3s 0.3s, visibility 0s;
  z-index: 2;
}
.nav-sidebar-header__search-btn--hidden {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s;
  visibility: hidden;
}
@media (prefers-reduced-motion) {
  .nav-sidebar-header__search-btn {
    transition: none;
  }
}
.nav-sidebar-header__search-area {
  position: absolute;
  transition: transform 0.3s 0.1s, visibility 0s;
  z-index: 1;
}
.nav-sidebar-header__search-area--hidden {
  transition: transform 0.3s 0.1s, visibility 0s 0.3s;
  visibility: hidden;
}
@media (prefers-reduced-motion) {
  .nav-sidebar-header__search-area {
    transition: none;
  }
}
.nav-sidebar-header__graphic {
  background-color: currentColor;
  background-color: var(--color-accent);
  z-index: 0;
}
.nav-sidebar-header__graphic--image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.nav-sidebar-header__content {
  opacity: 1;
  position: relative;
  transition: opacity 0.3s linear 0.3s, visibility 0s linear;
  visibility: visible;
  z-index: 1;
}
.nav-sidebar-header__content--hidden {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0s linear 0.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: 0.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__content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
}
.nav-sidebar__content--collapsed {
  opacity: 0;
  transition: opacity 0ms 0.3s, visibility 0ms 0.3s;
  visibility: hidden;
}
.nav-sidebar__header {
  flex-shrink: 0;
}
.nav-sidebar__body {
  flex: 1;
  position: relative;
  transform: translateZ(0);
}
.nav-sidebar__outline-list {
  transition: opacity 0.3s linear 0.4s, visibility 0s linear;
}
.nav-sidebar__outline-list--disabled {
  opacity: 0;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
  visibility: hidden;
}
.nav-sidebar__outline-list--hidden {
  height: 0;
  overflow: hidden;
}
@media (prefers-reduced-motion) {
  .nav-sidebar__outline-list {
    transition: none;
  }
}
.lesson {
  word-wrap: break-word;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  transition: padding 0.3s;
  word-break: break-word;
}
.lesson:after {
  content: "mobile";
  height: 0;
  visibility: hidden;
  width: 0;
  display: none;
  /* added display none to fix Hidden home icon */
}
@media (min-width: 60em) {
  .lesson:after {
    content: "desktop";
  }
  .lesson--open {
    padding-left: 28rem;
  }
}
.lesson__sidebar {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fafafa;
  height: 100vh;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: opacity 0ms 0.3s;
  width: 26rem;
}
.lesson__sidebar:after {
  bottom: 0;
  box-shadow: inset -2rem 0 2rem -2rem rgba(0, 0, 0, 0.24);
  content: "";
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  z-index: 1;
}
.lesson__sidebar--safari:after {
  background: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, 0.1));
  box-shadow: none;
}
.lesson--open .lesson__sidebar {
  opacity: 0;
  transition: opacity 0ms 0.3s;
}
.lesson--open-mobile .lesson__sidebar {
  opacity: 1;
  transition: opacity 0ms;
}
@media (min-width: 60em) {
  .lesson__sidebar {
    width: 28rem;
  }
  .lesson--open .lesson__sidebar {
    opacity: 1;
    transition: opacity 0ms;
  }
}
.lesson__content {
  background: #f5f5f5;
  height: 100%;
  margin: 0 auto;
  max-height: 100vh;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s;
}
.theme .lesson__content {
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.12);
}
@media (max-width: 59.9375em) {
  .lesson--open-mobile .lesson__content {
    transform: translateX(26rem);
  }
}
.course-navigation-feature .nav-control__menu {
  margin-left: 0;
  padding: 0.8rem 1.2rem;
  position: absolute;
  top: 0;
  transition: margin-left 0.3s;
  z-index: 300;
}
.lesson--preview .course-navigation-feature .nav-control__menu {
  display: none;
}
@media (max-width: 29.9375em) {
  .course-navigation-feature
    .course-navigation__lessonNav--type-floating
    .nav-control__wrapper--navPrevVisible
    .courseExit__wrapper,
  .course-navigation-feature
    .course-navigation__lessonNav--type-floating
    .nav-control__wrapper--navPrevVisible
    .nav-control__menu {
    margin-top: 8.2rem;
  }
}
.course-navigation-feature
  .course-navigation__lessonNav--type-full
  .nav-control__wrapper--navPrevVisible
  .courseExit__wrapper,
.course-navigation-feature
  .course-navigation__lessonNav--type-full
  .nav-control__wrapper--navPrevVisible
  .nav-control__menu {
  margin-top: 6.4rem;
}
.course-navigation-feature
  .course-navigation__lessonNav--type-full
  .nav-control__menu {
  display: flex;
}
.course-navigation-feature
  .course-navigation__lessonNav--type-full
  .nav-control__menu--hide {
  display: none;
}
.course-navigation-feature .nav-control__button {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 4px;
  display: flex;
  height: 2.8rem;
  justify-content: center;
  width: 2.8rem;
}
.course-navigation-feature .page-wrap {
  margin-left: 0;
  transition: margin 0.3s;
}
@media (max-width: 47.9375em) {
  .course-navigation-feature .page-wrap {
    width: 100vw;
  }
}
.course-navigation-feature .course-navigation__sidebar .nav-sidebar-header,
.course-navigation-feature .course-navigation__sidebar .nav-sidebar__content {
  width: 0;
}
.course-navigation-feature
  .course-navigation__sidebar
  .nav-sidebar__content:after {
  bottom: 0;
  box-shadow: inset -1.2rem 0 2rem -2rem rgba(0, 0, 0, 0.12);
  content: "";
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  z-index: 1;
}
.course-navigation-feature
  .course-navigation__sidebar--nav-open
  .nav-control__menu,
.course-navigation-feature
  .course-navigation__sidebar--search-open
  .nav-control__menu {
  margin-left: 28rem;
}
@media (max-width: 29.9375em) {
  .course-navigation-feature
    .course-navigation__sidebar--nav-open
    .nav-control__menu,
  .course-navigation-feature
    .course-navigation__sidebar--search-open
    .nav-control__menu {
    margin-left: 26rem;
  }
}
.course-navigation-feature .course-navigation__sidebar--nav-open .page-wrap,
.course-navigation-feature .course-navigation__sidebar--search-open .page-wrap {
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.12);
  margin-left: 28rem;
}
@media (max-width: 29.9375em) {
  .course-navigation-feature .course-navigation__sidebar--nav-open .page-wrap,
  .course-navigation-feature
    .course-navigation__sidebar--search-open
    .page-wrap {
    margin-left: 26rem;
  }
}
.course-navigation-feature
  .course-navigation__sidebar--nav-open
  .nav-sidebar__content,
.course-navigation-feature
  .course-navigation__sidebar--search-open
  .nav-sidebar__content {
  width: 28rem;
}
.course-navigation-feature
  .course-navigation__sidebar--nav-open
  .nav-sidebar__content
  .nav-sidebar-header,
.course-navigation-feature
  .course-navigation__sidebar--search-open
  .nav-sidebar__content
  .nav-sidebar-header {
  width: 100%;
}
@media (max-width: 29.9375em) {
  .course-navigation-feature
    .course-navigation__sidebar--nav-open
    .nav-sidebar__content,
  .course-navigation-feature
    .course-navigation__sidebar--search-open
    .nav-sidebar__content {
    padding-bottom: 4rem;
    width: 26rem;
  }
}
.course-navigation-feature
  .course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay
  .nav-control__menu {
  display: none;
}
.lesson-one-page-slides__next-button,
.lesson-one-page-slides__prev-button,
.lesson-one-page-slides__restart-button {
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
}
.lesson-one-page-slides {
  height: 100%;
}
.lesson-one-page-slides .page-wrap {
  overflow-y: auto;
}
.lesson-one-page-slides .page-wrap--transitioning {
  overflow: hidden;
}
.lesson-one-page-slides__arrow-icon {
  color: #fff;
  height: 2rem;
  width: 2rem;
}
.lesson-one-page-slides__restart-icon {
  color: #fff;
  height: 1.9rem;
  width: 1.9rem;
}
.lesson-one-page-slides__prev-button {
  top: 1.2rem;
}
.lesson-one-page-slides__next-button,
.lesson-one-page-slides__restart-button {
  bottom: 1.2rem;
}
@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 {
  left: 0;
  position: absolute;
  right: 0;
}
.blocks-lesson-slide__lesson {
  align-items: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  min-height: 100svh;
  padding-bottom: 6.4rem;
  padding-top: 6.4rem;
  position: relative;
}
.blocks-lesson-slide__background-top {
  height: 50%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.blocks-lesson-slide__background-bottom {
  bottom: 0;
  height: 50%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.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;
  left: 0;
  position: absolute;
  right: 0;
  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;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 0;
}
.blocks-lesson-slide__restart-button--fixed {
  bottom: 0;
  left: 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;
  left: 0;
  max-height: none;
  min-height: 100vh;
  min-height: 100svh;
  position: absolute;
  right: 0;
  top: 0;
}
.blocks-lesson-slide__full-width-image--legacy .block-image__figure {
  position: static;
}
.blocks-lesson-slide__full-width-image--legacy .block-image__paragraph {
  margin: 0;
}
.blocks-lesson-slide__full-width-image--background .bg--type-image {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 100vh;
  min-height: 100svh;
  position: absolute;
  right: 0;
  top: 0;
}
.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-gallery,
.blocks-lesson-slide__full-width-image--background
  .bg--type-image
  .block-text__container,
.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 {
  width: 100vw;
}
.blocks-lesson-slide__full-width-image--background
  .bg--type-image
  .block-gallery__container {
  width: 100%;
}
.blocks-slide-controls__overlay-bottom,
.blocks-slide-controls__overlay-top {
  border-radius: 10rem;
  height: 6rem;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  width: 100%;
  z-index: 4;
}
.blocks-slide-controls__slide-controls {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 3rem;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 4.8rem;
  z-index: 11;
}
.blocks-slide-controls__slide-controls--hidden {
  display: none;
}
@media (pointer: coarse) {
  .blocks-slide-controls__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;
}
@media (pointer: coarse) {
  .blocks-slide-controls__page-control-inner-wrapper {
    display: none;
  }
}
.blocks-slide-controls__page-control {
  border-radius: 10rem;
  max-height: 67vh;
  overflow-y: hidden;
  pointer-events: auto;
  position: relative;
  width: 3.2rem;
}
.blocks-slide-controls__slide-dot-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.1rem solid transparent;
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.2rem;
  padding-top: 1.2rem;
}
.blocks-slide-controls__overlay-top {
  background: linear-gradient(180deg, rgba(0, 6, 12, 0), #00060c);
  top: 0;
  transform: scaleY(-1);
}
.blocks-slide-controls__overlay-top--visible {
  opacity: 1;
}
.blocks-slide-controls__overlay-bottom {
  background: linear-gradient(180deg, rgba(0, 6, 12, 0), #00060c);
  bottom: 0;
}
.blocks-slide-controls__overlay-bottom--visible {
  opacity: 1;
}
.blocks-slide-indicator__wrapper {
  display: flex;
}
.blocks-slide-indicator__button {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 2.4rem;
  justify-content: center;
  outline: none;
  width: 2.4rem;
}
.blocks-slide-indicator__button.focus-visible {
  border: max(0.1rem, 1px) solid #fff;
}
.blocks-slide-indicator__button:focus-visible {
  border: max(0.1rem, 1px) solid #fff;
}
.blocks-slide-indicator__button--active {
  border: max(0.1rem, 1px) dashed transparent;
}
.blocks-slide-indicator__button--number {
  background-color: transparent;
  border-radius: 0;
  margin: 0 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 0.3s, height 0.3s, width 0.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: 0.2rem;
    fill: none !important;
    rotate: 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: 0.4rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  font-weight: 600;
  height: 5.6rem;
  justify-content: center;
  line-height: 1.6rem;
  opacity: 0;
  padding: 1.2rem 1.6rem;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transform: translateX(2%);
  transition: opacity 0.3s, transform 0.3s;
  width: 5.6rem;
  z-index: 11;
}
.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;
  left: calc(100% - 0.5rem);
  position: absolute;
  top: calc(50% - 0.5rem);
  transform: rotate(-45deg);
  width: 1rem;
}
.blocks-slide-indicator-tooltip__icon {
  height: 2.4rem;
  width: 2.4rem;
}
.slide-navigation-button__button {
  align-items: center;
  cursor: pointer;
  display: none;
  height: 4.8rem;
  justify-content: center;
  pointer-events: auto;
  width: 4.8rem;
  z-index: 11;
}
@media (pointer: coarse) {
  .slide-navigation-button__button {
    display: flex;
  }
}
.slide-navigation-button__button--touch-preview {
  display: flex;
}
.slide-navigation-button__icon-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.1rem solid transparent;
  border-radius: 50%;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}
.slides-restart-button__button {
  align-items: center;
  bottom: 2.4rem;
  display: flex;
  height: 4.8rem;
  justify-content: center;
  position: fixed;
  right: 2.4rem;
  width: 4.8rem;
  z-index: 11;
}
@media (pointer: coarse) {
  .slides-restart-button__button {
    bottom: 1.2rem;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.slides-restart-button__button--touch-preview {
  bottom: 1.2rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.slides-restart-button__icon-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.1rem solid transparent;
  border-radius: 50%;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
}
.slides-restart-button__restart-icon {
  color: #fff;
  height: 1.9rem;
  width: 1.9rem;
}
.lesson-one-page-scroll {
  height: 100%;
}
.lesson-one-page-scroll .page-wrap {
  overflow-y: auto;
}
@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;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  min-height: 0;
  min-height: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.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: 12.4rem 5rem;
}
@media (max-width: 89.9375em) {
  .theme .one-page-cover__wrapper .cover__header-content {
    align-items: center;
    display: flex;
    padding: 12.4rem 5rem;
  }
}
@media (max-width: 47.9375em) {
  .theme .one-page-cover__wrapper .cover__header-content {
    padding: 8.8rem 2.2rem;
  }
}
@media (max-width: 29.9375em) {
  .theme .one-page-cover__wrapper .cover__header-content {
    min-height: 15.2rem;
    padding: 4.8rem 1.5rem 3.2rem;
  }
}
.theme .one-page-cover__wrapper--white .one-page-cover__start-icon {
  color: #313537;
}
.theme .one-page-cover__start-wrapper {
  bottom: 4.4rem;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}
@media (max-width: 47.9375em) {
  .theme .one-page-cover__start-wrapper {
    bottom: 2.4rem;
  }
}
.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-link {
  align-items: center;
  display: flex;
  height: 4.8rem;
  justify-content: center;
  width: 4.8rem;
}
.theme .one-page-cover__start-icon {
  animation: bounce 1.5s ease infinite;
  color: #fff;
  height: 2rem;
  width: 1.6rem;
}
@media (prefers-reduced-motion: reduce) {
  .theme .one-page-cover__start-icon {
    animation: none;
  }
}
.theme.light-accent
  .one-page-cover__wrapper--accent
  .one-page-cover__start-icon {
  color: #313537;
}
.not-found {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 9.1rem 4.5rem;
}
.not-found__copy {
  color: #717171;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-right: 4.5rem;
  max-width: 49.5rem;
}
@media (max-width: 29.9375em) {
  .not-found__copy {
    margin-bottom: 4.5rem;
    margin-right: 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-bottom: 1.9rem;
}
.curtain {
  margin: 2.9rem 0;
  max-width: 50%;
  text-align: center;
}
.curtain__cancel {
  margin-top: 5rem;
}
.curtain__container {
  align-items: center;
  background: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9000;
}
.curtain__container--show-header {
  top: 5rem;
}
.curtain__title {
  color: #313537;
  font-size: 3.2rem;
  font-weight: 300;
  letter-spacing: -0.1px;
  margin-bottom: 1.5rem;
}
.curtain__description {
  color: #4a4a4a;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  line-height: 1.77;
  margin-bottom: 3rem;
  opacity: 0.8;
  width: 43rem;
}
.curtain__text {
  font-size: 2.4rem;
  font-weight: 300;
  margin-top: 3rem;
}
.curtain__spinner {
  animation: spin 1.5s linear infinite;
  border: 0.2rem solid rgba(49, 53, 55, 0.5);
  border-left-color: rgba(49, 53, 55, 0.15);
  border-radius: 50%;
  height: 3.2rem;
  margin: 0 auto;
  width: 3.2rem;
}
.curtain__spinner--reconnect {
  height: 5.1rem;
  margin-bottom: 1.5rem;
  width: 5.1rem;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.button {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: #313537;
  cursor: pointer;
  display: inline-block;
  font-family: lato, sans-serif;
  font-size: inherit;
  padding: 0;
}
.button--sidebar {
  bottom: 0;
  height: 5.2rem;
  left: 0;
  padding: 1.5rem 0;
  position: fixed;
  width: 36rem;
}
.button--sidebar-basic {
  padding: 1.85rem 0;
  width: 100%;
}
.button--sidebar,
.button--sidebar-basic {
  background-color: #313537 !important;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}
.button--sidebar [class*="icon-"],
.button--sidebar-basic [class*="icon-"] {
  background: #fff;
  border-radius: 50%;
  color: #313537;
  display: inline-block;
  font-size: 1rem;
  height: 2.2rem;
  line-height: 2.2rem;
  margin-right: 0.8rem;
  vertical-align: 5%;
  width: 2.2rem;
}
.button--done {
  -webkit-font-smoothing: antialiased;
  border-radius: 3.3rem;
  height: 3.3rem;
  letter-spacing: 0.16rem;
  line-height: 3.3rem;
  min-width: 12.5rem;
  padding: 0 3rem;
}
.button--done,
.button--header {
  background: #fff;
  color: #313537;
  font-size: 1.2rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.button--header {
  border-radius: 2.5rem;
  height: 2.5rem;
  letter-spacing: 0.12rem;
  line-height: 2.5rem;
  padding: 0 1.5rem;
}
.button--header-done,
.button--inverted,
.button--outline {
  border-radius: 2.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
  padding: 0.25rem 2rem;
  text-align: center;
  text-transform: uppercase;
}
.button + .button--header-done,
.button + .button--inverted,
.button + .button--outline {
  margin-left: 1.5rem;
}
.button + .button--header-done-right-course-themes,
.button + .button--inverted-right-course-themes,
.button + .button--outline-right-course-themes {
  margin-left: 0.6rem;
}
.button--header-done,
.button--inverted,
button.button--outline {
  padding: 0.4rem 2rem;
}
.button--compact {
  padding: 0.3rem 1.5rem;
}
.button--next,
.button--submit {
  background: #d6d7d7;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 900;
  min-width: 13rem;
  padding: 1.5rem 3rem;
  text-transform: uppercase;
  transition: background 0.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 rgba(49, 53, 55, 0.4);
}
.button--outline-transparent {
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll;
  background: initial;
}
.button--outline:focus,
.button--outline:hover,
.menu--active .button--outline {
  border-color: #313537;
}
.button--link {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.button--header-done,
.button--inverted {
  background: #313537;
  border: 1px solid rgba(49, 53, 55, 0.4);
  color: #fff;
}
.button--header-done.button--disabled {
  margin-left: 1.5rem;
  opacity: 0.2;
}
.button--signin {
  background: #4fbdf4;
  border-radius: 2.25rem;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: lato, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  height: 4.5rem;
  line-height: 4.5rem;
  outline: none;
  padding: 0 3.5rem;
  text-decoration: none;
  transition: box-shadow 90ms ease-in-out, transform 90ms ease-in-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button--signin:focus,
.button--signin:hover {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
}
.button--signin:active {
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 100px rgba(0, 0, 0, 0.1);
  transform: translateY(1px);
}
.button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--controls {
  background: #fff;
  border: 1px solid rgba(49, 53, 55, 0.2);
  border-radius: 2.3rem;
  font-size: 1.2rem;
  font-weight: 400;
  height: 3rem;
  letter-spacing: 0;
  line-height: 2.3rem;
  padding: 0 2rem;
  text-align: center;
  text-transform: none;
}
.button + .button--controls {
  margin-left: 1.5rem;
}
.button--controls:hover {
  border-color: rgba(49, 53, 55, 0.8);
}
.button--extraPadding {
  padding: 1.15rem 4.8rem;
}

.main {
  font-size: 62% !important;
}