:root {
    --color-theme-contrast-complementary-rgb: 0,0,0;
    --color-theme-contrast-complementary: #000;
    --color-theme-contrast-rgb: 255,255,255;
    --color-theme-contrast: #fff;
    --color-theme-rgb: 0,19,55;
    --color-theme-tint: #e6e7eb;
    --color-theme-transparent: #0013371A;
    --color-theme: #001337;
    --font-family-body: Poppins;
    --font-family-head: Poppins;
    --font-family-ui: Lato;
    --mon-theme-font-body: var(--font-family-body);
    --mon-theme-font-heading: var(--font-family-head);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
li.timeline__card-wrapper {
    margin-bottom: 0%;
}

.brand--border {
    border-color: var(--color-theme) !important;
}

button.blocks-accordion__header.accordion{
    box-shadow: none;
    background-color: var(--color-background);
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}
.fr-view:hover {
    color: rgb(18, 15, 15);
}
button.fr-view-main.blocks-tabs__header-item.active{
    color: rgb(18, 15, 15);
    background-color: #ffffff !important; 
    box-shadow : unset;
}
.fr-view-main:hover{
    color: rgb(18, 15, 15);
}
.active, .accordion:hover {
    background-color: #fff;
}
a.blocks-button__button:hover{
    color: #ffffff;
}

blockquote:after,blockquote:before,q:after,q:before {
    content: ""
}
.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
span.image_caption_custom_block{
    font-size: 24px;
    color: rgb(0, 19, 55);
    text-align: center;
}
.three_column span.image_caption_custom_block{
    font-size: 17px;
    color: rgb(0, 19, 55);
    text-align: center;
}
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 .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,.i-alt {
    fill: #000
}

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

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

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

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

.i-checkedbox {
    fill: #28cea9
}

.i-checkMarkFilled {
    fill: #000
}

.i-chevronLeft {
    fill: #444b4e
}

.i-dashMark {
    fill: #666
}

.i-destinationArrow {
    fill: #adaeaf
}

.i-dotsVertical {
    fill: #313537
}

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

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

.i-emptyFolder {
    fill: #adaeaf
}

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

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

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

.i-errorAlert__circle {
    stroke: #d0021b
}

.i-exMark {
    fill: #444b4e
}

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

.i-folder {
    fill: #000
}

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

.i-globe {
    fill: #4a4a4a
}

.i-heartFilled {
    fill: #666
}

.i-heartOutline {
    stroke: #666
}

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

.i-newFolder {
    fill: #000
}

.i-pickOne {
    fill: #c9c9ca
}

.i-remove {
    fill: #444
}

.i-sharedCourses {
    fill: #000
}

.i-sortable {
    fill: #eaeaeb
}

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

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

.i-uploadXml {
    fill: #4a4a4a
}

.i-viewInReview {
    fill: #444
}

.i-xMarkFilled {
    fill: #000
}

* {
    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
}




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

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

    to {
        opacity: 0;
        visibility: hidden
    }
}

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

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

@-moz-document url-prefix("") {
    a,div,span {
        outline-color: #000
    }
}

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

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

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

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

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

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

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

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

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

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

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

.certificateDownload__okImg {
    margin-right: .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 .3rem 1.3rem 0 rgba(0,0,0,.2);
    height: 2.4rem;
    left: 65%;
    position: absolute;
    width: 2.4rem
}

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

.classic .lesson-progress--compact {
    height: 2.6rem;
    right: .7rem;
    top: .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: -.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: .5rem;
    width: 100%
}

.classic .lesson-progress__action {
    cursor: pointer
}

.classic .lesson-progress__tooltip {
    bottom: 100%;
    left: 50%;
    max-width: 95%;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .lesson-progress__tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .5rem);
    margin-left: -1rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 1rem
}

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

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

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

.classic .progress-circle__track {
    stroke: rgba(0,0,0,.15);
    stroke: var(--color-progress-circle-track,rgba(0,0,0,.15))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.classic .nav-compact--light {
    --color-nav-compact-bg: #fff;
    --color-nav-compact-contrast: #000;
    --color-nav-compact-header-control-hover-bg: rgba(0,0,0,.15);
    --color-nav-compact-outline-item-border: #e4e4e4;
    --color-nav-compact-outline-item-link-hover-bg: #eee;
    --color-nav-compact-outline-item-link-hover: #000;
    --color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
    --color-nav-compact-outline-scrollbar-thumb-border: #fff;
    --color-nav-compact-outline-section-text: #000;
    --color-nav-compact-outline-section-toggle-icon: #000;
    --color-nav-compact-progress-track: rgba(0,0,0,.05);
    --color-progress-circle-fail: #fff;
    --color-progress-circle-runner-fail: #000;
    --color-progress-circle-track: rgba(0,0,0,.15)
}

.classic .nav-compact--dark,.classic .nav-compact--image-dark-overlay {
    --color-nav-compact-contrast: #fff;
    --color-nav-compact-header-control-hover-bg: hsla(0,0%,100%,.25)
}

.classic .nav-compact--dark {
    --color-nav-compact-bg: #202121;
    --color-nav-compact-outline-item-border: #373737;
    --color-nav-compact-outline-item-link-hover-bg: #353535;
    --color-nav-compact-outline-item-link-hover: #fff;
    --color-nav-compact-outline-scrollbar-thumb-bg: #757575;
    --color-nav-compact-outline-scrollbar-thumb-border: #202121;
    --color-nav-compact-outline-section-text: #fff;
    --color-nav-compact-outline-section-toggle-icon: #fff;
    --color-nav-compact-progress-track: hsla(0,0%,100%,.2);
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-fail: #fff;
    --color-progress-circle-track: hsla(0,0%,100%,.15)
}

.classic .nav-compact--image-dark-overlay {
    --color-nav-compact-header-bg: #fff;
    --color-nav-compact-progress-runner: #fff;
    --color-nav-compact-progress-track: hsla(0,0%,100%,.3)
}

.classic .nav-compact--image-light-overlay {
    --color-nav-compact-header-bg: #fff;
    --color-nav-compact-contrast: #000;
    --color-nav-compact-progress-runner: #202121;
    --color-nav-compact-progress-track: rgba(0,0,0,.25)
}

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

.classic .nav-compact--navNextIsVisible {
    bottom: 8.4rem
}

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

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

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

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

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

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

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

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

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

.classic .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:hover {
    background-color: var(--color-nav-compact-header-control-hover-bg)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.classic .nav-compact__outline-item--active:after,.classic .nav-compact__outline-section-item--active:after {
    border-left: .5rem solid var(--color-theme);
    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 {
    cursor: not-allowed
}

.classic .nav-compact__outline-item-tooltip,.classic .nav-compact__outline-section-item-tooltip {
    bottom: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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 {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .nav-compact__outline-item-tooltip__inner,.classic .nav-compact__outline-section-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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 {
    background: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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 {
    background-color: #f8f8f8;
    color: #000
}

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

.classic .nav-compact__outline-item__link,.classic .nav-compact__outline-section-item__link {
    color: var(--color-nav-compact-outline-section-text);
    display: block;
    font-size: 1.3rem;
    height: 100%;
    line-height: 1.6rem;
    padding: 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 {
    outline-offset: -2px;
    outline-width: 2px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

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

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

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

.classic .nav-overlay {
    --color-nav-overlay-bg: var(--color-theme);
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-header-control-btn-hover: rgba(0,0,0,.25);
    --color-nav-overlay-outline-item-bg-active-before: hsla(0,0%,77%,.4);
    --color-nav-overlay-outline-item-bg-hover: hsla(0,0%,77%,.2);
    --color-nav-overlay-outline-section-divider: #e6e6e7;
    --color-nav-overlay-progress-runner: var(--color-theme);
    --color-nav-overlay-progress-track: rgba(49,53,55,.2);
    --color-nav-overlay-search-container-border-bottom: rgba(32,33,33,.5);
    --color-nav-overlay-search-input-placeholder: rgba(32,33,33,.5);
    --color-progress-circle-background: var(--color-theme);
    --color-progress-circle-pass: var(--color-theme-contrast);
    --color-progress-circle-runner-bg-fail: #000;
    --color-progress-circle-runner-stroke-fail: #000;
    --stroke-width-progress-circle-runner-fail: 0.1rem;
    background-color: var(--color-nav-overlay-bg)
}

.classic .nav-overlay--dark,.classic .nav-overlay--image-dark-overlay {
    --color-nav-overlay-contrast: #fff;
    --color-nav-overlay-progress-track: hsla(0,0%,100%,.2);
    --color-nav-overlay-search-container-border-bottom: hsla(0,0%,100%,.5)
}

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

.classic .nav-overlay--accent-tint {
    --color-nav-overlay-bg: var(--color-theme-tint);
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-outline-section-divider: rgba(49,53,55,.4)
}

.classic .nav-overlay--dark {
    --color-nav-overlay-bg: #202121;
    --color-nav-overlay-contrast: #fff;
    --color-nav-overlay-header-control-btn-hover: hsla(0,0%,100%,.25);
    --color-nav-overlay-search-input-placeholder: hsla(0,0%,100%,.5);
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-bg-fail: #fff;
    --color-progress-circle-runner-stroke-fail: #fff;
    --color-progress-circle-track: hsla(0,0%,100%,.15)
}

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

.classic .nav-overlay--image-dark-overlay {
    --color-nav-overlay-bg: #fff;
    --color-nav-overlay-contrast: #fff;
    --color-nav-overlay-header-control-btn-hover: hsla(0,0%,100%,.25);
    --color-nav-overlay-progress-runner: #fff;
    --color-nav-overlay-search-input-placeholder: hsla(0,0%,100%,.5);
    --color-progress-circle-background: #fff;
    --color-progress-circle-runner-stroke-fail: #fff;
    --color-progress-circle-track: hsla(0,0%,100%,.5);
    --color-progress-circle-runner: #fff;
    --color-progress-circle-pass: #000;
    --stroke-width-progress-circle-runner-fail: 0.1rem
}

.classic .nav-overlay--image-light-overlay {
    --color-nav-overlay-bg: #fff;
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-outline-item-bg-hover: rgba(0,0,0,.2);
    --color-nav-overlay-outline-section-divider: rgba(49,53,55,.4);
    --color-nav-overlay-progress-runner: #000;
    --color-nav-overlay-progress-track: rgba(49,53,55,.2);
    --color-nav-overlay-search-container-border-bottom: rgba(32,33,33,.5);
    --color-progress-circle-background: #000;
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-bg-fail: #fff;
    --color-progress-circle-runner: #000;
    --color-progress-circle-pass: #fff
}

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

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

.classic .nav-overlay__content {
    display: flex;
    flex-direction: column;
    inset: 0;
    position: absolute
}

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

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

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

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

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

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

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

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

@media(max-width: 61.9375em) {
    .classic .nav-overlay__header-close-icon,.classic .nav-overlay__header-search-icon {
        height:1.7rem;
        width: 1.7rem
    }
}

.classic .nav-overlay__header-title-progress-container {
    margin: 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 {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    cursor: pointer;
    text-decoration: none
}

.classic .nav-overlay__header-progress-text {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .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: .5rem;
    transition: background-color .3s
}

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

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

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

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

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

.classic .nav-overlay__outline {
    margin: 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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .65px;
    line-height: 1.68rem;
    text-transform: uppercase
}

.classic .nav-overlay__outline-section-divider {
    border-bottom: .1rem solid var(--color-nav-overlay-outline-section-divider);
    margin-top: .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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    position: relative;
    text-decoration: none
}

@media(max-width: 29.9375em) {
    .classic .nav-overlay__outline-item--section__link,.classic .nav-overlay__outline-item__link {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.classic .nav-overlay__outline-item--section__link:not(.classic .nav-overlay__outline-item__link--restricted):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: #000;
    color: var(--color-nav-overlay-contrast,#000)
}

.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: var(--color-nav-overlay-outline-item-bg-hover);
    border-radius: .8rem;
    content: "";
    inset: -.8rem -1.2rem;
    position: absolute
}

.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: #000;
    color: var(--color-nav-overlay-contrast,#000)
}

.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: var(--color-nav-overlay-outline-item-bg-active-before)
}

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

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

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

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

.classic .nav-overlay__outline-item-tooltip {
    bottom: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .nav-overlay__outline-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

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

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

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

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

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

.classic .nav-overlay__search-container {
    align-items: center;
    border-bottom: .2rem solid var(--color-nav-overlay-search-container-border-bottom);
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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;
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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:-ms-input-placeholder {
    color: var(--color-nav-overlay-search-input-placeholder);
    opacity: 1
}

.classic .nav-overlay__search-input::placeholder {
    color: var(--color-nav-overlay-search-input-placeholder);
    opacity: 1
}

@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: .5rem .5rem 0
}

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

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

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

.classic .nav-overlay__search-submit-btn {
    background: #fff;
    border: .2rem solid #000;
    border-radius: 10rem;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .1rem;
    margin: 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 .lesson-progress {
    min-width: 2rem
}

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

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

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

.classic .nav-sidebar--image-dark-overlay {
    --color-nav-sidebar-contrast: #fff;
    --color-nav-sidebar-progress-track: hsla(0,0%,100%,.5);
    --color-nav-sidebar-search-btn-hover: hsla(0,0%,100%,.25)
}

.classic .nav-sidebar--image-light-overlay {
    --color-nav-sidebar-contrast: #000;
    --color-nav-sidebar-progress-track: rgba(0,0,0,.3)
}

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

.classic .nav-sidebar--legacy-pre-themes {
    --color-nav-sidebar-contrast: #fff;
    --color-nav-sidebar-progress-track: hsla(0,0%,100%,.5);
    --color-progress-circle-pass: #fff
}

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

.classic .nav-sidebar__outline {
    font-family: var(--font-family-ui);
    padding: 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: .5rem solid var(--color-theme);
    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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .nav-sidebar__outline-item-tooltip__inner,.classic .nav-sidebar__outline-section-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

.classic .nav-sidebar__outline-item__link,.classic .nav-sidebar__outline-section-item__link {
    color: var(--color-nav-sidebar-outline-item-link);
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.6rem;
    padding: 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--restricted,.classic .nav-sidebar__outline-section-item__link--restricted {
    cursor: not-allowed
}

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

.classic .nav-sidebar__outline-item-link-icon,.classic .nav-sidebar__outline-section-item-link-icon {
    color: var(--color-nav-sidebar-outline-item-link-icon);
    forced-color-adjust: auto;
    height: 1.6rem;
    left: 2rem;
    margin-right: .7rem;
    position: absolute;
    top: 2.7rem;
    transform: translateY(-50%);
    width: 1.6rem
}

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

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

.classic .nav-sidebar__outline-section-toggle {
    cursor: pointer;
    margin: 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:after {
    border-bottom: var(--border-nav-sidebar-outline-section-toggle);
    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 {
    color: var(--color-nav-sidebar-outline-section-text);
    flex-shrink: 0;
    margin-right: .6rem;
    margin-top: .4rem;
    order: -1;
    transition: transform .3s;
    width: .9rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.classic .nav-sidebar-header__search-btn {
    color: #000;
    color: var(--color-nav-sidebar-contrast,#000);
    height: 2.6rem;
    right: 1.5rem;
    top: 1.3rem;
    width: 2.6rem
}

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

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

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

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

.classic .nav-sidebar-header__search-area {
    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 {
    inset: 0;
    position: absolute
}

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

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

.classic .nav-sidebar-header__content--hidden {
    left: 2rem;
    right: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.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: .8rem 3.8rem .9rem 3.6rem
}

.classic .nav-sidebar-search__input:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

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

.classic .nav-sidebar-search__close {
    color: #76767c;
    height: 2rem;
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem
}

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

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

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

.classic .nav-sidebar-results {
    padding: 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__term {
    font-style: italic
}

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

.classic .nav-sidebar-result__inner--active:after {
    border-left: .5rem solid;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

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

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

.classic .nav-sidebar-result__icon {
    height: 1.6rem;
    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: .6rem
}

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

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    40% {
        transform: translateY(25px)
    }

    to {
        transform: translateY(0)
    }
}

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

    33% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

    10% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    10% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

.classic .page__menu {
    padding: 2rem
}

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

@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 {
        margin-left:0
    }
}

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

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

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

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

.classic .lesson-header-wrap .lesson-header__top-wrap {
    margin: 0;
    padding-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.classic .lesson-header-wrap--image .page__header {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

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

.classic .lesson-header-wrap--mobile .page__header {
    min-height: 12.4rem;
    padding-top: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.classic .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
    height: 3rem;
    margin: 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 {
    height: 2.2rem;
    margin: 0 .8rem 1rem 0;
    width: 2.2rem
}

.classic .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 {
    left: 0!important
}

.classic .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 {
    left: 1rem
}

.classic .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 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 1.6rem
}

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

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

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

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

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

.classic .lesson-header-wrap--small .lesson-header__info-row--divider {
    color: var(--color-header-text);
    font-size: 1.6rem;
    font-weight: 300;
    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 {
        padding-top:2.8rem
    }
}

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

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

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

.classic .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 {
    height: 2.2rem;
    width: 2.2rem
}

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

.classic .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 {
    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 {
    padding-right: 0
}

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

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

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

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

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

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

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

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

.classic .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 {
        font-size:5.6rem;
        line-height: 6.72rem
    }
}

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

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

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

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

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

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

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

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

.classic .cover--layout-centered-overlay,.classic .cover--layout-left-overlay {
    --color-background: transparent;
    --color-cover-contrast: #fff;
    --color-cover-contrast-complementary: #000;
    --color-cover-progress-outer-bg: hsla(0,0%,100%,.3)
}

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

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

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

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

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

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

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

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

.classic .cover__header-content {
    align-items: center;
    background-color: var(--color-background);
    display: flex;
    min-height: 15.2rem;
    padding: 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--rise-com {
    max-width: 60rem;
    width: 52.8rem
}

@media(min-width: 48em) {
    .classic .cover__header-content-info--rbc,.classic .cover__header-content-info--rise-com {
        width:101.6rem
    }
}

@media(min-width: 75em) {
    .classic .cover__header-content-info--rbc,.classic .cover__header-content-info--rise-com {
        max-width:86.36rem
    }
}

@media(min-width: 90em) {
    .classic .cover__header-content-info--rbc,.classic .cover__header-content-info--rise-com {
        max-width:none
    }
}

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

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

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

.classic .cover__header-content-title {
    word-wrap: break-word;
    color: #fff;
    color: var(--color-cover-contrast,#fff);
    font-family: var(--font-family-head);
    font-size: 3.2rem;
    font-weight: 900;
    letter-spacing: -.015rem;
    line-height: 3.8rem;
    margin: 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: -.02rem;
        line-height: 7rem;
        max-width: 140rem
    }
}

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

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

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

.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: .028rem;
    line-height: 1.6rem;
    margin-left: .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__details-content-section--type-partner-content {
    display: none;
    width: 24rem
}

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

.classic .cover__course-length-section+.cover__details-content-section--type-partner-content .cover__details-content-heading {
    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: .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: #000;
    font-family: var(--font-family-body);
    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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .overview-list-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

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

@media(min-width: 30em) {
    .classic .cover--layout-centered .cover__header-content,.classic .cover--layout-centered-overlay .cover__header-content {
        min-height:47.4rem
    }
}

@media(min-width: 48em) {
    .classic .cover--layout-centered .cover__header-content,.classic .cover--layout-centered-overlay .cover__header-content {
        min-height:55rem
    }
}

.classic .cover--layout-centered .cover__header-content-info,.classic .cover--layout-centered-overlay .cover__header-content-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 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: -.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: -.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-info .partner-content-course-author__author-container,.classic .cover--layout-split-right-image .cover__header-content-info .partner-content-course-author__author-container {
    flex-wrap: wrap
}

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

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

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

@media(min-width: 90em) {
    .classic .cover--layout-split-left-image .cover__header-content-title,.classic .cover--layout-split-right-image .cover__header-content-title {
        font-size:6rem;
        line-height: 7rem
    }
}

.classic .cover--layout-split-left-image .cover__details-content,.classic .cover--layout-split-right-image .cover__details-content {
    margin: 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 .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 .partner-content-course-author__author {
    align-items: center
}

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

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

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

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

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

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

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

.classic .cover__details--rise-com .cover__course-length-list .cover__time-to-complete {
    padding-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: #000;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.04rem;
    opacity: .8
}

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

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

.classic .cover__details--rise-com .cover__requirements-section {
    margin: 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: #000;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .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: .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: .2rem
}

.classic .cover__details--rise-com .cover__quiz-requirement-seperator {
    padding: 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 .8rem 1.6rem 0;
    max-width: 100%;
    padding: .6rem 1.6rem
}

.classic .cover__details--rise-com .cover__categories-icon {
    flex: 0 0 auto;
    margin: 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-theme);
    border-radius: .4rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .036rem;
    line-height: 1.2rem;
    margin-top: 1rem;
    padding: .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__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: #000;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .02rem;
    line-height: 1.2rem
}

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

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

.classic .cover__details--rise-com .cover__details-content-published-at {
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .028rem;
    line-height: 1.6rem;
    margin-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 .5s
}

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

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

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

.classic .lesson-nav {
    --color-background: var(--color-theme);
    --button-border-color: var(--color-theme);
    --button-background-hover-color: #e3e3e3;
    --button-background-selected-color: #c4c4c4;
    --button-background-tint-overlay-color: hsla(0,0%,100%,.9);
    --color-button-contrast: var(--color-theme-contrast)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.classic .lesson-nav--floating .lesson-nav-link__link {
    align-items: center;
    background-color: var(--color-background);
    border-radius: 2.5rem;
    color: #fff;
    color: var(--color-button-contrast,#fff);
    display: flex;
    padding: .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;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

.classic .lesson-nav--floating-full .lesson-nav__link-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-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 {
    --color-background: #f0f0f0;
    --button-text-hover-color: #000;
    --color-button-contrast: #000
}

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

.classic .lesson-nav--accent.lesson-nav--full {
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.4);
    --button-text-hover-color: var(--color-button-contrast)
}

.classic .lesson-nav--tint.lesson-nav--full {
    --button-text-hover-color: var(--color-theme);
    --button-background-hover-color: hsla(0,0%,100%,.8);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

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

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

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

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

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

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

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

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

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

.classic .lesson-nav--tint.lesson-nav--floating {
    --button-text-hover-color: var(--color-theme);
    --button-background-hover-color: hsla(0,0%,100%,.8);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

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

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

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

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

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

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

.classic .lesson-nav--accent.lesson-nav--floating {
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.5)
}

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

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

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

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

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

.classic .lesson-nav--accent.lesson-nav--floating-full {
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.4);
    --button-border-color: var(--color-button-contrast)
}

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

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

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

.classic .lesson-nav--tint.lesson-nav--floating-full {
    --button-border-color: var(--color-theme);
    --button-background-hover-color: hsla(0,0%,100%,.7);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

.classic .lesson-nav--tint.lesson-nav--floating-full:before {
    background-color: hsla(0,0%,100%,.9);
    content: "";
    inset: 0;
    position: absolute
}

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

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

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

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

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

.classic .lesson-nav-link-tooltip {
    bottom: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.classic .lesson-nav-link-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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:focus,.fr-popup .fr-colors-tabs .fr-colors-tab:hover {
    color: #000
}

.fr-popup .fr-colors-tabs .fr-colors-tab {
    background-color: #f0f0f0;
    color: #000
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
    background-color: #fff;
    color: #000
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab:after {
    color: #000
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 0;
    margin-right: 0
}

.fr-popup .fr-buttons .fr-command[data-cmd=colorsButton],.fr-popup .fr-buttons .fr-command[data-cmd=themesButton] {
    float: right;
    margin: 0
}

.fr-popup .fr-buttons .fr-command[data-cmd=colorsButton].fr-selected-nav,.fr-popup .fr-buttons .fr-command[data-cmd=colorsButton]:hover,.fr-popup .fr-buttons .fr-command[data-cmd=themesButton].fr-selected-nav,.fr-popup .fr-buttons .fr-command[data-cmd=themesButton]:hover {
    background-color: unset;
    border-bottom: 2px solid #000
}

.fr-popup .fr-color-set {
    min-height: 127.5px;
    min-width: 224px
}

.fr-popup .fr-color-set.fr-selected-set.fr-palette {
    grid-gap: 2rem;
    align-content: start;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4,4rem);
    grid-template-rows: repeat(2,4rem);
    justify-content: center;
    justify-items: center;
    padding: 1.6rem 1.6rem 0;
    place-content: start center
}

.fr-popup .fr-color-set.fr-selected-set.fr-palette .fr-select-color {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.fr-popup .fr-color-set.fr-selected-set.fr-palette .fr-select-color:focus,.fr-popup .fr-color-set.fr-selected-set.fr-palette .fr-select-color:hover {
    outline: 1.5px solid #222;
    outline-offset: 3px
}

.fr-popup .fr-color-set.fr-selected-set.fr-palette .fr-remove-color {
    border-radius: unset
}

.fr-popup .fr-color-set.fr-selected-set.fr-palette>span>svg {
    height: 4rem;
    line-height: 4rem;
    width: 4rem
}

.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 {
    border-color: #eaeaeb;
    border-color: var(--table-border-color,#eaeaeb);
    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: .04rem;
    padding: 0;
    top: 100%
}

.fr-floating-btn>svg {
    fill: #313537!important
}

.fr-floating-btn svg {
    fill: #000;
    color: #000
}

.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
}

.locale-switcher {
    border-radius: 10000000px;
    border-style: none;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    margin: 0 1.7rem 1.7rem 0;
    min-width: 10rem;
    text-align: center
}

.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: var(--color-cover-contrast);
    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--light-overlay {
    color: #000
}

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

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

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

.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: .3rem;
    left: 0;
    position: absolute;
    transition: background .3s;
    width: 16rem
}

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

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

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

.lesson-header__partner-content {
    display: flex
}

.lesson-header__partner-content-author {
    color: #707070;
    display: flex;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 3.8rem;
    margin: 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: .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(0,0,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 {
        margin-left: 8.3333333333%
    }

    .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: .1rem;
    left: 0;
    position: absolute;
    width: 100%
}

.page__header-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) {
    .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 {
        padding-top:5rem
    }
}

.theme .progress-wrap {
    z-index: 299
}

.progress {
    background: transparent;
    left: 0;
    margin-left: 0;
    position: absolute;
    right: 0;
    transition-duration: .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: .3rem 0;
    position: relative;
    width: 100%
}

.progress__indicator {
    background: #50abf1;
    height: 2px;
    left: -100%;
    position: absolute;
    top: 0;
    transition-duration: .3s;
    transition-property: transform;
    width: 100%
}

.progress--timeline {
    background: #fff;
    border-bottom: .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: .1rem;
    left: 0;
    position: absolute;
    right: 0;
    top: .4rem
}

.progress--timeline .progress__indicator {
    position: relative;
    z-index: 1
}

.progress--timeline .progress__marker {
    background: #eaeaeb;
    border: .4rem solid #fff;
    border-radius: 50%;
    box-sizing: content-box;
    height: .4rem;
    margin-left: -.6rem;
    position: absolute;
    top: -.2rem;
    transition: background .3s;
    width: .4rem;
    z-index: 2
}

.progress--timeline .progress__marker--active {
    background: #50abf1
}

.progress--timeline.progress--sticky {
    padding: 2rem
}

.progress--video .progress__indicator {
    transition-duration: .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: .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% - .5rem);
    top: -2.6rem;
    width: 1rem
}

@media(max-width: 47.9375em) {
    .imaginative .lesson-progress--overlay {
        height:.9rem;
        width: .9rem
    }
}

.imaginative .lesson-progress--overlay .progress-circle {
    stroke-width: .2rem
}

.imaginative .lesson-progress--sidebar {
    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: .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% - .5rem);
    left: 50%;
    max-width: 95%;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .lesson-progress__tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

.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-theme);
    stroke: var(--color-progress-circle-stroke,var(--color-theme));
    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-theme);
    fill: var(--color-progress-circle-fill,var(--color-theme))
}

@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 {
    --color-background: var(--color-theme);
    --color-button-contrast: var(--color-theme-contrast);
    text-transform: uppercase
}

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

.imaginative .lesson-nav--full {
    display: flex;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%
}

.imaginative .lesson-nav--full .lesson-nav-link {
    display: flex;
    height: 6.4rem;
    width: 100%;
    z-index: 1
}

.imaginative .lesson-nav--full .lesson-nav-link__link {
    letter-spacing: .1rem;
    padding: 1.4rem;
    pointer-events: auto;
    text-decoration: none;
    transition: color .3s;
    z-index: 1
}

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

.imaginative .lesson-nav--full .lesson-nav-link__link:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.imaginative .lesson-nav--full .lesson-nav__link-text {
    color: #fff;
    color: var(--color-button-contrast,#fff);
    flex: 0 1 auto;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-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 {
    --color-background: #fff;
    background-color: var(--color-background);
    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: .5s;
    transition-property: opacity,transform;
    transition-timing-function: ease-in;
    z-index: 200
}

.imaginative .lesson-nav--floating .lesson-nav-link__link {
    align-items: flex-end;
    color: inherit;
    display: flex;
    justify-content: center;
    letter-spacing: .1rem;
    min-width: 26.6rem;
    padding: 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 {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.imaginative .lesson-nav--floating .lesson-nav__link-text {
    font-family: var(--font-family-body);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-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: .1rem;
    padding: 2rem;
    pointer-events: auto;
    text-decoration: none;
    transition: color .3s;
    z-index: 1
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link:before {
    content: "";
    inset: 0;
    margin: 2rem;
    position: absolute;
    z-index: -1
}

.imaginative .lesson-nav--floating-full .lesson-nav__link-text {
    flex: 0 1 auto;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-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 {
    --color-background: var(--color-theme)
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full:before {
    background-color: hsla(0,0%,100%,.85);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 0
}

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

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:before {
    background-color: var(--color-theme);
    margin: 1.8rem;
    opacity: .15
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:hover:before {
    opacity: .3
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:active:before {
    opacity: .4
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,.imaginative .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
    color: var(--color-theme);
    filter: brightness(.8)
}

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

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

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

.imaginative .lesson-nav--light {
    --color-background: #fff;
    --color-lesson-nav-border: #303030;
    --color-button-contrast: #303030
}

.imaginative .lesson-nav--floating-full.lesson-nav--light,.imaginative .lesson-nav--full.lesson-nav--light {
    --color-background: #f0f0f0;
    --color-lesson-nav-overlay-hover: #e3e3e3;
    --color-lesson-nav-overlay-active: #c4c4c4
}

.imaginative .lesson-nav--floating-full.lesson-nav--light,.imaginative .lesson-nav--floating.lesson-nav--light {
    --color-background: #fff;
    --color-lesson-nav-overlay-hover: #f0f0f0;
    --color-lesson-nav-overlay-active: #e3e3e3
}

.imaginative .lesson-nav--dark {
    --color-background: #303030;
    --color-lesson-nav-border: #303030;
    --color-lesson-nav-link-border: #fff;
    --color-lesson-nav-overlay-hover: #454545;
    --color-lesson-nav-overlay-active: #000;
    --color-button-contrast: #fff
}

.imaginative .lesson-nav--floating-full.lesson-nav--dark {
    --color-lesson-nav-overlay-active: #707070
}

.imaginative .lesson-nav--tint {
    --color-background: var(--color-theme);
    --color-lesson-nav-border: var(--color-theme);
    --color-lesson-nav-link-border: var(--color-theme);
    --color-lesson-nav-overlay: hsla(0,0%,100%,.9);
    --color-lesson-nav-overlay-hover: hsla(0,0%,100%,.8);
    --color-lesson-nav-overlay-active: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

.imaginative .lesson-nav--tint.lesson-nav--floating-full {
    --color-lesson-nav-overlay: hsla(0,0%,100%,.8);
    --color-lesson-nav-overlay-hover: hsla(0,0%,100%,.7);
    --color-lesson-nav-overlay-active: hsla(0,0%,100%,.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(.8)
}

.imaginative .lesson-nav--accent {
    --color-background: var(--color-theme);
    --color-lesson-nav-border: var(--color-theme);
    --color-lesson-nav-link-border: #fff;
    --color-lesson-nav-overlay-hover: rgba(0,0,0,.2);
    --color-lesson-nav-overlay-active: rgba(0,0,0,.4)
}

.imaginative .lesson-nav--accent.lesson-nav--floating-full {
    --color-lesson-nav-link-border: var(--color-button-contrast)
}

.imaginative .lesson-nav--full {
    background-color: var(--color-background)
}

.imaginative .lesson-nav--full .lesson-nav-link__link {
    background-color: var(--color-lesson-nav-overlay);
    color: #fff;
    color: var(--color-button-contrast,#fff)
}

.imaginative .lesson-nav--full .lesson-nav-link__link:hover {
    background-color: var(--color-lesson-nav-overlay-hover)
}

.imaginative .lesson-nav--full .lesson-nav-link__link:active {
    background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link {
    background-color: var(--color-background);
    border: 1px solid var(--color-lesson-nav-border);
    color: #fff;
    color: var(--color-button-contrast,#fff)
}

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

.imaginative .lesson-nav--floating .lesson-nav-link__link:hover:before {
    background-color: var(--color-lesson-nav-overlay-hover)
}

.imaginative .lesson-nav--floating .lesson-nav-link__link:active:before {
    background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav--floating-full {
    background-color: var(--color-background)
}

.imaginative .lesson-nav--floating-full .lesson-nav-link__link {
    background-color: var(--color-lesson-nav-overlay);
    color: #fff;
    color: var(--color-button-contrast,#fff)
}

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

.imaginative .lesson-nav--floating-full .lesson-nav-link__link:active {
    background-color: var(--color-lesson-nav-overlay-active)
}

.imaginative .lesson-nav__link-icon {
    stroke: currentColor;
    height: 1.3rem;
    transition: stroke .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% - .5rem);
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .lesson-nav-link-tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

.page-transition-back-enter .lesson-nav--floating .lesson-nav-link,.page-transition-back-leave .lesson-nav--floating .lesson-nav-link,.page-transition-enter .lesson-nav--floating .lesson-nav-link,.page-transition-leave .lesson-nav--floating .lesson-nav-link {
    display: none
}

.imaginative .cover--layout-centered .cover__header-content-info,.imaginative .cover--layout-centered-accent-tint .cover__header-content-info,.imaginative .cover--layout-centered-image .cover__header-content-info,.imaginative .cover--layout-centered-overlay .cover__header-content-info,.imaginative .cover__details,.imaginative .cover__dot-com-body {
    box-sizing: 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-position: 50%;
    background-size: cover
}

.imaginative .cover__header-content-action-link {
    background: var(--color-cover-cta-bg);
    border: .1rem solid transparent;
    color: var(--color-cover-cta-text);
    cursor: pointer;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .01rem;
    line-height: 1.2rem;
    margin-bottom: 1.6rem;
    outline-offset: .2rem;
    padding: 1.2rem 2.4rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .15s ease-in-out;
    z-index: 3
}

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

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

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

.imaginative .cover__header-content-action-link.overview__start-again {
    background-color: transparent;
    border: .1rem solid #000;
    border: .1rem solid var(--color-cover-contrast,#000);
    color: #000;
    color: var(--color-cover-contrast,#000)
}

.imaginative .cover {
    --color-background: var(--color-theme-tint);
    --color-cover-contrast: #000;
    --color-cover-contrast-complementary: var(--color-theme-contrast-complementary);
    --color-cover-cta-bg: var(--color-theme);
    --color-cover-cta-text: var(--color-cover-contrast);
    --color-star-icon: var(--color-theme);
    --color-cover-progress-outer-bg: rgba(var(--color-theme-contrast-rgb),0.3);
    --color-cover-progress-inner-bg: var(--color-theme);
    background: #fff;
    padding: 0 0 2rem
}

@media(min-width: 30em) {
    .imaginative .cover {
        padding-bottom:10rem
    }
}

.imaginative .cover--layout-centered-accent-tint,.imaginative .cover--layout-centered-image,.imaginative .cover--layout-split-left-image,.imaginative .cover--layout-split-right-image,.imaginative .cover--layout-two-thirds-left-image,.imaginative .cover--layout-two-thirds-right-image {
    --color-cover-cta-text: var(--color-theme-contrast)
}

.imaginative .cover--layout-centered {
    --color-cover-contrast: var(--color-theme-contrast);
    --color-background: var(--color-theme);
    --color-cover-cta-bg: var(--color-cover-contrast);
    --color-cover-cta-text: var(--color-cover-contrast-complementary);
    --color-star-icon: var(--color-cover-contrast);
    --color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered-overlay {
    --color-background: transparent;
    --color-cover-contrast: #fff;
    --color-cover-cta-bg: #fff;
    --color-cover-cta-text: #000;
    --color-star-icon: #fff;
    --color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered-overlay .cover__header-content--overlay-light {
    --color-cover-contrast: #000;
    --color-cover-cta-bg: #000;
    --color-cover-cta-text: #fff;
    --color-star-icon: #000;
    --color-cover-progress-inner-bg: var(--color-cover-contrast)
}

.imaginative .cover--layout-centered .cover__header-content-info,.imaginative .cover--layout-centered-accent-tint .cover__header-content-info,.imaginative .cover--layout-centered-image .cover__header-content-info,.imaginative .cover--layout-centered-overlay .cover__header-content-info {
    text-align: center
}

.imaginative .cover--layout-two-thirds-left-image .cover__header-content,.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
    min-height: 38.3rem
}

@media(min-width: 48em) {
    .imaginative .cover--layout-two-thirds-left-image .cover__header-content,.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
        min-height:53.7rem
    }
}

@media(min-width: 62em) {
    .imaginative .cover--layout-two-thirds-left-image .cover__header-content,.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
        min-height:83.2rem
    }
}

.imaginative .cover--layout-two-thirds-left-image .cover__dot-com,.imaginative .cover--layout-two-thirds-right-image .cover__dot-com {
    grid-column: 1/4
}

.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin-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-centered-image .cover__header-graphic,.imaginative .cover--layout-split-left-image .cover__header-graphic,.imaginative .cover--layout-split-right-image .cover__header-graphic,.imaginative .cover--layout-two-thirds-left-image .cover__header-graphic,.imaginative .cover--layout-two-thirds-right-image .cover__header-graphic {
    background-color: #fff
}

.imaginative .cover--layout-split-left-image .cover__header,.imaginative .cover--layout-split-right-image .cover__header {
    grid-template-columns: repeat(2,1fr)
}

.imaginative .cover--layout-two-thirds-left-image .cover__header,.imaginative .cover--layout-two-thirds-right-image .cover__header {
    grid-template-columns: repeat(3,1fr)
}

.imaginative .cover--layout-split-left-image .cover__header-content-authors,.imaginative .cover--layout-split-right-image .cover__header-content-authors,.imaginative .cover--layout-two-thirds-left-image .cover__header-content-authors,.imaginative .cover--layout-two-thirds-right-image .cover__header-content-authors {
    justify-content: normal
}

.imaginative .cover--layout-split-left-image .cover__header-content-info,.imaginative .cover--layout-split-right-image .cover__header-content-info,.imaginative .cover--layout-two-thirds-left-image .cover__header-content-info,.imaginative .cover--layout-two-thirds-right-image .cover__header-content-info {
    padding: 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: .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;
    content: "";
    height: 20rem;
    inset: 50% 0 0;
    margin-top: 0;
    position: absolute;
    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-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--small {
        height: auto;
        width: 7.2rem
    }

    .imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--medium {
        height: auto;
        width: 9rem
    }

    .imaginative .cover--layout-centered-image .cover__details--rise-com .cover__details-logo--no-description-or-outline>.cover__details-logo-image--large {
        height: auto;
        width: 10.8rem
    }
}

.imaginative .cover--layout-split-left-image .cover__progress,.imaginative .cover--layout-split-right-image .cover__progress,.imaginative .cover--layout-two-thirds-left-image .cover__progress,.imaginative .cover--layout-two-thirds-right-image .cover__progress {
    margin-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 {
    content: "";
    inset: 0;
    position: absolute
}

.imaginative .cover__header:before {
    background: #fff;
    z-index: 1
}

.imaginative .cover__header:after {
    background: var(--color-background);
    z-index: 2
}

@media(min-width: 48em) {
    .imaginative .cover__header {
        margin-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;
    color: var(--color-cover-contrast,#000);
    font-family: var(--font-family-head);
    font-size: 2.8rem;
    letter-spacing: -.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-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: #000;
    color: var(--color-cover-contrast,#000);
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    letter-spacing: .05rem
}

@media(min-width: 62em) {
    .imaginative .cover__header-content-authors-name {
        font-size:1.6rem
    }
}

.imaginative .cover__header-graphic {
    flex: 0 0 auto;
    position: relative;
    z-index: 3
}

.imaginative .cover__details--rise-com .cover__details-content-wrap {
    padding-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
}

@media(min-width: 62em) {
    .imaginative .cover__details-content {
        display:flex;
        justify-content: center
    }
}

.imaginative .cover__details-content--no-description-or-outline {
    width: 35rem
}

@media(min-width: 30em) {
    .imaginative .cover__details-content--no-description-or-outline {
        margin: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
}

.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-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 {
        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-family: var(--font-family-body);
    font-size: 1.6rem;
    line-height: 3rem
}

.imaginative .cover__details-content-published-at {
    color: #949494;
    display: block;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .15rem;
    line-height: 1.2rem;
    margin-bottom: 1.6rem;
    text-transform: uppercase
}

.imaginative .cover__details-logo {
    margin-right: 3rem;
    max-width: 35rem;
    padding-bottom: 3.2rem;
    padding-top: 3.2rem
}

@media(min-width: 62em) {
    .imaginative .cover__details-logo {
        align-items:flex-end;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 1rem
    }
}

@media(min-width: 30em) {
    .imaginative .cover__details-logo {
        max-width:45rem
    }
}

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

.imaginative .cover__details-logo--centered {
    display: flex;
    justify-content: center;
    margin: 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
    }

    .imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--small {
        height: auto;
        width: 7.2rem
    }

    .imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--medium {
        height: auto;
        width: 9rem
    }

    .imaginative .cover__details-logo--no-description-or-outline>.cover__details-logo-image--large {
        height: auto;
        width: 10.8rem
    }
}

@media(min-width: 48em) {
    .imaginative .cover__details-logo--has-partner-content {
        max-width:51.8rem
    }
}

@media(min-width: 62em) {
    .imaginative .cover__details-logo--has-partner-content {
        max-width:none
    }
}

@media(min-width: 48em) {
    .imaginative .cover__details-logo--has-partner-content.cover__details-logo--no-description-or-outline {
        max-width:none
    }
}

@media(min-width: 62em) {
    .imaginative .cover__details-logo-image--small {
        height:auto;
        width: 7.2rem
    }

    .imaginative .cover__details-logo-image--medium {
        height: auto;
        width: 9rem
    }

    .imaginative .cover__details-logo-image--large {
        height: auto;
        width: 10.8rem
    }
}

.imaginative .cover__header-star {
    stroke: var(--color-star-icon);
    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: .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-theme);
    --color-progress-circle-stroke: var(--color-theme);
    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: #000
}

.imaginative .overview-list-item__link:active,.imaginative .overview-list-item__link:hover {
    background: transparent;
    color: var(--color-theme)
}

.imaginative .overview-list-item__link:before {
    border-left: .1rem solid var(--color-theme);
    bottom: 0;
    content: "";
    left: calc(1.3rem + 1px);
    opacity: .1;
    position: absolute;
    top: 0;
    width: .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: #000
}

.imaginative .overview-list-item-tooltip {
    --color-nav-tooltip-background: #000;
    --color-nav-tooltip-text: #fff;
    bottom: calc(100% - .5rem);
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .overview-list-item-tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

.imaginative .partner-content-course-author__author {
    align-items: center;
    font-family: var(--font-family-ui);
    font-weight: 400
}

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

.imaginative .cover--layout-split-left-image .cover__header-content,.imaginative .cover--layout-split-right-image .cover__header-content,.imaginative .cover--layout-two-thirds-left-image .cover__header-content,.imaginative .cover--layout-two-thirds-right-image .cover__header-content {
    align-items: center;
    display: flex
}

.imaginative .cover--layout-split-left-image .cover__header-content-title,.imaginative .cover--layout-split-right-image .cover__header-content-title,.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
    max-width: 90.4rem
}

@media(min-width: 48em) {
    .imaginative .cover--layout-split-left-image .cover__header-content-title,.imaginative .cover--layout-split-right-image .cover__header-content-title,.imaginative .cover--layout-two-thirds-left-image .cover__header-content-title,.imaginative .cover--layout-two-thirds-right-image .cover__header-content-title {
        margin-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__dot-com {
    background: #000;
    padding: .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: .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 + .75em);
    text-indent: calc(-1.4rem - .75em)
}

@media(min-width: 48em) {
    .imaginative .cover__lesson-requirement,.imaginative .cover__quiz-requirement {
        justify-content:flex-start
    }
}

.imaginative .cover__lesson-requirement-icon,.imaginative .cover__quiz-requirement-icon {
    height: 1.4rem;
    margin: 0 .75em .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 + .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: .1rem solid #8f8f8f;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .15rem;
    line-height: 1.2rem;
    padding: .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: .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-cover-contrast);
    font-size: .8rem;
    letter-spacing: .05rem;
    line-height: 1rem
}

.imaginative .cover__progress-next-lesson {
    color: var(--color-cover-contrast);
    font-size: 1rem;
    letter-spacing: .15rem;
    line-height: 1.2rem
}

.imaginative .cover__progress-next-lesson-icon {
    stroke: currentColor;
    height: 1.3rem;
    margin: 0 .8rem .2rem 0;
    vertical-align: middle;
    width: 1.6rem
}

.imaginative .cover__progress-outer {
    background: var(--color-cover-progress-outer-bg);
    height: .2rem;
    margin: 1.2rem auto 1.4rem;
    max-width: calc(100vw - 2.4rem);
    position: relative;
    width: 38rem
}

.imaginative .cover__progress-inner {
    background: var(--color-cover-progress-inner-bg);
    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 {
    inset: 0;
    position: absolute
}

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

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

.imaginative .cover-container--entering .cover__header {
    animation: imaginative-cover-header-enter .6s
}

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

.imaginative .nav-compact {
    --color-header-strip: inherit;
    --color-nav-compact-bullet-rail-opacity: 0.1;
    --color-nav-compact-bullet-rail: var(--color-theme);
    --color-nav-compact-contrast: #000;
    --color-nav-compact-icon: #000;
    --color-nav-compact-progress-runner: var(--color-theme);
    --color-nav-compact-text: #000;
    --color-progress-circle-empty-fill: var(--color-nav-compact-background);
    --color-progress-circle-fill: var(--color-theme);
    --color-progress-circle-stroke: var(--color-theme);
    --title-margin-top-image: 0;
    bottom: 2rem;
    left: 4rem;
    position: fixed;
    transition-duration: .3s;
    transition-property: opacity,visibility,bottom;
    transition-timing-function: ease;
    z-index: 7
}

.imaginative .nav-compact--light {
    --color-nav-compact-active: #eee;
    --color-nav-compact-background: #fff;
    --color-nav-compact-hover: #eee;
    --color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
    --color-nav-compact-outline-scrollbar-thumb-border: #f5f5f5;
    --color-nav-compact-outline-section-toggle-icon: #000;
    --color-nav-compact-progress-track: #eee;
    --color-nav-compact-selected: #f7f7f7
}

.imaginative .nav-compact--dark {
    --color-nav-compact-active: #282828;
    --color-nav-compact-background: #000;
    --color-nav-compact-contrast: #fff;
    --color-nav-compact-hover: #282828;
    --color-nav-compact-outline-scrollbar-thumb-bg: #757575;
    --color-nav-compact-outline-scrollbar-thumb-border: #1a1a1a;
    --color-nav-compact-outline-section-toggle-icon: #fff;
    --color-nav-compact-progress-track: hsla(0,0%,100%,.2);
    --color-nav-compact-selected: #282828;
    --color-nav-compact-text: #fff
}

.imaginative .nav-compact--accent {
    --color-header-strip: var(--color-theme);
    --color-nav-compact-contrast: var(--color-theme-contrast)
}

.imaginative .nav-compact--accent .nav-compact__wrap--collapsed {
    --color-nav-compact-background: var(--color-theme);
    --color-nav-compact-progress-runner: var(--color-nav-compact-contrast);
    --color-nav-compact-progress-track: rgba(var(--color-theme-contrast-rgb),0.2);
    --color-nav-compact-text: var(--color-nav-compact-contrast)
}

.imaginative .nav-compact--image-dark-overlay {
    --color-nav-compact-contrast: #fff;
    --title-margin-top-image: 6rem
}

.imaginative .nav-compact--image-dark-overlay .nav-compact__wrap--collapsed {
    --color-nav-compact-progress-runner: #fff;
    --color-nav-compact-progress-track: hsla(0,0%,100%,.2);
    --color-nav-compact-text: #fff;
    --title-margin-top-image: 0
}

.imaginative .nav-compact--image-light-overlay {
    --color-nav-compact-contrast: #000;
    --title-margin-top-image: 6rem
}

.imaginative .nav-compact--image-light-overlay .nav-compact__wrap--collapsed {
    --color-nav-compact-progress-runner: #000;
    --color-nav-compact-progress-track: rgba(0,0,0,.2);
    --color-nav-compact-text: #000;
    --title-margin-top-image: 0
}

.imaginative .nav-compact--navNextIsVisible {
    bottom: 8.4rem
}

.imaginative .nav-compact__wrap {
    background-color: var(--color-nav-compact-background);
    bottom: 2rem;
    box-shadow: 0 .4rem 4rem rgba(0,0,0,.1);
    font-family: var(--font-family-body);
    outline: 1px solid transparent;
    transition: transform .3s ease;
    width: 24rem
}

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

.imaginative .nav-compact__header-image {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 8rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: height .3s
}

.imaginative .nav-compact__header-image--collapsed {
    height: 100%
}

.imaginative .nav-compact__header-inner {
    margin: 0;
    padding: 0;
    width: 100%
}

.imaginative .nav-compact__header-strip {
    background-color: var(--color-header-strip);
    margin-bottom: 1.6rem;
    padding: 1.5rem 1.6rem .1rem
}

.imaginative .nav-compact__header-controls {
    color: #000;
    color: var(--color-nav-compact-contrast,#000);
    display: flex;
    padding: 1.2rem 1.6rem;
    position: absolute;
    right: 0;
    top: -.1px
}

.imaginative .nav-compact__header-control {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin-left: .4rem;
    width: 2rem
}

.imaginative .nav-compact__header-control-icon {
    overflow: hidden
}

.imaginative .nav-compact__header-search-icon {
    stroke: currentColor;
    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: currentColor;
    height: .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: #000;
    color: var(--color-nav-compact-contrast,#000);
    font-family: var(--font-family-ui);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .15rem;
    line-height: 1.3rem;
    margin-bottom: 1.2rem;
    margin-right: calc(2rem + 1em);
    text-transform: uppercase
}

.imaginative .nav-compact__header-title {
    display: flex;
    font-family: var(--font-family-head);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 2.6rem;
    margin-top: var(--title-margin-top-image);
    padding: 0 1.6rem;
    transition: margin-top .3s
}

.imaginative .nav-compact__header-title :focus {
    outline-offset: 5px
}

.imaginative .nav-compact__header-title-link {
    text-decoration: none
}

.imaginative .nav-compact__header-title-link,.imaginative .nav-compact__header-title-link:active,.imaginative .nav-compact__header-title-link:link,.imaginative .nav-compact__header-title-link:visited {
    color: var(--color-nav-compact-text)
}

.imaginative .nav-compact__header-title-link:focus,.imaginative .nav-compact__header-title-link:hover {
    text-decoration: underline
}

.imaginative .nav-compact__header-progress {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 1.2rem;
    padding: 0 1.6rem 1.6rem
}

.imaginative .nav-compact__header-progress-text {
    color: var(--color-nav-compact-text);
    font-family: var(--font-family-ui);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .15rem;
    line-height: 1.3rem;
    margin: 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: .2rem;
    transition: background-color .3s
}

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

@media(forced-colors:active) {
    .imaginative .nav-compact__header-progress-track {
        border: .1rem solid transparent;
        height: .4rem
    }
}

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

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

    .imaginative .nav-compact__header-image+.nav-compact__header-inner .nav-compact__header-progress-track--collapsed {
        background-color: Canvas;
        border-color: Canvas
    }
}

.imaginative .nav-compact__outline {
    max-height: 35rem;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    transition: max-height .3s
}

.imaginative .nav-compact__outline-section:last-of-type .nav-compact__outline-section-empty,.imaginative .nav-compact__outline-section:last-of-type .nav-compact__outline-section-list--collapsed {
    margin-bottom: 0;
    padding-bottom: .8rem
}

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

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

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

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

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

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

.imaginative .nav-compact__outline-item--active:before,.imaginative .nav-compact__outline-section-item--active:before {
    border-left: .4rem solid var(--color-theme);
    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% - .5rem);
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .nav-compact__outline-item-tooltip__inner,.imaginative .nav-compact__outline-section-item-tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

.imaginative .nav-compact__outline-item__link,.imaginative .nav-compact__outline-section-item__link {
    align-items: center;
    color: var(--color-nav-compact-text);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    justify-content: space-between;
    line-height: 1.6rem;
    min-height: 5.6rem;
    padding: 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: .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: .1rem
}

.imaginative .nav-compact--dark .nav-compact__outline-item__link:before,.imaginative .nav-compact--dark .nav-compact__outline-section-item__link:before {
    opacity: .5
}

.imaginative .nav-compact__outline-list-item:first-child .nav-compact__outline-item__link:before,.imaginative .nav-compact__outline-list-item:first-child .nav-compact__outline-section-item__link:before {
    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;
    color: var(--color-nav-compact-outline-section-toggle-icon);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .15rem;
    line-height: 1.8rem;
    overflow: hidden;
    padding: .4rem 1.9rem .4rem 1.6rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.imaginative .nav-compact__outline-section-empty {
    padding-right: 3.5rem
}

.imaginative .nav-compact__outline-section-list {
    margin-bottom: 2.4rem;
    transition: max-height .3s,opacity .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: .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 .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)
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

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

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

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

.imaginative .nav-overlay {
    --color-nav-overlay-content-background: #fff;
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-header-control-btn-hover: rgba(0,0,0,.25);
    --color-nav-overlay-icon: var(--color-theme);
    --color-nav-overlay-progress-runner: var(--color-theme);
    --color-nav-overlay-progress-text: var(--color-theme);
    --color-nav-overlay-progress-track: rgba(0,0,0,.1);
    --color-nav-overlay-search-close-icon: #282828;
    --color-nav-overlay-search-icon: var(--color-theme);
    --color-nav-overlay-search-input: #282828;
    --color-nav-overlay-search-placeholder: rgba(40,40,40,.5);
    --color-nav-overlay-search-submit: var(--color-theme);
    --color-nav-overlay-text-active-link: rgba(0,0,0,.5);
    --color-progress-circle-empty-fill: none;
    --color-progress-circle-fill: var(--color-theme);
    --color-progress-circle-stroke: var(--color-theme)
}

.imaginative .nav-overlay--accent {
    --color-nav-overlay-contrast: var(--color-theme-contrast);
    --color-nav-overlay-content-background: var(--color-theme);
    --color-nav-overlay-header-control-btn-hover: rgba(var(--color-theme-contrast-rgb),0.25);
    --color-nav-overlay-icon: var(--color-nav-overlay-contrast);
    --color-nav-overlay-progress-runner: var(--color-nav-overlay-contrast);
    --color-nav-overlay-progress-text: var(--color-nav-overlay-contrast);
    --color-nav-overlay-progress-track: rgba(var(--color-theme-contrast-rgb),0.1);
    --color-nav-overlay-search-close-icon: var(--color-nav-overlay-contrast);
    --color-nav-overlay-search-icon: var(--color-nav-overlay-contrast);
    --color-nav-overlay-search-input: var(--color-nav-overlay-contrast);
    --color-nav-overlay-search-placeholder: rgba(var(--color-theme-contrast-rgb),0.6);
    --color-nav-overlay-search-submit: var(--color-nav-overlay-contrast);
    --color-nav-overlay-text-active-link: rgba(var(--color-theme-contrast-rgb),0.5);
    --color-progress-circle-fill: var(--color-nav-overlay-contrast);
    --color-progress-circle-stroke: var(--color-nav-overlay-contrast)
}

.imaginative .nav-overlay--accent-tint,.imaginative .nav-overlay--gray,.imaginative .nav-overlay--image-light-overlay,.imaginative .nav-overlay--light {
    --color-nav-overlay-contrast: #000
}

.imaginative .nav-overlay--accent-tint {
    --color-nav-overlay-content-background: var(--color-theme-tint)
}

.imaginative .nav-overlay--dark,.imaginative .nav-overlay--image-dark-overlay {
    --color-nav-overlay-contrast: #fff;
    --color-nav-overlay-header-control-btn-hover: hsla(0,0%,100%,.25);
    --color-nav-overlay-progress-track: hsla(0,0%,100%,.2);
    --color-nav-overlay-search-close-icon: #fff;
    --color-nav-overlay-search-input: #fff;
    --color-nav-overlay-search-placeholder: hsla(0,0%,100%,.6);
    --color-nav-overlay-search-submit: #fff;
    --color-nav-overlay-text-active-link: hsla(0,0%,100%,.5)
}

.imaginative .nav-overlay--dark {
    --color-nav-overlay-content-background: #000;
    --color-nav-overlay-icon: #fff;
    --color-nav-overlay-progress-runner: var(--color-theme);
    --color-nav-overlay-progress-text: #fff
}

.imaginative .nav-overlay--gray {
    --color-nav-overlay-content-background: #fafafa
}

.imaginative .nav-overlay--image-dark-overlay {
    --color-nav-overlay-content-background: #fff;
    --color-nav-overlay-icon: #fff;
    --color-nav-overlay-progress-runner: #fff;
    --color-nav-overlay-progress-text: #fff;
    --color-nav-overlay-progress-track: hsla(0,0%,100%,.1);
    --color-progress-circle-fill: #fff;
    --color-progress-circle-stroke: #fff;
    --color-nav-overlay-search-icon: #fff
}

.imaginative .nav-overlay--image-light-overlay {
    --color-nav-overlay-content-background: #fff;
    --color-nav-overlay-icon: #000;
    --color-nav-overlay-progress-runner: #000;
    --color-nav-overlay-progress-text: #000;
    --color-nav-overlay-progress-track: rgba(0,0,0,.1);
    --color-progress-circle-fill: #000;
    --color-progress-circle-stroke: #000;
    --color-nav-overlay-search-icon: #000
}

.imaginative .nav-overlay__content {
    background-color: var(--color-nav-overlay-content-background);
    display: flex;
    flex-direction: column;
    inset: 0;
    position: absolute
}

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

.imaginative .nav-overlay__header-container {
    flex: 1 0;
    margin-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: .5rem .5rem 0
}

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

.imaginative .nav-overlay__header-search-icon {
    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 {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    display: flex;
    font-family: var(--font-family-head);
    font-size: 2.4rem;
    font-weight: 400;
    justify-content: center;
    letter-spacing: -.2px;
    line-height: 2.9rem;
    padding-bottom: 1.1rem
}

.imaginative .nav-overlay__header-title-link {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    cursor: pointer;
    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: .05rem;
    line-height: 1.2rem;
    margin-top: 1.2rem
}

.imaginative .nav-overlay__header-progress-runner,.imaginative .nav-overlay__header-progress-track {
    height: .2rem;
    transition: background-color .3s
}

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

@media(forced-colors:active) {
    .imaginative .nav-overlay__header-progress-track {
        background-color: Canvas;
        border: .1rem solid transparent;
        height: .4rem
    }
}

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

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

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

.imaginative .nav-overlay__body {
    height: 100%;
    margin: 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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.46rem;
    text-transform: uppercase;
    vertical-align: top
}

.imaginative .nav-overlay__outline-item {
    text-align: center
}

.imaginative .nav-overlay__outline-item--section__link,.imaginative .nav-overlay__outline-item__link {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    display: flex;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -.2px;
    line-height: 4rem;
    position: relative;
    text-decoration: none
}

@media(max-width: 47.9375em) {
    .imaginative .nav-overlay__outline-item--section__link,.imaginative .nav-overlay__outline-item__link {
        font-size:2rem;
        line-height: 2.8rem
    }
}

.imaginative .nav-overlay__outline-item--section__link:hover,.imaginative .nav-overlay__outline-item__link:hover {
    text-decoration: underline;
    text-decoration-thickness: .1rem;
    text-underline-offset: 1rem
}

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

.imaginative .nav-overlay__outline-item--section__link--restricted:hover,.imaginative .nav-overlay__outline-item__link--restricted:hover {
    opacity: .5
}

.imaginative .nav-overlay__outline-item--section__link:active,.imaginative .nav-overlay__outline-item__link:active {
    color: var(--color-nav-overlay-text-active-link)
}

.imaginative .nav-overlay__outline-item-tooltip {
    --color-nav-tooltip-background: #000;
    --color-nav-tooltip-text: #fff;
    bottom: calc(100% - .5rem);
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .nav-overlay__outline-item-tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

.imaginative .nav-overlay__search-header {
    display: flex;
    justify-content: flex-end
}

.imaginative .nav-overlay__search-close-btn {
    padding: .5rem .5rem 0
}

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

.imaginative .nav-overlay__search-close-icon {
    color: var(--color-nav-overlay-search-close-icon);
    height: 1.7rem;
    width: 1.7rem
}

.imaginative .nav-overlay__search-container {
    align-items: center;
    border-bottom: .1rem solid var(--color-nav-overlay-search-input);
    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: .5rem .5rem 0
}

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

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

.imaginative .nav-overlay__search-submit-btn {
    border: 1px solid var(--color-nav-overlay-search-submit);
    color: var(--color-nav-overlay-search-submit);
    cursor: pointer;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .1rem;
    line-height: 1.2rem;
    margin: 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-input);
    height: 1.6rem;
    width: 1.6rem
}

@media(min-width: 48em) {
    .imaginative .nav-overlay__search-clear-icon {
        height:2.4rem;
        width: 2.4rem
    }
}

@media(min-width: 62em) {
    .imaginative .nav-overlay__search-clear-icon {
        height:4rem;
        width: 4rem
    }
}

.imaginative .nav-sidebar {
    --color-nav-sidebar-contrast: var(--color-theme-contrast);
    --color-nav-sidebar-bullet-rail: var(--color-theme);
    --color-nav-sidebar-bullet: var(--color-theme);
    --color-nav-sidebar-header-background: var(--color-sidebar-background);
    --color-nav-sidebar-header-background-calc: var(--color-theme);
    --color-nav-sidebar-search-active: var(--color-nav-sidebar-active);
    --color-nav-sidebar-search-background: var(--color-theme);
    --color-nav-sidebar-search-btn-hover: rgba(var(--color-theme-contrast-rgb),0.25);
    --color-nav-sidebar-search-contrast: var(--color-theme-contrast);
    --color-nav-sidebar-title: #fff;
    --color-progress-circle-empty-fill: var(--color-nav-sidebar-background);
    --color-progress-circle-fill: var(--color-theme);
    --color-progress-circle-stroke: var(--color-theme);
    --padding-bottom-nav-sidebar-header-inner: 0;
    --width-imaginative-nav-sidebar: 30rem
}

.imaginative .nav-sidebar--light {
    --color-nav-sidebar-active: #fff;
    --color-nav-sidebar-background: #f7f7f7;
    --color-nav-sidebar-bullet-rail-opacity: 0.1;
    --color-nav-sidebar-hover-text: #000;
    --color-nav-sidebar-hover: #eee;
    --color-nav-sidebar-outline-text: #000;
    --color-nav-sidebar-progress-runner: var(--color-theme);
    --color-nav-sidebar-progress-text: #000;
    --color-nav-sidebar-progress-track: #e1e1e1;
    --color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
    --color-nav-sidebar-title: #000;
    --color-nav-sidebar-header-compact-background: linear-gradient(0deg,hsla(0,0%,97%,0),#f7f7f7 6.3rem)
}

.imaginative .nav-sidebar--dark {
    --color-nav-sidebar-active: #282828;
    --color-nav-sidebar-background: #000;
    --color-nav-sidebar-bullet-rail-opacity: 0.5;
    --color-nav-sidebar-hover-text: #fff;
    --color-nav-sidebar-hover: #282828;
    --color-nav-sidebar-outline-text: #fff;
    --color-nav-sidebar-progress-runner: #fff;
    --color-nav-sidebar-progress-text: #fff;
    --color-nav-sidebar-progress-track: hsla(0,0%,100%,.2);
    --color-nav-sidebar-search-hover: var(--color-nav-sidebar-hover);
    --color-nav-sidebar-title: #fff;
    --color-nav-sidebar-header-compact-background: linear-gradient(0deg,transparent,#000 6.3rem)
}

.imaginative .nav-sidebar--dark.nav-sidebar--image {
    --padding-nav-sidebar-header-inner: 0
}

.imaginative .nav-sidebar--image-dark-overlay {
    --color-nav-sidebar-contrast: #fff;
    --color-nav-sidebar-search-btn-hover: hsla(0,0%,100%,.25)
}

.imaginative .nav-sidebar--image-light-overlay {
    --color-nav-sidebar-contrast: #000;
    --color-nav-sidebar-search-btn-hover: rgba(0,0,0,.25)
}

.imaginative .nav-sidebar--image-dark-overlay,.imaginative .nav-sidebar--image-light-overlay {
    --color-nav-sidebar-progress-runner: #fff;
    --color-nav-sidebar-progress-text: #fff;
    --color-nav-sidebar-progress-track: hsla(0,0%,100%,.2);
    --color-nav-sidebar-title: #fff;
    --padding-bottom-nav-sidebar-header-inner: 0.8rem;
    --pattern-nav-sidebar-header: none;
    --color-nav-sidebar-header-background: linear-gradient(to bottom,var(--color-nav-sidebar-background) 11.1rem,#000 11.1rem)
}

.imaginative .nav-sidebar--image-dark-overlay .nav-sidebar-header--compact,.imaginative .nav-sidebar--image-light-overlay .nav-sidebar-header--compact {
    --padding-bottom-nav-sidebar-header-inner: 0.8rem
}

.imaginative .nav-sidebar--light-contrast {
    --pattern-nav-sidebar-header: url("data:image/svg+xml;charset=utf-8,%3Csvg 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--dark-contrast {
    --pattern-nav-sidebar-header: 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__content {
    background: var(--color-nav-sidebar-background);
    font-family: var(--font-family-body);
    width: var(--width-imaginative-nav-sidebar)
}

.imaginative .nav-sidebar__body {
    margin: 3.5rem 0
}

.imaginative .nav-sidebar__outline-section-list {
    overflow-y: hidden;
    transition: max-height .3s,opacity .5s;
    width: 100%
}

.imaginative .nav-sidebar__outline-section-list--collapsed {
    max-height: 0!important
}

@media(prefers-reduced-motion) {
    .imaginative .nav-sidebar__outline-section-list {
        transition-property: opacity
    }
}

.imaginative .nav-sidebar__outline-section-text,.imaginative .nav-sidebar__outline-section-toggle {
    align-items: flex-start;
    color: var(--color-nav-sidebar-outline-text);
    display: inline-flex;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .15rem;
    margin: 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-outline-text);
    flex: 0 0 auto;
    height: 1.5rem;
    margin: 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: .4rem solid var(--color-theme);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.imaginative .nav-sidebar__outline-section-toggle {
    outline-offset: .5rem
}

.imaginative .nav-sidebar__outline-item__link,.imaginative .nav-sidebar__outline-section-item__link {
    display: block;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    padding: 2rem 5.2rem 2rem 2.8rem
}

.imaginative .nav-sidebar__outline-item__link--active,.imaginative .nav-sidebar__outline-section-item__link--active {
    --color-progress-circle-empty-fill: var(--color-nav-sidebar-active);
    background: var(--color-nav-sidebar-active)
}

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

.imaginative .nav-sidebar__outline-item__link--complete:after,.imaginative .nav-sidebar__outline-section-item__link--complete:after {
    background: var(--color-nav-sidebar-bullet)
}

.imaginative .nav-sidebar__outline-item__link,.imaginative .nav-sidebar__outline-item__link:active,.imaginative .nav-sidebar__outline-item__link:link,.imaginative .nav-sidebar__outline-item__link:visited,.imaginative .nav-sidebar__outline-section-item__link,.imaginative .nav-sidebar__outline-section-item__link:active,.imaginative .nav-sidebar__outline-section-item__link:link,.imaginative .nav-sidebar__outline-section-item__link:visited {
    color: var(--color-nav-sidebar-outline-text);
    text-decoration: none
}

.imaginative .nav-sidebar__outline-item__link:hover,.imaginative .nav-sidebar__outline-section-item__link:hover {
    --color-progress-circle-empty-fill: var(--color-nav-sidebar-hover);
    background: var(--color-nav-sidebar-hover);
    color: var(--color-nav-sidebar-hover-text)
}

.imaginative .nav-sidebar__outline-item__link:before,.imaginative .nav-sidebar__outline-section-item__link:before {
    border-left: .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: .1rem
}

.imaginative .nav-sidebar-header {
    transition: none
}

.imaginative .nav-sidebar-header__graphic {
    clip-path: inset(2.4rem 2.4rem 0 2.4rem);
    height: 15.6rem
}

.imaginative .nav-sidebar-header__graphic:after {
    background-image: var(--pattern-nav-sidebar-header);
    background-position: bottom;
    background-repeat: repeat;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute
}

.imaginative .nav-sidebar-header--compact {
    --padding-bottom-nav-sidebar-header-inner: 6.3rem;
    transition: height .3s,transform .3s ease .1s
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__inner {
    background: var(--color-nav-sidebar-header-compact-background)
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__graphic {
    clip-path: inset(0 2.4rem);
    height: 8rem
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__search-btn {
    top: 1.7rem
}

.imaginative .nav-sidebar-header--compact .nav-sidebar-header__title {
    font-size: 2.2rem;
    line-height: 2.6rem
}

.imaginative .nav-sidebar-header--image:after {
    background: none
}

.imaginative .nav-sidebar-header__inner {
    background: var(--color-nav-sidebar-header-background);
    padding-bottom: var(--padding-bottom-nav-sidebar-header-inner)
}

.imaginative .nav-sidebar-header--searching {
    height: 6.8rem!important
}

.imaginative .nav-sidebar-header--searching .nav-sidebar-header__graphic {
    clip-path: inset(0)
}

.imaginative .nav-sidebar-header__search-btn {
    color: #fff;
    color: var(--color-nav-sidebar-contrast,#fff);
    right: 3.9rem;
    top: 4.1rem;
    transition: none
}

.imaginative .nav-sidebar-header__search-icon {
    stroke: currentColor;
    width: 1.5rem
}

@media(forced-colors:active) {
    .imaginative .nav-sidebar-header__search-icon {
        stroke: ButtonText;
        fill: none!important
    }
}

.imaginative .nav-sidebar-header__search-area {
    background: var(--color-nav-sidebar-search-background);
    padding: 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: .1px 3.2rem;
    position: static
}

.imaginative .nav-sidebar-header__title {
    display: block;
    font-family: var(--font-family-head);
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin: 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:link:active,.imaginative .nav-sidebar-header__title:link:focus,.imaginative .nav-sidebar-header__title:link:hover,.imaginative .nav-sidebar-header__title:link:visited {
    text-decoration: underline;
    text-decoration-thickness: .1rem
}

.imaginative .nav-sidebar-header__progress-track {
    background: var(--color-nav-sidebar-progress-track);
    height: .2rem;
    position: relative
}

@media(forced-colors:active) {
    .imaginative .nav-sidebar-header__progress-track {
        border: .1rem solid transparent;
        height: .4rem
    }
}

.imaginative .nav-sidebar-header__progress-runner {
    background: var(--color-nav-sidebar-progress-runner);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .6s
}

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

.imaginative .nav-sidebar-header__progress-text {
    color: var(--color-nav-sidebar-progress-text);
    font-family: var(--font-family-ui);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .15rem;
    line-height: 1.3rem;
    margin: 1.6rem 0;
    text-transform: uppercase
}

.imaginative .nav-sidebar-search {
    align-items: center;
    border: .1rem solid transparent;
    color: #fff;
    color: var(--color-nav-sidebar-search-contrast,#fff);
    display: flex;
    padding: .7rem
}

.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: .4
}

.imaginative .nav-sidebar-search__input::placeholder {
    color: inherit;
    opacity: .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-search__close,.imaginative .nav-sidebar-search__icon,.imaginative .nav-sidebar-search__search-btn {
    outline-offset: 1rem
}

.imaginative .nav-sidebar-search__icon {
    stroke: currentColor;
    width: 1.8rem
}

@media(forced-colors:active) {
    .imaginative .nav-sidebar-search__icon {
        stroke: ButtonText;
        fill: none!important
    }
}

.imaginative .nav-sidebar-results {
    font-family: var(--font-family-ui)
}

.imaginative .nav-sidebar-results__message {
    color: #b2b2b2;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.7rem;
    margin: 2.4rem
}

.imaginative .nav-sidebar-result__title {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.7rem;
    margin: .8rem 0
}

.imaginative .nav-sidebar-result__count {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .05rem;
    line-height: 1.3rem;
    opacity: .7
}

.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link,.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link:focus,.imaginative .nav-sidebar-result__inner--active .nav-sidebar-result__link:hover {
    background: var(--color-nav-sidebar-search-active)
}

.imaginative .nav-sidebar-result__link {
    display: block;
    padding: 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-outline-text);
    text-decoration: none
}

.imaginative .nav-sidebar-result__link:focus,.imaginative .nav-sidebar-result__link:hover {
    background: var(--color-nav-sidebar-search-hover)
}

.imaginative .nav-sidebar-header--searching .nav-sidebar-header__graphic {
    display: none
}

.imaginative .nav-sidebar-header--searching+.nav-sidebar__body {
    margin: 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-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% - .5rem);
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.imaginative .nav-sidebar__outline-item-tooltip__inner,.imaginative .nav-sidebar__outline-section-item-tooltip__inner {
    background-color: var(--color-nav-tooltip-background);
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(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: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    40% {
        transform: translateY(25px)
    }

    to {
        transform: translateY(0)
    }
}

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

    33% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

.imaginative {
    --color-background: #fff;
    --color-header-text: #000;
    --color-counter-text: #000
}

.imaginative .page__header:after {
    display: none
}

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

.imaginative .page__menu {
    padding: 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: var(--color-header-text);
    font-family: var(--font-family-head);
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.6rem;
    margin: 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 .8rem
}

.imaginative .lesson-header__author-name {
    color: var(--color-header-text)
}

@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: var(--color-counter-text);
    font-family: var(--font-family-body);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .05rem;
    line-height: 1.2rem;
    order: 0
}

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

.imaginative .lesson-header__author-count-wrap {
    align-items: baseline;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.imaginative .lesson-header__author-name {
    font-family: var(--font-family-ui);
    font-size: 1.1rem;
    font-weight: 600
}

.imaginative .lesson-header-wrap {
    transition: max-height .3s ease-in-out,opacity .3s ease-in-out
}

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

.imaginative .lesson-header-wrap .page__header {
    min-height: 19.9rem;
    padding-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: .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: .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: .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: .4rem
}

.imaginative .lesson-header-wrap--mobile .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
    height: 3rem;
    margin: 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 {
    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: .4rem
}

.imaginative .lesson-header-wrap--small .lesson-header__info-row--divider {
    color: var(--color-header-text);
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0 1.2rem
}

.imaginative .lesson-header-wrap--small .lesson-header__counter {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .05rem;
    line-height: 1.4rem;
    margin: 0;
    order: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__author {
    align-items: center;
    display: flex;
    font-family: var(--font-family-head);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4rem;
    margin: 0
}

.imaginative .lesson-header-wrap--small .lesson-header__author-img {
    height: 2rem;
    margin-right: .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 {
    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 {
        font-size: 7.2rem;
        line-height: 7.8rem
    }
}

.imaginative .lesson-header-wrap--dark,.imaginative .lesson-header-wrap--image {
    --color-background: #303030
}

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

.imaginative .lesson-header-wrap--black,.imaginative .lesson-header-wrap--dark,.imaginative .lesson-header-wrap--image {
    --color-header-text: #fff;
    --color-counter-text: #fff
}

.imaginative .lesson-header-wrap--light {
    --color-background: #fff
}

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

.imaginative .lesson-header-wrap--gray,.imaginative .lesson-header-wrap--light {
    --color-counter-text: var(--color-theme)
}

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

.imaginative .lesson-header-wrap--tint {
    --color-background: var(--color-theme-transparent);
    --color-header-text: #000
}

.imaginative .lesson-header-wrap--image .page__header {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.imaginative .lesson-header-wrap--image-light {
    --color-header-text: #000;
    --color-counter-text: #000
}

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

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

    10% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    10% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

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

.imaginative .one-page-cover__wrapper {
    background-color: var(--color-background)
}

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

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

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

.imaginative .one-page-cover-info__title {
    margin-bottom: 1.6rem
}

.imaginative .one-page-cover-info .one-page-title {
    color: #fff;
    color: var(--color-one-page-cover-contrast,#fff);
    font-family: var(--font-family-head);
    font-size: 2.8rem;
    letter-spacing: -.02rem;
    line-height: 3.6rem;
    text-align: center
}

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

@media(min-width: 48em) {
    .imaginative .one-page-cover-info .one-page-title {
        font-size:7.2rem;
        line-height: 7.8rem
    }
}

.imaginative .one-page-authors {
    justify-content: center
}

@media(min-width: 62em) {
    .imaginative .one-page-authors__avatar,.imaginative .one-page-authors__avatar-fallback {
        height:4rem;
        width: 4rem
    }
}

.imaginative .one-page-authors__name {
    color: #fff;
    color: var(--color-one-page-cover-contrast,#fff);
    font-weight: 400;
    letter-spacing: .05rem
}

@media(min-width: 62em) {
    .imaginative .one-page-authors__name {
        font-size:1.6rem
    }
}

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

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

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

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

.imaginative .one-page-lesson-header--white {
    --color-background: #fff;
    --color-one-page-lesson-header-contrast: #000;
    border-bottom: none
}

.imaginative .one-page-lesson-header-info__title {
    margin-bottom: 1.6rem
}

.imaginative .one-page-lesson-header-info .one-page-title {
    color: #fff;
    color: var(--color-one-page-lesson-header-contrast,#fff);
    font-family: var(--font-family-head);
    font-size: 3.2rem
}

.imaginative .one-page-lesson-header-info .one-page-title--text-dark {
    color: #282828
}

@media(min-width: 30em) {
    .imaginative .one-page-lesson-header-info .one-page-title {
        font-size:4.5rem
    }
}

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

.imaginative .one-page-lesson-header-info .one-page-authors__name {
    color: #fff;
    color: var(--color-one-page-lesson-header-contrast,#fff);
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .06rem
}

.partner-content-book-info {
    letter-spacing: 0
}

.partner-content-book-info__flex-block {
    display: flex;
    margin-left: .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: .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: -.2rem;
    width: 7.3rem
}

.partner-content-book-info__image-container-block {
    margin-right: 1.5rem;
    margin-top: -.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: .75rem
}

@media(max-width: 33.6875em) {
    .partner-content-book-info__black-text {
        font-size:1.1rem
    }
}

@media(max-width: 25.8125em) {
    .partner-content-book-info__black-text {
        font-size:1.3rem
    }
}

.partner-content-book-info__button {
    border: .1rem solid #444;
    border-radius: .6rem;
    color: #444;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    padding: .3rem .8rem;
    text-decoration: none
}

@media(max-width: 33.6875em) {
    .partner-content-book-info__button {
        font-size:1rem
    }
}

@media(max-width: 25.8125em) {
    .partner-content-book-info__button {
        font-size:1.2rem
    }
}

.partner-content-book-info__book-image-course {
    background-color: #e5e5e5;
    border: .1rem solid #e5e5e5;
    border-radius: .4rem;
    height: 8.3rem;
    object-fit: cover;
    width: 5.8rem
}

.partner-content-book-info__book-image-block {
    background-color: #e5e5e5;
    border: .1rem solid #e5e5e5;
    border-radius: .4rem;
    height: 10.5rem;
    object-fit: cover;
    width: 7rem
}

@media(max-width: 33.6875em) {
    .partner-content-book-info__book-image-block {
        height:8.5rem;
        width: 5rem
    }
}

.partner-content-book-info__text-container {
    max-width: 16rem
}

@media(max-width: 25.8125em) {
    .partner-content-book-info__text-container {
        max-width:14rem
    }
}

.partner-content-book-info__dark-theme {
    color: #fff
}

.partner-content-book-info__dark-theme-button {
    border: .1rem solid #fff;
    color: #fff
}

.partner-content-book-info__dark-theme-book-image {
    background-color: #e5e5e5;
    border-radius: .4rem;
    height: 10.5rem;
    object-fit: cover;
    width: 7rem
}

@media(max-width: 33.6875em) {
    .partner-content-book-info__dark-theme-book-image {
        height:8.5rem;
        width: 5rem
    }
}

.partner-content-partner-info {
    letter-spacing: 0
}

.partner-content-partner-info__flex {
    display: flex
}

@media(max-width: 25.8125em) {
    .partner-content-partner-info__flex {
        justify-content:center;
        margin-bottom: 3rem
    }
}

.partner-content-partner-info__logo-container {
    margin-right: 1rem
}

.partner-content-partner-info__block-logo-container {
    margin-right: 2rem;
    margin-top: -.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: .75rem
}

@media(max-width: 33.6875em) {
    .partner-content-partner-info__black-text {
        font-size:1.1rem
    }
}

@media(max-width: 25.8125em) {
    .partner-content-partner-info__black-text {
        font-size:1.3rem
    }
}

.partner-content-partner-info__button {
    border: .1rem solid #444;
    border-radius: .6rem;
    color: #444;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    padding: .3rem .8rem;
    text-decoration: none
}

@media(max-width: 33.6875em) {
    .partner-content-partner-info__button {
        font-size:1rem
    }
}

@media(max-width: 25.8125em) {
    .partner-content-partner-info__button {
        font-size:1.2rem
    }
}

.partner-content-partner-info__nbic-logo {
    height: 6.2rem;
    object-fit: fill;
    width: 7.3rem
}

.partner-content-partner-info__nbic-logo-light-bulb {
    height: 8rem;
    object-fit: cover;
    width: 13.8rem
}

@media(max-width: 33.6875em) {
    .partner-content-partner-info__nbic-logo-light-bulb {
        height:6rem;
        width: 11.8rem
    }
}

@media(max-width: 25.8125em) {
    .partner-content-partner-info__nbic-logo-light-bulb {
        height:4.5rem;
        width: 9rem
    }
}

.partner-content-partner-info__dark-theme {
    color: #fff
}

.partner-content-partner-info__dark-theme-button {
    border: .1rem solid #fff;
    color: #fff
}

.partner-content-author-card {
    letter-spacing: 0;
    padding-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: #000;
    font-size: 1.7rem;
    font-weight: 700
}

.partner-content-author-card__author-image {
    background-color: #e5e5e5;
    border-radius: 50%;
    height: 6.1rem;
    object-fit: cover;
    width: 6.1rem
}

.partner-content-author-card__author-image--dark-border {
    border-color: #000
}

.lesson-progress {
    align-items: center;
    display: flex;
    height: 3rem;
    justify-content: center;
    position: absolute;
    width: 3rem
}

.lesson-progress--legacy-cover {
    right: 2.5rem;
    top: 1.3rem
}

.overview--modern .lesson-progress--legacy-cover {
    right: .2rem
}

.lesson-progress--legacy-sidebar {
    right: 1.3rem;
    top: 1.1rem
}

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

.lesson-progress__graphic--legacy-cover,.lesson-progress__graphic--legacy-sidebar {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: .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%;
    margin-bottom: 1rem;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .2s;
    transition-property: opacity,transform;
    transition-timing-function: ease-in-out;
    white-space: nowrap
}

.lesson-progress__tooltip--legacy--visible {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.lesson-progress__tooltip--legacy__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: .6rem;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .5rem);
    margin-left: -1rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 1rem
}

.lesson-progress__tooltip--legacy__inner--dark {
    background-color: #f8f8f8;
    color: #000
}

.lesson-progress__tooltip--legacy__inner--dark:after {
    border-bottom-color: #f8f8f8;
    border-right-color: #f8f8f8
}

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

.organic .lesson-progress--compact {
    height: 2.5rem;
    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: .1rem;
        top: .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: .5rem;
    width: 100%
}

.organic .lesson-progress__action {
    cursor: pointer
}

.organic .lesson-progress__tooltip {
    bottom: 100%;
    left: 50%;
    max-width: 95%;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .lesson-progress__tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .5rem);
    margin-left: -1rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 1rem
}

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

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

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

.organic .progress-circle__track {
    stroke: rgba(0,0,0,.15);
    stroke: var(--color-progress-circle-track,rgba(0,0,0,.15))
}

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

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

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

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

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

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

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

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

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

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

@media(forced-colors:active) {
    .organic .progress-circle__fail,.organic .progress-circle__pass {
        fill: CanvasText
    }
}

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

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

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

@media(forced-colors:active) {
    .organic .lesson-progress__action .progress-circle__track {
        stroke: LinkText
    }

    .organic .lesson-progress__action .progress-circle__fail,.organic .lesson-progress__action .progress-circle__pass {
        fill: LinkText
    }
}

.organic .nav-compact {
    --color-nav-compact-bg-dark: #1a1a1a;
    --color-nav-compact-bg-light: #fff;
    --color-nav-compact-contrast: #000;
    --color-nav-compact-header-bg: inherit;
    --color-progress-circle-pass: var(--color-theme-contrast);
    --color-nav-compact-progress-runner: var(--color-theme);
    --color-nav-compact-progress-track: #eee;
    bottom: 2rem;
    left: 4rem;
    position: fixed;
    transition-duration: .3s;
    transition-property: opacity,visibility,bottom;
    transition-timing-function: ease;
    z-index: 7
}

.organic .nav-compact--light {
    --color-nav-compact-bg: #fff;
    --color-nav-compact-header-control-hover-bg: rgba(0,0,0,.25);
    --color-nav-compact-outline-item-active-bg: #f5f5f5;
    --color-nav-compact-outline-item-link-hover-bg: #e5e5e5;
    --color-nav-compact-outline-scrollbar-thumb-bg: #c2c2c2;
    --color-nav-compact-outline-scrollbar-thumb-border: #f5f5f5;
    --color-nav-compact-outline-section-text: #000;
    --color-nav-compact-outline-section-toggle-icon: #000;
    --color-progress-circle-fail: #fff;
    --color-progress-circle-runner-fail: #000
}

.organic .nav-compact--dark,.organic .nav-compact--image-dark-overlay {
    --color-nav-compact-contrast: #fff;
    --color-nav-compact-header-control-hover-bg: hsla(0,0%,100%,.25)
}

.organic .nav-compact--dark {
    --color-nav-compact-bg: var(--color-nav-compact-bg-dark);
    --color-nav-compact-outline-item-active-bg: #000;
    --color-nav-compact-outline-item-link-hover-bg: #313537;
    --color-nav-compact-outline-scrollbar-thumb-bg: #757575;
    --color-nav-compact-outline-scrollbar-thumb-border: #1a1a1a;
    --color-nav-compact-outline-section-text: #fff;
    --color-nav-compact-outline-section-toggle-icon: #fff;
    --color-nav-compact-progress-track: hsla(0,0%,100%,.2);
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-fail: var(--color-nav-compact-bg-light)
}

.organic .nav-compact--image-dark-overlay {
    --color-nav-compact-header-bg: #fff;
    --color-nav-compact-progress-runner: var(--color-nav-compact-bg-light);
    --color-nav-compact-progress-track: hsla(0,0%,100%,.3)
}

.organic .nav-compact--image-light-overlay {
    --color-nav-compact-header-bg: #fff;
    --color-nav-compact-contrast: #000;
    --color-nav-compact-progress-runner: #1a1a1a;
    --color-nav-compact-progress-track: rgba(0,0,0,.3)
}

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

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

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

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

.organic .nav-compact--navNextIsVisible {
    bottom: 8.4rem
}

.organic .nav-compact__wrap {
    background-color: var(--color-nav-compact-bg);
    border-radius: 1.2rem;
    filter: drop-shadow(0 4px 40px rgba(0,0,0,.15));
    font-family: var(--font-family-body);
    outline: 1px solid transparent;
    transition: transform .3s ease;
    width: 24rem
}

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

.organic .nav-compact--dark .nav-compact__wrap--collapsed {
    border-radius: 1.3rem
}

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

.organic .nav-compact__header--collapsed,.organic .nav-compact__header-image--collapsed {
    border-radius: 12px
}

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

.organic .nav-compact__header {
    padding: 1.2rem 1.5rem
}

.organic .nav-compact__header--collapsed {
    padding: 1.5rem
}

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

.organic .nav-compact__header-controls {
    color: #000;
    color: var(--color-nav-compact-contrast,#000);
    display: flex;
    position: absolute;
    right: 0;
    top: -.4rem
}

.organic .nav-compact__header-control {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin-left: .4rem;
    width: 2rem
}

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

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

.organic .nav-compact__header-toggle-icon {
    height: .7rem;
    width: 1.2rem
}

.organic .nav-compact__header-counter {
    color: #000;
    color: var(--color-nav-compact-contrast,#000);
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1.2rem
}

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

.organic .nav-compact__header-title-link {
    color: #000;
    color: var(--color-nav-compact-contrast,#000);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8rem;
    text-decoration: none
}

.organic .nav-compact__header-title-link--collapsed {
    line-height: 1.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.organic .nav-compact__header-progress {
    margin-top: 1.2rem
}

.organic .nav-compact__header-progress-text {
    color: #000;
    color: var(--color-nav-compact-contrast,#000);
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .15rem;
    line-height: 1.3rem;
    margin-bottom: .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: .4rem
}

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

@media(forced-colors:active) {
    .organic .nav-compact__header-progress-track {
        border: .1rem solid transparent
    }
}

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

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

    .organic .nav-compact__header-image+.nav-compact__header-inner .nav-compact__header-progress-track {
        background-color: Canvas;
        border-color: Canvas
    }
}

.organic .nav-compact__outline {
    border-radius: 0 0 12px 12px;
    max-height: 35rem;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    transition: max-height .3s
}

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

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

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

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

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

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

.organic .nav-compact__outline-item,.organic .nav-compact__outline-section-empty,.organic .nav-compact__outline-section-item,.organic .nav-compact__outline-section-toggle {
    border-top: 1px solid var(--color-nav-compact-outline-item-border)
}

.organic .nav-compact__outline-item :focus,.organic .nav-compact__outline-section-empty :focus,.organic .nav-compact__outline-section-item :focus,.organic .nav-compact__outline-section-toggle :focus {
    outline-offset: -2px;
    outline-width: 2px
}

.organic .nav-compact__outline-item--active:after,.organic .nav-compact__outline-section-item--active:after {
    border-left: .4rem solid var(--color-theme);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .nav-compact__outline-item-tooltip__inner,.organic .nav-compact__outline-section-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

.organic .nav-compact__outline-item__link,.organic .nav-compact__outline-section-item__link {
    align-items: center;
    color: var(--color-nav-compact-outline-section-text);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 500;
    justify-content: space-between;
    line-height: 2.2rem;
    min-height: 6.6rem;
    padding: 1.5rem 3.6rem 1.5rem 1.2rem;
    text-decoration: none;
    width: 100%
}

.organic .nav-compact__outline-item__link--active,.organic .nav-compact__outline-section-item__link--active {
    background-color: var(--color-nav-compact-outline-item-active-bg)
}

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

.organic .nav-compact__outline-section-empty,.organic .nav-compact__outline-section-toggle {
    align-items: center;
    color: var(--color-nav-compact-outline-section-toggle-icon);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.8rem;
    padding: .4rem 1.9rem .4rem 1.6rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.organic .nav-compact__outline-section-empty {
    padding-right: 3.7rem
}

.organic .nav-compact__outline-section-toggle {
    cursor: pointer
}

.organic .nav-compact__outline-section-toggle-icon {
    flex: 0 0 auto;
    margin: 0 0 0 .75rem;
    transition: transform .3s;
    width: .9rem
}

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

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

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

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

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

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

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

.organic .nav-overlay {
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-header-control-btn-hover: rgba(0,0,0,.25);
    --color-nav-overlay-header-progress-runner: var(--color-theme);
    --color-nav-overlay-outline-item-bg-hover: rgba(0,0,0,.04);
    --color-nav-overlay-outline-item-icon: #525252;
    --color-nav-overlay-outline-section-divider: rgba(85,88,90,.15);
    --color-nav-overlay-progress-track: rgba(0,0,0,.1);
    --color-nav-overlay-search-container-border-bottom: #000;
    --color-nav-overlay-search-input-placeholder: rgba(32,33,33,.5);
    --color-progress-circle-fail: #fff;
    --color-progress-circle-pass: var(--color-theme-contrast);
    --color-progress-circle-runner-bg-fail: #000;
    --color-progress-circle-runner-stroke-fail: #000;
    --color-progress-circle-runner: var(--color-theme);
    --color-progress-circle-track: rgba(0,0,0,.15);
    --color-progress-circle-background: var(--color-theme);
    --stroke-width-progress-circle-runner-fail: 0.1rem;
    background-color: var(--color-nav-overlay-bg)
}

.organic .nav-overlay--accent {
    --color-nav-overlay-bg: var(--color-theme);
    --color-nav-overlay-contrast: var(--color-theme-contrast);
    --color-nav-overlay-header-control-btn-hover: rgba(var(--color-theme-contrast-rgb),0.1);
    --color-nav-overlay-outline-item-bg-hover: rgba(var(--color-theme-contrast-rgb),0.1);
    --color-nav-overlay-outline-item-icon: var(--color-nav-overlay-contrast);
    --color-nav-overlay-header-progress-runner: var(--color-nav-overlay-contrast);
    --color-nav-overlay-outline-section-divider: var(--color-nav-overlay-contrast);
    --color-nav-overlay-progress-track: rgba(var(--color-theme-contrast-rgb),0.3);
    --color-nav-overlay-search-container-border-bottom: var(--color-nav-overlay-contrast);
    --color-nav-overlay-search-input-placeholder: rgba(var(--color-theme-contrast-rgb),0.5);
    --color-progress-circle-background: var(--color-nav-overlay-contrast);
    --color-progress-circle-fail: var(--color-nav-overlay-contrast);
    --color-progress-circle-pass: var(--color-theme);
    --color-progress-circle-runner: var(--color-nav-overlay-contrast);
    --color-progress-circle-runner-bg-fail: var(--color-theme-contrast-complementary);
    --color-progress-circle-runner-stroke-fail: var(--color-nav-overlay-contrast);
    --color-progress-circle-track: rgba(var(--color-theme-contrast-rgb),0.15)
}

.organic .nav-overlay--accent-tint {
    --color-nav-overlay-bg: var(--color-theme-tint)
}

.organic .nav-overlay--dark,.organic .nav-overlay--image-dark-overlay {
    --color-nav-overlay-contrast: #fff;
    --color-nav-overlay-header-control-btn-hover: hsla(0,0%,100%,.25);
    --color-nav-overlay-outline-item-bg-hover: hsla(0,0%,98%,.06);
    --color-nav-overlay-outline-section-divider: #3d3d3d;
    --color-nav-overlay-progress-track: hsla(0,0%,100%,.3);
    --color-nav-overlay-search-container-border-bottom: #fff;
    --color-nav-overlay-search-input-placeholder: hsla(0,0%,100%,.5);
    --color-progress-circle-runner-stroke-fail: #fff;
    --stroke-width-progress-circle-runner-fail: 0.1rem
}

.organic .nav-overlay--dark {
    --color-nav-overlay-bg: #1a1a1a;
    --color-nav-overlay-outline-item-icon: #acacac;
    --color-progress-circle-runner-stroke-fail: #fff;
    --color-progress-circle-track: hsla(0,0%,100%,.15)
}

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

.organic .nav-overlay--image-dark-overlay {
    --color-nav-overlay-bg: #fff;
    --color-nav-overlay-header-progress-runner: #fff;
    --color-nav-overlay-outline-item-icon: #fff;
    --color-nav-overlay-outline-section-divider: hsla(0,0%,100%,.3);
    --color-progress-circle-background: #fff;
    --color-progress-circle-pass: #000;
    --color-progress-circle-runner: #fff;
    --color-progress-circle-track: hsla(0,0%,88%,.5)
}

.organic .nav-overlay--image-light-overlay {
    --color-nav-overlay-bg: #fff;
    --color-nav-overlay-contrast: #000;
    --color-nav-overlay-header-progress-runner: #000;
    --color-progress-circle-background: #000;
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-bg-fail: #fff;
    --color-progress-circle-runner: #000;
    --color-progress-circle-pass: #fff
}

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

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

.organic .nav-overlay__content {
    display: flex;
    flex-direction: column;
    inset: 0;
    position: absolute
}

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

.organic .nav-overlay__header-container {
    flex: 1 0;
    padding-bottom: 6rem;
    width: 100%
}

@media(max-width: 61.9375em) {
    .organic .nav-overlay__header-container {
        padding-bottom:4rem
    }
}

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

@media(max-width: 29.9375em) {
    .organic .nav-overlay__header-controls {
        padding:2.4rem 1.6rem
    }
}

.organic .nav-overlay__header-control-btn {
    padding: .5rem .5rem 0
}

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

.organic .nav-overlay__header-search-icon {
    height: 2.2rem;
    width: 2.2rem
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__header-search-icon {
        height:1.6rem;
        width: 1.6rem
    }
}

.organic .nav-overlay__header-close-icon {
    height: 2.2rem;
    width: 2.2rem
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__header-close-icon {
        height:1.6rem;
        width: 1.6rem
    }
}

.organic .nav-overlay__header-title-progress-container {
    margin: -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 {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    cursor: pointer;
    font-family: var(--font-family-head);
    text-decoration: none
}

.organic .nav-overlay__header-progress-text {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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: .2rem;
    transition: background-color .3s
}

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

@media(forced-colors:active) {
    .organic .nav-overlay__header-progress-track {
        background-color: Canvas;
        border: .1rem solid transparent;
        height: .4rem
    }
}

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

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

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

.organic .nav-overlay__outline {
    margin: 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: .1rem solid var(--color-nav-overlay-outline-section-divider);
    display: flex;
    justify-content: space-between;
    position: relative
}

.organic .nav-overlay__outline-list-item--first {
    border-top: .1rem solid var(--color-nav-overlay-outline-section-divider);
    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: #000;
    color: var(--color-nav-overlay-contrast,#000);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.2rem;
    text-transform: uppercase
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__outline-section-text {
        font-size:1rem;
        line-height: 1.8rem
    }
}

.organic .nav-overlay__outline-section-divider {
    border-bottom: .1rem solid var(--color-nav-overlay-outline-section-divider);
    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:.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: var(--color-nav-overlay-outline-item-bg-hover);
    content: "";
    inset: 0;
    position: absolute
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):active:before,.organic .nav-overlay__outline-item__link:not(.organic .nav-overlay__outline-item__link--restricted):hover:before {
        background-color:var(--color-nav-overlay-outline-item-bg-hover);
        content: "";
        inset: -.2rem;
        position: absolute
    }
}

.organic .nav-overlay__outline-item--section__link,.organic .nav-overlay__outline-item__link {
    align-items: baseline;
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    display: flex;
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: -.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 {
    color: var(--color-nav-overlay-outline-item-icon);
    forced-color-adjust: auto;
    height: auto;
    min-width: 2.5rem;
    pointer-events: none;
    z-index: 1
}

@media(max-width: 61.9375em) {
    .organic .nav-overlay__outline-item--section-link-icon,.organic .nav-overlay__outline-item-link-icon {
        min-width:2.2rem
    }
}

@media(max-width: 47.9375em) {
    .organic .nav-overlay__outline-item--section-link-icon,.organic .nav-overlay__outline-item-link-icon {
        min-width:2rem
    }
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__outline-item--section-link-icon,.organic .nav-overlay__outline-item-link-icon {
        padding-right:.3rem
    }
}

.organic .nav-overlay__outline-item--section-link-icon--quiz,.organic .nav-overlay__outline-item-link-icon--quiz {
    align-self: center;
    margin-top: .4rem
}

.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):active:before,.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):hover:before {
    background-color: var(--color-nav-overlay-outline-item-bg-hover);
    content: "";
    inset: 0;
    position: absolute
}

@media(max-width: 29.9375em) {
    .organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):active:before,.organic .nav-overlay__outline-item--section__link:not(.organic .nav-overlay__outline-item--section__link--restricted):hover:before {
        background-color:var(--color-nav-overlay-outline-item-bg-hover);
        content: "";
        inset: -.2rem;
        position: absolute
    }
}

.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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .nav-overlay__outline-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

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

.organic .nav-overlay__search-header {
    display: flex;
    justify-content: flex-end
}

.organic .nav-overlay__search-close-btn {
    padding: .5rem .5rem 0
}

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

.organic .nav-overlay__search-close-icon {
    height: 2.2rem;
    width: 2.2rem
}

.organic .nav-overlay__search-container {
    border-bottom: .4rem solid var(--color-nav-overlay-search-container-border-bottom);
    color: #000;
    color: var(--color-nav-overlay-contrast,#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 {
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    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;
    color: #000;
    color: var(--color-nav-overlay-contrast,#000);
    font-size: 3.2rem;
    margin: 0 1.6rem;
    outline: none;
    position: relative;
    width: 100%
}

.organic .nav-overlay__search-input:-ms-input-placeholder {
    color: var(--color-nav-overlay-search-input-placeholder);
    font-weight: 700;
    text-transform: capitalize
}

.organic .nav-overlay__search-input::placeholder {
    color: var(--color-nav-overlay-search-input-placeholder);
    font-weight: 700;
    text-transform: capitalize
}

@media(min-width: 48em) {
    .organic .nav-overlay__search-input {
        font-size:5.6rem;
        line-height: normal;
        margin: 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: .5rem .5rem 0
}

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

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

.organic .nav-overlay__search-submit-btn {
    background: #fff;
    border: .2rem solid #000;
    border-radius: 3rem;
    color: #000;
    cursor: pointer;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem;
    margin: 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-sidebar {
    --color-nav-sidebar-contrast: #000;
    --color-nav-sidebar-search-btn-hover: rgba(0,0,0,.25);
    --color-progress-circle-pass: var(--color-theme-contrast)
}

.organic .nav-sidebar--light {
    --color-nav-content-background: #f5f5f5;
    --color-nav-sidebar-header-content: #000;
    --color-nav-sidebar-outline-item-border: #e4e4e4;
    --color-nav-sidebar-outline-item-link-active: #fff;
    --color-nav-sidebar-outline-item-link-hover: #e6e6e6;
    --color-nav-sidebar-outline-item-link-icon: #525252;
    --color-nav-sidebar-outline-item-link: #000;
    --color-nav-sidebar-outline-section-text: #000;
    --color-nav-sidebar-outline-section-toggle-icon: #000;
    --color-nav-sidebar-search-result-link-hover-bg: #f5f5f5;
    --color-nav-sidebar-search-result-link: #000;
    --color-nav-sidebar-search-results-message: #000;
    --color-progress-circle-fail: #fff;
    --color-progress-circle-runner-fail: #000;
    --color-progress-circle-track: rgba(0,0,0,.15)
}

.organic .nav-sidebar--dark {
    --color-nav-content-background: #1a1a1a;
    --color-nav-sidebar-contrast: #fff;
    --color-nav-sidebar-header-content: #fff;
    --color-nav-sidebar-outline-item-border: #373737;
    --color-nav-sidebar-outline-item-link-active: #000;
    --color-nav-sidebar-outline-item-link-hover: #313537;
    --color-nav-sidebar-outline-item-link-icon: #acacac;
    --color-nav-sidebar-outline-item-link: #fff;
    --color-nav-sidebar-outline-section-text: #fff;
    --color-nav-sidebar-outline-section-toggle-icon-hover: #fff;
    --color-nav-sidebar-outline-section-toggle-icon: #767676;
    --color-nav-sidebar-search-result-link-hover-bg: #000;
    --color-nav-sidebar-search-result-link: #fff;
    --color-nav-sidebar-search-results-message: #fff;
    --color-progress-circle-fail: #000;
    --color-progress-circle-runner-fail: #fff;
    --color-progress-circle-track: hsla(0,0%,100%,.15)
}

.organic .nav-sidebar--image-dark-overlay {
    --color-nav-sidebar-contrast: #fff;
    --color-nav-sidebar-progress-track: hsla(0,0%,100%,.5);
    --color-nav-sidebar-search-btn-hover: hsla(0,0%,100%,.25)
}

.organic .nav-sidebar--image-light-overlay {
    --color-nav-sidebar-contrast: #000;
    --color-nav-sidebar-progress-track: rgba(0,0,0,.3)
}

.organic .nav-sidebar--accent {
    --color-nav-sidebar-contrast: var(--color-theme-contrast);
    --color-nav-sidebar-progress-track: rgba(var(--color-theme-contrast-rgb),0.3)
}

.organic .nav-sidebar--searching {
    --color-nav-content-background: #fff
}

.organic .nav-sidebar--searching.nav-sidebar--dark {
    --color-nav-content-background: #1a1a1a
}

.organic .nav-sidebar__content {
    background-color: var(--color-nav-content-background);
    font-family: var(--font-family-body);
    width: 28rem
}

.organic .nav-sidebar__outline-list {
    border-bottom: 1px solid var(--color-nav-sidebar-outline-item-border)
}

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

.organic .nav-sidebar__outline-item,.organic .nav-sidebar__outline-section-item,.organic .nav-sidebar__outline-section-text,.organic .nav-sidebar__outline-section-toggle {
    border-top: 1px solid var(--color-nav-sidebar-outline-item-border)
}

.organic .nav-sidebar__outline-item :focus,.organic .nav-sidebar__outline-section-item :focus {
    outline-offset: -4px;
    outline-width: 2px
}

.organic .nav-sidebar__outline-item--active:after,.organic .nav-sidebar__outline-section-item--active:after {
    border-left: .5rem solid var(--color-theme);
    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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .nav-sidebar__outline-item-tooltip__inner,.organic .nav-sidebar__outline-section-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

.organic .nav-sidebar__outline-item__link,.organic .nav-sidebar__outline-section-item__link {
    align-items: center;
    color: var(--color-nav-sidebar-outline-item-link);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.2rem;
    min-height: 10.5rem;
    padding: 3.6rem 1.8rem 2.4rem;
    text-decoration: none;
    width: 100%
}

.organic .nav-sidebar__outline-item__link--active,.organic .nav-sidebar__outline-section-item__link--active {
    background-color: var(--color-nav-sidebar-outline-item-link-active)
}

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

.organic .nav-sidebar__outline-item-link-icon,.organic .nav-sidebar__outline-section-item-link-icon {
    color: var(--color-nav-sidebar-outline-item-link-icon);
    forced-color-adjust: auto;
    height: 1.2rem;
    left: 1.8rem;
    position: absolute;
    top: 1.6rem;
    width: 1.2rem
}

.organic .nav-sidebar__outline-section-text,.organic .nav-sidebar__outline-section-toggle {
    align-items: center;
    color: var(--color-nav-sidebar-outline-section-text);
    display: flex;
    font-family: var(--font-family-ui);
    font-size: 1rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.8rem;
    padding: .4rem 2.1rem .4rem 2rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.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: -.1rem
}

.organic .nav-sidebar__outline-section-toggle:focus .nav-sidebar__outline-section-toggle-icon,.organic .nav-sidebar__outline-section-toggle:hover .nav-sidebar__outline-section-toggle-icon {
    color: var(--color-nav-sidebar-outline-section-toggle-icon-hover)
}

.organic .nav-sidebar__outline-section-toggle-icon {
    color: var(--color-nav-sidebar-outline-section-toggle-icon);
    flex: 0 0 auto;
    margin: 0 0 0 .75rem;
    transition: transform .3s;
    width: .9rem
}

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

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

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

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

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

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

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

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

.organic .nav-sidebar-header--searching {
    height: 10.5rem!important
}

.organic .nav-sidebar-header__inner {
    display: flex;
    min-height: 20rem;
    padding: 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 {
    color: #000;
    color: var(--color-nav-sidebar-contrast,#000);
    height: 2.6rem;
    right: 1.5rem;
    top: .8rem;
    width: 2.6rem
}

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

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

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

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

.organic .nav-sidebar-header__search-area {
    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 {
    inset: 0;
    position: absolute
}

.organic .nav-sidebar-header__content {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.organic .nav-sidebar-header__content--hidden {
    left: 2rem;
    right: 2rem
}

.organic .nav-sidebar-header__title {
    align-items: center;
    color: #000;
    color: var(--color-nav-sidebar-contrast,#000);
    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__progress-runner,.organic .nav-sidebar-header__progress-track {
    border-radius: 1rem;
    height: .7rem
}

.organic .nav-sidebar-header__progress-track {
    background-color: var(--color-nav-sidebar-progress-track);
    margin: 1rem 0 0
}

@media(forced-colors:active) {
    .organic .nav-sidebar-header__progress-track {
        background-color: Canvas;
        border: .1rem solid transparent
    }
}

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

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

.organic .nav-sidebar-header__progress-text {
    color: #000;
    color: var(--color-nav-sidebar-contrast,#000);
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .15rem;
    line-height: 1.3rem;
    text-transform: uppercase
}

.organic .nav-sidebar-search {
    border: .1rem solid transparent;
    border-radius: 10rem
}

.organic .nav-sidebar-search__icon {
    color: #000;
    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 .8rem 4.7rem
}

.organic .nav-sidebar-search__input:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.organic .nav-sidebar-search__input::placeholder {
    color: #000;
    opacity: 1
}

.organic .nav-sidebar-search__close {
    color: #000;
    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: #000
}

.organic .nav-sidebar-search__close-icon {
    height: 1.4rem;
    width: 1.4rem
}

.organic .nav-sidebar-header-ghost--searching {
    height: 10.5rem!important
}

.organic .nav-sidebar-results {
    font-family: var(--font-family-ui);
    padding: 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__term {
    font-style: italic
}

.organic .nav-sidebar-result {
    margin-bottom: 1rem
}

.organic .nav-sidebar-result__inner--active:after {
    border-left: .5rem solid var(--color-theme);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.organic .nav-sidebar-result__link {
    color: var(--color-nav-sidebar-search-result-link);
    display: block;
    letter-spacing: .05rem;
    padding: 1.4rem 3.1rem 1.4rem 2.7rem;
    position: relative;
    text-decoration: none
}

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

.organic .nav-sidebar-result__icon {
    display: none
}

.organic .nav-sidebar-result__title {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem
}

.organic .nav-sidebar-result__count {
    color: #838383;
    display: block;
    font-size: 1.2rem;
    line-height: 2.4rem
}

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

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    40% {
        transform: translateY(25px)
    }

    to {
        transform: translateY(0)
    }
}

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

    33% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

.organic {
    --color-background: #fff;
    --color-header-text: #000
}

.organic .page__header {
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-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: var(--color-header-text);
    font-family: var(--font-family-head);
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 6rem;
    margin-bottom: .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: var(--color-header-text);
    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: var(--color-header-text);
    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: var(--color-header-text);
    font-family: var(--font-family-body);
    font-style: normal;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 3.85rem;
    margin-bottom: 0;
    order: 0;
    text-transform: uppercase
}

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

.organic .lesson-header__author-name {
    font-family: var(--font-family-ui);
    margin-left: 1rem
}

.organic .lesson-header-wrap {
    transition: max-height .3s ease-in-out,opacity .3s ease-in-out
}

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

.organic .lesson-header-wrap--mobile .page__header {
    min-height: 12.4rem;
    padding-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: .4rem;
    width: 4rem
}

.organic .lesson-header-wrap--mobile .lesson-header__counter {
    font-size: 1.2rem;
    font-weight: 600;
    height: 1.4rem;
    line-height: 1.4rem;
    opacity: .6;
    order: 0;
    padding-bottom: 1.4rem;
    text-align: right
}

.organic .lesson-header-wrap--mobile .lesson-header__author {
    margin-top: .4rem
}

.organic .lesson-header-wrap--mobile .lesson-header__author,.organic .lesson-header-wrap--mobile .lesson-header__author-name {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    line-height: 2rem
}

.organic .lesson-header-wrap--mobile .lesson-header__author-img,.organic .lesson-header-wrap--mobile .lesson-header__author-name-img {
    height: 2rem;
    width: 2rem
}

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

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

.organic .lesson-header-wrap--mobile .lesson-header__title {
    font-family: var(--font-family-head);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-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: .4rem
}

.organic .lesson-header-wrap--small .lesson-header__info-row--divider {
    color: var(--color-header-text);
    font-size: 1.6rem;
    line-height: 1.6rem;
    opacity: .8;
    padding: 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 {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 2rem;
    margin: 0;
    order: 0
}

.organic .lesson-header-wrap--small .lesson-header__title {
    flex-grow: 1;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    margin-bottom: 0
}

.organic .lesson-header-wrap--small .lesson-header__author {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0
}

.organic .lesson-header-wrap--small .lesson-header__author-name {
    margin-left: .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 {
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 6.2rem
}

@media(min-width: 62em) {
    .organic .lesson-header-wrap--large .lesson-header__title {
        font-size:7.2rem;
        line-height: 7.4rem
    }
}

.organic .lesson-header-wrap--light {
    --color-background: #fff;
    --color-header-text: #2d363a
}

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

.organic .lesson-header-wrap--dark,.organic .lesson-header-wrap--image {
    --color-background: #303030
}

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

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

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

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

.organic .lesson-header-wrap--image .page__header {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.organic .lesson-header-wrap--image-light {
    --color-header-text: #000
}

.organic .lesson-header-wrap--custom {
    --color-header-text: var(--lesson-header-contrast-color)
}

.organic .lesson-header__partner-content--mobile {
    margin-bottom: .4rem
}

.organic .lesson-header__partner-content--mobile .lesson-header__partner-content-author {
    height: 3rem;
    margin: 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 .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 {
    background: var(--color-cover-cta-bg);
    border-radius: 3rem;
    color: var(--color-cover-cta-text);
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem;
    margin-bottom: 1.7rem;
    min-width: 18rem;
    outline-offset: .2rem;
    padding: 1.73rem 3.3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .15s ease-in-out;
    white-space: nowrap;
    width: 100%;
    z-index: 3
}

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

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

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

.organic .cover {
    --color-cover-contrast: var(--color-theme-contrast);
    --color-cover-contrast-complementary: var(--color-theme-contrast-complementary);
    --color-cover-cta-bg: var(--color-theme);
    --color-cover-cta-text: var(--color-cover-contrast);
    --color-cover-progress-outer-bg: rgba(var(--color-theme-contrast-rgb),0.3);
    --color-cover-progress-inner-bg: var(--color-theme);
    --color-background: var(--color-theme);
    --color-progress-circle-pass: var(--color-theme-contrast);
    background-color: #fff;
    overflow-x: hidden
}

.organic .cover--layout-split-left,.organic .cover--layout-split-left-image,.organic .cover--layout-split-right,.organic .cover--layout-split-right-image {
    --color-cover-contrast: #000;
    --color-cover-cta-text: var(--color-theme-contrast)
}

.organic .cover--layout-centered-overlay,.organic .cover--layout-left-overlay {
    --color-cover-contrast: #fff;
    --color-cover-contrast-complementary: #000;
    --color-cover-cta-bg: var(--color-cover-contrast);
    --color-cover-cta-text: var(--color-cover-contrast-complementary);
    --color-cover-progress-outer-bg: hsla(0,0%,100%,.3);
    --color-cover-progress-inner-bg: #fff
}

.organic .cover--layout-centered-overlay .cover__header-content--overlay-light,.organic .cover--layout-left-overlay .cover__header-content--overlay-light {
    --color-cover-contrast: #000;
    --color-cover-contrast-complementary: #fff;
    --color-cover-cta-bg: #000;
    --color-cover-cta-text: #fff;
    --color-cover-progress-outer-bg: rgba(0,0,0,.3);
    --color-cover-progress-inner-bg: #000
}

.organic .cover--layout-centered,.organic .cover--layout-left {
    --color-cover-cta-bg: var(--color-theme-contrast);
    --color-cover-cta-text: var(--color-cover-contrast-complementary);
    --color-cover-progress-inner-bg: var(--color-theme-contrast)
}

.organic .cover--layout-centered-overlay,.organic .cover--layout-left-overlay,.organic .cover--layout-split-left-image,.organic .cover--layout-split-right-image {
    --color-background: transparent
}

.organic .cover__header {
    clip-path: url(#cover-page-clip-path);
    display: flex;
    position: relative
}

@media(min-width: 75em) {
    .organic .cover__header {
        clip-path:none
    }
}

.organic .cover__header-content {
    background-color: var(--color-background);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 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
}

@media(min-width: 30em) {
    .organic .cover__header-content-action-link {
        margin-right:2.4rem
    }
}

.organic .overview__start-again {
    background: transparent;
    border: .2rem solid var(--color-cover-cta-bg);
    color: var(--color-cover-cta-bg)
}

.organic .cover__header-content-action-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

@media(min-width: 48em) {
    .organic .cover__header-content-action-wrapper {
        display:inline-flex
    }
}

.organic .cover__header-content-authors {
    align-items: center;
    display: inline-flex;
    margin: 0 3.2rem 0 0
}

.organic .cover__header-content-authors-avatar {
    background-size: cover;
    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-name {
    color: #fff;
    color: var(--color-cover-contrast,#fff);
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: 0
}

@media(min-width: 62em) {
    .organic .cover__header-content-authors-name {
        font-size:1.6rem
    }
}

.organic .cover__header-content-info {
    max-width: 66rem
}

.organic .cover__header-content-info--rise-com .partner-content-course-author__author {
    align-items: center;
    margin-bottom: 0;
    margin-right: 3.2rem
}

.organic .cover__header-content-info--rise-com .partner-content-course-author__author:last-child {
    margin-right: 0
}

.organic .cover__header-content-title {
    color: #fff;
    color: var(--color-cover-contrast,#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-graphic {
    background-color: var(--color-background);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%
}

.organic .cover__author-published-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    margin-top: 0
}

@media(min-width: 30em) {
    .organic .cover__author-published-wrap {
        margin-top:11.1rem
    }
}

.organic .cover__progress+.cover__author-published-wrap {
    margin-top: 0
}

.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 .partner-content-course-author__author {
    align-items: center
}

.organic .cover__details-content-published-at {
    color: #fff;
    color: var(--color-cover-contrast,#fff);
    display: none;
    flex-direction: column;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: .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__details {
    display: block
}

.organic .cover__details-content {
    max-width: 70rem;
    width: 100%
}

@media(min-width: 48em) {
    .organic .cover__details-content {
        min-width:63rem;
        width: unset
    }
}

.organic .cover__details-content-description {
    color: #000;
    font-family: var(--font-family-body);
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-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: .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: #000;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.04rem;
    opacity: .8
}

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

.organic .cover__categories-title,.organic .cover__requirements-title {
    border-bottom: .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: .6rem 0 .6rem 2.6rem;
    text-indent: -2.6rem
}

.organic .cover__quiz-requirement-no-attempts {
    color: #db0000;
    font-weight: 500;
    margin: .7rem 0 0 2.6rem
}

.organic .cover__lesson-requirement-icon,.organic .cover__quiz-requirement-icon {
    fill: #c9c9ca;
    flex: 0 0 auto;
    margin-right: .8rem;
    vertical-align: middle;
    width: 1.8rem
}

.organic .cover__lesson-requirement-icon--complete,.organic .cover__lesson-requirement-icon--type-failed,.organic .cover__lesson-requirement-icon--type-passed,.organic .cover__quiz-requirement-icon--complete,.organic .cover__quiz-requirement-icon--type-failed,.organic .cover__quiz-requirement-icon--type-passed {
    height: 1.8rem
}

.organic .cover__due-date {
    border-color: var(--color-theme);
    border-radius: 1000000px;
    border-style: solid;
    border-width: .1rem;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin: 1.6rem 0;
    max-width: 100%;
    padding: .4rem .5em;
    text-align: center
}

@media(min-width: 30em) {
    .organic .cover__due-date {
        max-width:16.6rem
    }
}

@media(min-width: 75em) {
    .organic .cover__due-date {
        max-width:100%
    }
}

.organic .cover__due-date--urgent {
    background: var(--color-theme);
    color: #fff
}

.organic .cover__completed-info {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    margin: 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 .8rem
}

.organic .cover__completed-info .certificateDownload__btn {
    text-decoration: underline;
    text-underline-offset: .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-theme);
    border-radius: 1000000px;
    color: #fff;
    color: var(--color-cover-contrast,#fff);
    display: flex;
    flex: 0 1 auto;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 .8rem .8rem 0;
    max-width: 100%;
    padding: .6rem 1.6rem
}

.organic .cover__categories-item-wrap {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.organic .cover__progress {
    color: var(--color-cover-contrast);
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin: 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: var(--color-cover-progress-outer-bg);
    height: .2rem;
    margin: 0 0 1.2rem;
    position: relative
}

.organic .cover__progress-inner {
    background: var(--color-cover-progress-inner-bg);
    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: .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: .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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .overview-list-item-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

.organic .cover--layout-split-left .cover__header,.organic .cover--layout-split-left-image .cover__header,.organic .cover--layout-split-right .cover__header,.organic .cover--layout-split-right-image .cover__header {
    clip-path: none;
    min-height: 54rem
}

@media(min-width: 75em) {
    .organic .cover--layout-split-left .cover__header,.organic .cover--layout-split-left-image .cover__header,.organic .cover--layout-split-right .cover__header,.organic .cover--layout-split-right-image .cover__header {
        overflow-x: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 {
    --color-background: #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: #000;
    font-weight: 600
}

.organic .cover--layout-split-left .cover__course-length-section,.organic .cover--layout-split-left-image .cover__course-length-section,.organic .cover--layout-split-right .cover__course-length-section,.organic .cover--layout-split-right-image .cover__course-length-section {
    margin-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
}

@media(min-width: 62em) {
    .organic .cover--layout-split-left .cover__header-content-authors-avatar,.organic .cover--layout-split-left-image .cover__header-content-authors-avatar,.organic .cover--layout-split-right .cover__header-content-authors-avatar,.organic .cover--layout-split-right-image .cover__header-content-authors-avatar {
        height:4.2rem;
        width: 4.2rem
    }
}

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

@media(min-width: 75em) {
    .organic .cover--layout-split-left .cover__header-content-title,.organic .cover--layout-split-left-image .cover__header-content-title,.organic .cover--layout-split-right .cover__header-content-title,.organic .cover--layout-split-right-image .cover__header-content-title {
        font-size:7.2rem;
        line-height: 8.5rem;
        width: auto
    }
}

.organic .cover--layout-split-left .cover__header-content-action-link-text,.organic .cover--layout-split-left-image .cover__header-content-action-link-text,.organic .cover--layout-split-right .cover__header-content-action-link-text,.organic .cover--layout-split-right-image .cover__header-content-action-link-text {
    position: relative;
    z-index: 3
}

.organic .cover--layout-split-left .cover__header-graphic-container,.organic .cover--layout-split-left-image .cover__header-graphic-container,.organic .cover--layout-split-right .cover__header-graphic-container,.organic .cover--layout-split-right-image .cover__header-graphic-container {
    height: 57rem;
    position: absolute;
    width: 57.9rem
}

@media(min-width: 90em) {
    .organic .cover--layout-split-left .cover__header-graphic-container,.organic .cover--layout-split-left-image .cover__header-graphic-container,.organic .cover--layout-split-right .cover__header-graphic-container,.organic .cover--layout-split-right-image .cover__header-graphic-container {
        height:101.6rem;
        width: 103.3rem
    }
}

.organic .cover--layout-split-left .cover__header-graphic,.organic .cover--layout-split-left-image .cover__header-graphic,.organic .cover--layout-split-right .cover__header-graphic,.organic .cover--layout-split-right-image .cover__header-graphic {
    clip-path: url(#cover-page-clip-path);
    height: 100%;
    width: 100%
}

.organic .cover--layout-split-left .cover__header-content-info,.organic .cover--layout-split-left-image .cover__header-content-info,.organic .cover--layout-split-right .cover__header-content-info,.organic .cover--layout-split-right-image .cover__header-content-info {
    max-width: 50rem;
    padding-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-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;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute
    }

    .organic .cover--layout-left .cover__header-content,.organic .cover--layout-left-overlay .cover__header-content {
        display: flex;
        justify-content: center
    }
}

.organic .cover--layout-left .cover__header-content-action-wrapper,.organic .cover--layout-left-overlay .cover__header-content-action-wrapper {
    display: flex
}

@media(min-width: 48em) {
    .organic .cover--layout-left .cover__header-content-action-wrapper,.organic .cover--layout-left-overlay .cover__header-content-action-wrapper {
        display:inline-flex
    }
}

.organic .cover--layout-left .cover__header-content-action-link,.organic .cover--layout-left-overlay .cover__header-content-action-link {
    padding: .95rem 3.85rem;
    z-index: 3
}

@media(min-width: 30em) {
    .organic .cover--layout-left .cover__header-content-action-link,.organic .cover--layout-left-overlay .cover__header-content-action-link {
        align-self:center;
        padding: 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-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;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute
    }
}

.organic .cover--layout-centered .cover__header-content-info--rise-com .partner-content-course-author__author,.organic .cover--layout-centered-overlay .cover__header-content-info--rise-com .partner-content-course-author__author {
    padding-right: 0
}

.organic .cover--layout-centered .cover__header-content-action-link,.organic .cover--layout-centered-overlay .cover__header-content-action-link {
    padding: .95rem 9.35rem;
    z-index: 3
}

@media(min-width: 30em) {
    .organic .cover--layout-centered .cover__header-content-action-link,.organic .cover--layout-centered-overlay .cover__header-content-action-link {
        margin-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 {
    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__author-published-wrap,.organic .cover--layout-centered-overlay .cover__author-published-wrap {
    justify-content: center
}

.organic .partner-content-book-info__flex-course,.organic .partner-content-partner-info__flex {
    justify-content: flex-start
}

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

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

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

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

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

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

    20% {
        opacity: 0
    }

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

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

    80% {
        opacity: 0
    }

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

.organic .cover-container {
    inset: 0;
    position: absolute
}

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

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

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

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

.organic .lesson-nav {
    --color-background: var(--color-theme);
    --button-icon-color: #000;
    --button-border-color: var(--color-theme);
    --button-text-hover-color: #000;
    --button-background-hover-color: #e3e3e3;
    --button-background-selected-color: #c5c5c5;
    --color-button-contrast: var(--color-theme-contrast)
}

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

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

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

.organic .lesson-nav--full .lesson-nav-link__link {
    color: #fff;
    color: var(--color-button-contrast,#fff);
    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 {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

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

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

.organic .lesson-nav--full .lesson-nav__link-icon {
    flex: 0 0 auto;
    height: 2.2rem;
    width: 2.2rem
}

.organic .lesson-nav--full .lesson-nav__link-text {
    flex: 0 1 auto;
    font-family: var(--font-family-ui);
    font-size: 2rem;
    font-weight: 600;
    margin-left: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.organic .lesson-nav--floating {
    --color-background: #fff;
    background-color: var(--color-background);
    display: flex;
    flex-direction: row-reverse;
    height: 10px;
    padding: 0;
    text-transform: uppercase
}

.organic .lesson-nav--floating .lesson-nav-link {
    align-items: flex-end;
    color: #fff;
    color: var(--color-button-contrast,#fff);
    display: block;
    min-width: 24.8rem;
    opacity: 0;
    position: fixed;
    right: 2vw;
    text-align: center;
    text-decoration: none;
    transition-duration: .5s;
    transition-property: opacity,transform;
    transition-timing-function: ease-in;
    z-index: 300
}

.organic .lesson-nav--floating .lesson-nav-link svg {
    z-index: 2
}

.organic .lesson-nav--floating .lesson-nav-link__link {
    background-color: var(--color-background);
    border-radius: 7.2rem;
    height: 6rem;
    position: relative
}

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

.organic .lesson-nav--floating .lesson-nav-link__link:before {
    border-radius: 7.2rem;
    content: "";
    inset: .1rem;
    position: absolute;
    z-index: 1
}

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

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

.organic .lesson-nav--floating .lesson-nav__link-icon {
    height: 1.8rem;
    width: 1.8rem
}

.organic .lesson-nav--floating .lesson-nav__link-text {
    font-family: var(--font-family-body);
    font-size: 1.4rem;
    font-weight: 600;
    margin-right: 1rem;
    z-index: 2
}

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

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

.organic .lesson-nav--floating-full .lesson-nav-link__link {
    border-radius: 10rem;
    color: #fff;
    color: var(--color-button-contrast,#fff);
    height: 4.6rem;
    text-align: center;
    text-decoration: none
}

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

.organic .lesson-nav--floating-full .lesson-nav-link__link:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

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

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

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

.organic .lesson-nav--floating-full .lesson-nav__link-text {
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4rem;
    margin-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: 100%;
    left: 50%;
    max-width: 95%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,1rem);
    transition-duration: .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;
    pointer-events: all;
    transform: translate(-50%,-.4rem)
}

.organic .lesson-nav-link-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    border-radius: 200px;
    box-shadow: 0 -.2rem .4rem rgba(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: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    bottom: -.6rem;
    content: "";
    height: 1rem;
    left: calc(50% + .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: #000
}

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

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

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

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

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

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

.organic .lesson-nav--accent.lesson-nav--full {
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.4);
    --button-text-hover-color: var(--color-button-contrast)
}

.organic .lesson-nav--tint.lesson-nav--full {
    --button-background-hover-color: hsla(0,0%,100%,.7);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--full .lesson-nav-link__link:before {
    background-color: hsla(0,0%,100%,.85)
}

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

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

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

.organic .lesson-nav--light.lesson-nav--floating {
    --button-background-hover-color: #f0f0f0;
    --button-background-active-color: #e3e3e3;
    --color-button-contrast: #000
}

.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link {
    box-shadow: 0 .4rem 2rem rgba(0,0,0,.1)
}

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

.organic .lesson-nav--light.lesson-nav--floating .lesson-nav-link__link:active {
    background-color: var(--button-background-active-color);
    box-shadow: none;
    color: #000;
    color: initial
}

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

.organic .lesson-nav--tint.lesson-nav--floating {
    --color-background: var(--color-theme);
    --button-background-hover-color: hsla(0,0%,100%,.7);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link {
    box-shadow: 0 0 0 2px var(--color-theme);
    box-sizing: border-box;
    height: 5.6rem
}

.organic .lesson-nav--tint.lesson-nav--floating .lesson-nav-link__link:before {
    background-color: hsla(0,0%,100%,.8)
}

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

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

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

.organic .lesson-nav--accent.lesson-nav--floating {
    --color-background: var(--color-theme);
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.4)
}

.organic .lesson-nav--light.lesson-nav--floating-full {
    --color-background: #fff;
    --button-border-color: #303030;
    --color-button-contrast: #000
}

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

.organic .lesson-nav--accent.lesson-nav--floating-full {
    --button-background-hover-color: rgba(0,0,0,.2);
    --button-background-selected-color: rgba(0,0,0,.4);
    --button-border-color: var(--color-button-contrast)
}

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

.organic .lesson-nav--tint.lesson-nav--floating-full {
    --color-background: var(--color-theme);
    --button-border-color: var(--color-theme);
    --button-background-hover-color: hsla(0,0%,100%,.7);
    --button-background-selected-color: hsla(0,0%,100%,.6);
    --color-button-contrast: var(--color-theme)
}

.organic .lesson-nav--tint.lesson-nav--floating-full:before {
    background-color: hsla(0,0%,100%,.85);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 0
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link {
    background-color: var(--color-background)
}

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav-link__link:before {
    background-color: hsla(0,0%,100%,.8);
    border-radius: 10rem;
    margin: 1.9rem
}

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

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

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

.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-icon,.organic .lesson-nav--tint.lesson-nav--floating-full .lesson-nav__link-text {
    color: var(--color-theme);
    filter: brightness(.8)
}

.organic .page-transition-back-enter .lesson-nav--floating .lesson-nav-link,.organic .page-transition-back-leave .lesson-nav--floating .lesson-nav-link,.organic .page-transition-enter .lesson-nav--floating .lesson-nav-link,.organic .page-transition-leave .lesson-nav--floating .lesson-nav-link {
    display: none
}

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

    10% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    10% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

.organic .one-page-cover-info__title {
    margin-bottom: 1.6rem
}

.organic .one-page-cover-info .one-page-title {
    color: #fff;
    color: var(--color-one-page-cover-contrast,#fff);
    font-family: var(--font-family-head);
    font-size: 7.2rem;
    font-weight: 700;
    line-height: 8.5rem
}

@media(max-width: 47.9375em) {
    .organic .one-page-cover-info .one-page-title {
        font-size:4rem;
        line-height: 5rem
    }
}

@media(max-width: 29.9375em) {
    .organic .one-page-cover-info .one-page-title {
        font-size:3.2rem;
        line-height: 3.8rem
    }
}

@media(min-width: 62em) {
    .organic .one-page-cover-info .one-page-authors__avatar,.organic .one-page-cover-info .one-page-authors__avatar-fallback {
        height:4rem;
        width: 4rem
    }
}

.organic .one-page-cover-info .one-page-authors__name {
    color: #fff;
    color: var(--color-one-page-cover-contrast,#fff);
    font-weight: 600
}

@media(min-width: 62em) {
    .organic .one-page-cover-info .one-page-authors__name {
        font-size:1.6rem
    }
}

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

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

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

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

.organic .one-page-lesson-header--white {
    --color-background: #fff;
    --color-one-page-lesson-header-contrast: #000;
    border-bottom: none
}

.organic .one-page-lesson-header-info__title {
    margin-bottom: 1.6rem
}

.organic .one-page-lesson-header-info .one-page-title {
    color: #fff;
    color: var(--color-one-page-lesson-header-contrast,#fff);
    font-family: var(--font-family-head);
    font-size: 3.2rem;
    font-weight: 700
}

@media(min-width: 30em) {
    .organic .one-page-lesson-header-info .one-page-title {
        font-size:4.5rem
    }
}

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

@media(min-width: 62em) {
    .organic .one-page-lesson-header-info .one-page-authors__avatar {
        height:4rem;
        width: 4rem
    }
}

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

.btn-skip-to-lesson {
    background: #313537;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: .1rem;
    line-height: 1.1rem;
    overflow-y: hidden;
    position: relative;
    text-align: 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: .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: .75rem;
    margin-left: .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: -.25rem
}

.button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #000;
    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: #000!important;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.button--sidebar [class*=icon-],.button--sidebar-basic [class*=icon-] {
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    font-size: 1rem;
    height: 2.2rem;
    line-height: 2.2rem;
    margin-right: .8rem;
    vertical-align: 5%;
    width: 2.2rem
}

.button--done {
    -webkit-font-smoothing: antialiased;
    border-radius: 3.3rem;
    height: 3.3rem;
    letter-spacing: .16rem;
    line-height: 3.3rem;
    min-width: 12.5rem;
    padding: 0 3rem
}

.button--done,.button--header {
    background: #fff;
    color: #000;
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase
}

.button--header {
    border-radius: 2.5rem;
    height: 2.5rem;
    letter-spacing: .12rem;
    line-height: 2.5rem;
    padding: 0 1.5rem
}

.button--logo {
    display: flex
}

.button--header-done,.button--inverted,.button--outline {
    border-radius: 2.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .12rem;
    padding: .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: .6rem
}

.button--header-done,.button--inverted,button.button--outline {
    padding: .4rem 2rem
}

.button--compact {
    padding: .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 .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(0,0,0,.4);
    outline-offset: 2px;
    text-decoration: none
}

.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: #000
}

.button--link {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

.button--header-done,.button--inverted {
    background: #000;
    border: 1px solid rgba(0,0,0,.4);
    color: #fff
}

.button--header-done.button--disabled {
    margin-left: 1.5rem;
    opacity: .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,.2)
}

.button--signin:active {
    box-shadow: inset 0 1px rgba(0,0,0,.2),inset 0 100px rgba(0,0,0,.1);
    transform: translateY(1px)
}

.button--disabled {
    cursor: not-allowed;
    opacity: .5
}

.button--controls-enhanced {
    background: #fff;
    border-radius: 4.4rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    color: #000;
    cursor: pointer;
    font-family: lato,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.4rem;
    padding: .8rem 1.7rem;
    transition: background .2s ease-in-out
}

.button--controls-enhanced:focus,.button--controls-enhanced:hover {
    background-color: #eaeaeb
}

.button--controls {
    background: #fff;
    border: 1px solid rgba(0,0,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(0,0,0,.8)
}

.button--extraPadding {
    padding: 1.15rem 4.8rem
}

.modal {
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    justify-content: center;
    margin: 0;
    max-height: 100vh;
    max-width: 100vw;
    padding: 0;
    position: fixed;
    transform: translateZ(0);
    width: 100%;
    z-index: 1001
}

.modal--force-to-top {
    justify-content: flex-start;
    padding-top: 5rem
}

.modal-enter .modal__dialog,.modal-enter .modal__overlay {
    opacity: 0
}

.modal-enter .modal__dialog {
    transform: scale(.97)
}

.modal-enter.modal-enter-active .modal__overlay {
    opacity: 1;
    transition: opacity .4s ease-out
}

.modal-enter.modal-enter-active .modal__dialog {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s ease-out,transform .3s ease-out
}

.modal-exit .modal__dialog,.modal-exit .modal__overlay {
    opacity: 1
}

.modal-exit .modal__dialog {
    transform: scale(1)
}

.modal-exit.modal-exit-active .modal__overlay {
    opacity: 0;
    transition: opacity .4s ease-out
}

.modal-exit.modal-exit-active .modal__dialog {
    opacity: 0;
    transform: scale(.97);
    transition: opacity .15s ease-in,transform .15s ease-in
}

.modal__overlay {
    background: hsla(0,0%,100%,.7);
    inset: 0;
    position: fixed
}

.modal__overlay--dark {
    background: rgba(0,0,0,.5)
}

.modal__dialog {
    background: #fff;
    border: none;
    box-shadow: 0 .6rem 2rem rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    max-width: 100%;
    position: relative;
    width: 54rem;
    z-index: 1002
}

.modal__close {
    color: rgba(0,0,0,.6);
    cursor: pointer;
    height: 3rem;
    line-height: 3rem;
    margin-left: auto;
    margin-right: 1.5rem;
    text-align: center;
    transition: color .3s;
    width: 3rem
}

.modal__close:active,.modal__close:focus,.modal__close[focus-within] .modal__close:hover {
    color: #000
}

.modal__close:active,.modal__close:focus,.modal__close:focus-within .modal__close:hover {
    color: #000
}

.modal__heading-wrapper {
    border-bottom: .1rem solid #eaeaeb;
    padding: 1.25rem 0 1.25rem 3rem
}

.modal__heading-flexbox {
    align-items: center;
    display: flex
}

.modal__header {
    line-height: 3rem
}

.modal__heading {
    color: #000
}

.modal__subheading {
    font-size: 1.1rem;
    padding-left: .5rem
}

.modal__subtitle {
    color: #adaeaf
}

.modal__text {
    color: #000
}

.modal__content {
    height: 100%
}

.modal__content--with-footer {
    flex-grow: 1;
    overflow-y: hidden
}

.modal__content--force-scroll {
    overflow-y: hidden
}

.modal__footer {
    flex-shrink: 0;
    height: 6.8rem;
    z-index: 12
}

.modal__footer-shadow {
    bottom: 5.8rem;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,.24);
    height: 1rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -10
}

.modal::-webkit-backdrop {
    display: none
}

.modal::backdrop {
    display: none
}

.base-modal__content {
    padding: 2rem 3rem
}

.base-modal__content--centered {
    text-align: center
}

.base-modal__fields {
    padding: 3rem 3rem 1rem
}

.base-modal__input {
    background-color: #f7f7f7;
    background-image: none;
    border: 0;
    border-radius: 0;
    color: #000;
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    outline: none;
    padding: 1.4rem;
    width: 100%
}

.base-modal__label {
    display: inline-block;
    font-size: 1.3rem;
    margin-bottom: 1rem
}

.base-modal__btns {
    display: flex;
    justify-content: center;
    padding: 2rem 0
}

.overview-list__section-title {
    border-bottom: .1rem solid rgba(0,0,0,.1);
    color: #000;
    font-family: lato,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .06rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding: .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 .3s
}

.overview-list-item__link:active,.overview-list-item__link:hover {
    background-color: #f3f3f3;
    transition-duration: .1s
}

.overview-list-item--restricted .overview-list-item__link {
    cursor: inherit
}

.overview--modern .overview-list-item__link {
    margin: 0 -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: background .3s
}

.overview--modern .overview-list-item__link:hover {
    background: #f7f7f7;
    border-radius: .4rem;
    transition-duration: .1s
}

.overview-list-item__title {
    color: #000;
    display: block;
    font-family: 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(0,0,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: .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: #000
}

.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
}

.lesson {
    word-wrap: break-word;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transition: padding .3s;
    word-break: break-word
}

.lesson:after {
    content: "mobile";
    height: 0;
    visibility: hidden;
    width: 0
}

@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 .3s;
    width: 26rem
}

.lesson__sidebar:after {
    bottom: 0;
    box-shadow: inset -2rem 0 2rem -2rem rgba(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,.1));
    box-shadow: none
}

.lesson--open .lesson__sidebar {
    opacity: 0;
    transition: opacity 0ms .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 .3s
}

.theme .lesson__content {
    box-shadow: 0 0 4rem rgba(0,0,0,.12)
}

@media(max-width: 59.9375em) {
    .lesson--open-mobile .lesson__content {
        transform:translateX(26rem)
    }
}

.blocks-lesson {
    background: #fff;
    padding-bottom: 2rem
}

@media(min-width: 48em) {
    .blocks-lesson {
        padding-bottom:9.5rem;
    }
}

.blocks-lesson--one-page {
    padding-bottom: 0
}

.block-text {
    --color-code-caption-border: #eaeaeb;
    --color-table-border: #ddd;
    --color-th-bg: var(--color-theme);
    --color-th-text: var(--color-theme-contrast);
    font-size: 1.7rem;
    padding: 3rem 0;
    transition: padding .5s
}

.block-text.bg--type-accent,.block-text.bg--type-color,.block-text.bg--type-image {
    --color-table-border: var(--color-text)
}

.block-text.bg--type-accent,.block-text.bg--type-color {
    --color-code-caption-border: var(--color-text,#eaeaeb)
}

.block-text.bg--type-image {
    --color-th-bg: transparent;
    --color-th-text: var(--color-text)
}

.block-text.bg--type-image.bg--overlay-light,.block-text.bg--type-tint {
    --color-code-caption-border: #000
}

@media(prefers-reduced-motion:reduce) {
    .block-text {
        transition: none
    }
}

@media print {
    .block-text {
        font-size: 1.3rem
    }
}

.block-text input {
    word-wrap: break-word;
    background: none;
    border: 0;
    font: inherit;
    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,.block-text h3,.block-text h4,.block-text h5 {
    padding: .8rem 0
}

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

.block-text h2 {
    font-size: 2.8rem
}

@media(min-width: 45em) {
    .block-text h2 {
        font-size:3.2rem
    }
}

@media print {
    .block-text h2 {
        font-size: 2.2rem
    }
}

.block-text h3 {
    font-size: 2.2rem
}

@media(min-width: 45em) {
    .block-text h3 {
        font-size:2.4rem
    }
}

@media print {
    .block-text h3 {
        font-size: 1.8rem
    }
}

.block-text h4 {
    font-size: 1.8rem
}

@media(min-width: 45em) {
    .block-text h4 {
        font-size:2rem
    }
}

@media print {
    .block-text h4 {
        font-size: 1.6rem
    }
}

.block-text h5 {
    font-size: 1.6rem
}

@media(min-width: 45em) {
    .block-text h5 {
        font-size:1.8rem
    }
}

@media print {
    .block-text h5 {
        font-size: 1.4rem
    }
}

.block-text--heading h2,.block-text--heading h3,.block-text--heading h4,.block-text--heading h5 {
    margin: 0 0 -1px;
    padding: .8rem 0
}

.block-text__col h2,.block-text__col h3,.block-text__col td,.block-text__col th {
    transition: padding .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-text__col h2,.block-text__col h3,.block-text__col td,.block-text__col th {
        transition: none
    }
}

.block-text--heading-custom-text-padding-sm .block-text__col h2,.block-text--heading-custom-text-padding-sm .block-text__col h3,.block-text--heading-custom-text-padding-sm .block-text__col h4,.block-text--heading-custom-text-padding-sm .block-text__col h5 {
    padding-bottom: .8rem
}

.block-text--heading-custom-text-padding-med .block-text__col h2,.block-text--heading-custom-text-padding-med .block-text__col h3,.block-text--heading-custom-text-padding-med .block-text__col h4,.block-text--heading-custom-text-padding-med .block-text__col h5 {
    padding-bottom: 3.2rem
}

.block-text--heading-custom-text-padding-lg .block-text__col h2,.block-text--heading-custom-text-padding-lg .block-text__col h3,.block-text--heading-custom-text-padding-lg .block-text__col h4,.block-text--heading-custom-text-padding-lg .block-text__col h5 {
    padding-bottom: 5.6rem
}

.block-text--onecol-custom-cell-padding-sm .block-text__col td,.block-text--onecol-custom-cell-padding-sm .block-text__col th {
    padding: 1rem
}

.block-text--onecol-custom-cell-padding-med .block-text__col td,.block-text--onecol-custom-cell-padding-med .block-text__col th {
    padding: 1.5rem
}

.block-text--onecol-custom-cell-padding-lg .block-text__col td,.block-text--onecol-custom-cell-padding-lg .block-text__col th {
    padding: 3rem
}

@media(min-width: 52.5em) {
    .block-text--heading .block-text__col,.block-text--onecol .block-text__col {
        box-sizing:border-box;
        display: block;
        float: 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%
    }

    .block-text--heading-custom-width-text-med .block-text__col,.block-text--onecol-custom-width-text-med .block-text__col {
        width: 76rem
    }

    .block-text--heading-custom-width-text-med .block-text__col:first-child,.block-text--onecol-custom-width-text-med .block-text__col:first-child {
        margin: 0 auto
    }

    .block-text--onecol-custom-width-table-med .block-text__col {
        margin: 0 auto;
        width: 76rem
    }

    .block-text--heading-custom-width-text-sm .block-text__col,.block-text--onecol-custom-width-text-sm .block-text__col {
        width: 52rem
    }

    .block-text--heading-custom-width-text-sm .block-text__col:first-child,.block-text--onecol-custom-width-text-sm .block-text__col:first-child {
        margin: 0 auto
    }

    .block-text--onecol-custom-width-table-sm .block-text__col {
        margin: 0 auto;
        width: 52rem
    }
}

@media(min-width: 62em) {
    .block-text--heading-custom-width-text-lg .block-text__col,.block-text--onecol-custom-width-table-lg .block-text__col,.block-text--onecol-custom-width-text-lg .block-text__col {
        width:92rem
    }

    .block-text--heading-custom-width-text-lg .block-text__col:first-child,.block-text--onecol-custom-width-table-lg .block-text__col:first-child,.block-text--onecol-custom-width-text-lg .block-text__col:first-child {
        margin: 0 auto
    }
}

@media(min-width: 30em) {
    .block-text--heading-custom-width .block-text__col,.block-text--onecol-custom-width .block-text__col {
        padding-left:3rem;
        padding-right: 3rem
    }
}

@media(min-width: 62em) {
    .block-text--heading-custom-width .block-text__col,.block-text--onecol-custom-width .block-text__col {
        padding:0
    }
}

@media(min-width: 52.5em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,.lesson--open .block-text--heading .block-text__col,.lesson--open .block-text--onecol .block-text__col {
        box-sizing:border-box;
        display: block;
        float: left;
        min-height: 1px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: 83.3333333333%
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,.lesson--open .block-text--heading .block-text__col:first-child,.lesson--open .block-text--onecol .block-text__col:first-child {
        margin-left: 8.3333333333%
    }
}

@media(min-width: 60em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,.lesson--open .block-text--heading .block-text__col,.lesson--open .block-text--onecol .block-text__col {
        width:100%
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,.lesson--open .block-text--heading .block-text__col:first-child,.lesson--open .block-text--onecol .block-text__col:first-child {
        margin-left: 0
    }
}

@media(min-width: 67.5em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col,.lesson--open .block-text--heading .block-text__col,.lesson--open .block-text--onecol .block-text__col {
        width:83.3333333333%
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-med .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-med .block-text__col:first-child,.lesson--open .block-text--heading .block-text__col:first-child,.lesson--open .block-text--onecol .block-text__col:first-child {
        margin-left: 8.3333333333%
    }
}

@media(min-width: 52.5em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
        box-sizing:border-box;
        display: block;
        float: left;
        min-height: 1px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: 83.3333333333%
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
        margin-left: 8.3333333333%
    }
}

@media(min-width: 60em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
        width:100%
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
        margin-left: 0
    }
}

@media(min-width: 80em) {
    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col {
        width:92rem
    }

    .course-navigation__sidebar--nav-open .block-text--heading-custom-width-text-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-table-lg .block-text__col:first-child,.course-navigation__sidebar--nav-open .block-text--onecol-custom-width-text-lg .block-text__col:first-child {
        margin: 0 auto
    }
}

@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%
    }
}

.block-text--fourcol .block-text__image,.block-text--threecol .block-text__image,.block-text--twocol .block-text__image {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 2rem;
    width: 100%
}

.block-text--fourcol .block-text__image img,.block-text--threecol .block-text__image img,.block-text--twocol .block-text__image img {
    height: 39rem;
    object-fit: cover;
    width: 100%
}

@media(min-width: 60em) {
    .block-text--fourcol .block-text__image img,.block-text--threecol .block-text__image img,.block-text--twocol .block-text__image img {
        height:22.7rem
    }
}

.block-text--fourcol .block-text__image--zoom :hover,.block-text--threecol .block-text__image--zoom :hover,.block-text--twocol .block-text__image--zoom :hover {
    cursor: pointer;
    cursor: zoom-in
}

@media(min-width: 48em) {
    .block-text--threecol .block-text__image img {
        height:50rem
    }
}

@media(min-width: 75em) {
    .block-text--threecol .block-text__image img {
        height:22.7rem
    }
}

@media(min-width: 52.5em) {
    .block-text--fourcol .block-text__image img {
        height:50rem
    }
}

@media(min-width: 62em) {
    .block-text--fourcol .block-text__image img {
        height:17.4rem
    }
}

@media(min-width: 52.5em) {
    .lesson--open .block-text--twocol .block-text__col {
        box-sizing:border-box;
        display: block;
        float: 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--threecol .block-text__row {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media(min-width: 52.5em) {
    .block-text--threecol .block-text__row {
        align-items:center
    }
}

@media(min-width: 75em) {
    .block-text--threecol .block-text__row {
        align-items:baseline;
        flex-direction: row
    }
}

@media(min-width: 96.875em) {
    .block-text--threecol .block-text__row {
        width:144rem
    }
}

@media(min-width: 22.5em) {
    .block-text--threecol .block-text__col {
        padding:0 2rem 3rem
    }
}

@media(min-width: 37.5em) {
    .block-text--threecol .block-text__col {
        padding:0 3rem 3rem
    }
}

@media(min-width: 52.5em) {
    .block-text--threecol .block-text__col {
        padding-left:0;
        padding-right: 0;
        width: 75%
    }

    .block-text--threecol .block-text__col:last-child {
        padding-bottom: 0
    }
}

@media(min-width: 75em) {
    .block-text--threecol .block-text__col {
        margin:0 2rem 0 0;
        padding-bottom: 0;
        width: 25%
    }

    .block-text--threecol .block-text__col:first-child {
        margin-left: 10.8333333333%
    }

    .block-text--threecol .block-text__col:last-child {
        margin-right: 0
    }
}

@media(min-width: 96.875em) {
    .block-text--threecol .block-text__col {
        width:36.5rem
    }

    .block-text--threecol .block-text__col:first-child {
        margin-left: 8.3333333333%
    }
}

@media(min-width: 75em) {
    .course-navigation__sidebar--nav-open .block-text--threecol .block-text__col {
        width:25%
    }
}

@media(min-width: 125em) {
    .course-navigation__sidebar--nav-open .block-text--threecol .block-text__col {
        width:38.5rem
    }
}

.block-text--fourcol .block-text__row {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media(min-width: 52.5em) {
    .block-text--fourcol .block-text__row {
        align-items:baseline;
        flex-flow: row wrap
    }
}

@media(min-width: 80em) {
    .block-text--fourcol .block-text__row {
        flex-flow:row nowrap
    }
}

@media(min-width: 96.875em) {
    .block-text--fourcol .block-text__row {
        width:144rem
    }
}

.block-text--fourcol .block-text__col {
    margin-right: 2rem
}

@media(min-width: 22.5em) {
    .block-text--fourcol .block-text__col {
        padding:0 2rem 3rem
    }
}

@media(min-width: 37.5em) {
    .block-text--fourcol .block-text__col {
        padding:0 3rem 3rem
    }
}

@media(min-width: 52.5em) {
    .block-text--fourcol .block-text__col {
        margin:0 auto;
        padding-left: 0;
        padding-right: 0;
        width: 75%
    }
}

@media(min-width: 62em) {
    .block-text--fourcol .block-text__col {
        margin:0 2rem 0 0;
        width: 32.5%
    }

    .block-text--fourcol .block-text__col:first-child,.block-text--fourcol .block-text__col:nth-child(3) {
        margin-left: 16.6666666667%
    }
}

@media(min-width: 75em) {
    .block-text--fourcol .block-text__col {
        padding-bottom:0;
        width: 18.3333333333%
    }

    .block-text--fourcol .block-text__col:first-child {
        margin-left: 10.8333333333%
    }

    .block-text--fourcol .block-text__col:last-child {
        margin-right: 0
    }

    .block-text--fourcol .block-text__col:nth-child(3) {
        margin-left: 0
    }
}

@media(min-width: 96.875em) {
    .block-text--fourcol .block-text__col {
        width:28rem
    }

    .block-text--fourcol .block-text__col:first-child {
        margin-left: 8.3333333333%
    }

    .course-navigation__sidebar--nav-open .block-text--fourcol .block-text__row {
        align-items: baseline;
        flex-flow: row wrap
    }
}

@media(min-width: 125em) {
    .course-navigation__sidebar--nav-open .block-text--fourcol .block-text__row {
        flex-flow:row nowrap
    }
}

@media(min-width: 96.875em) {
    .course-navigation__sidebar--nav-open .block-text--fourcol .block-text__col {
        width:18.3333333333%
    }
}

@media(min-width: 125em) {
    .course-navigation__sidebar--nav-open .block-text--fourcol .block-text__col {
        width:28rem
    }
}

.block-text__figure {
    position: relative
}

.block-text__code {
    background: #fafafa;
    border: .1rem solid #eee;
    border: .1rem solid var(--color-snippet-contrast,#eee);
    border-radius: .3rem;
    color: #000;
    color: var(--color-snippet-contrast,#000);
    font-family: 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: .1rem solid var(--color-code-caption-border);
    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: 92rem;
    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-text__table {
    width: 100%
}

.block-text__table thead th {
    background-color: var(--color-th-bg);
    color: var(--color-th-text)
}

.block-text__table tbody td {
    color: var(--color-text);
    text-align: center
}

.fr-view table.block-text__table td,.fr-view table.block-text__table th {
    border-color: var(--color-table-border)
}

.block-wrapper {
    --color-background: #fff;
    background-color: var(--color-background);
    background-position: 50% 50%;
    background-size: cover;
    transition: background-color .1s linear,padding .5s linear
}

.bg {
    --color-border-decorative: rgba(0,0,0,.2);
    --color-caption-placeholder-text: #aaa;
    --color-carousel-arrow: rgba(0,0,0,.5);
    --color-progress-track: rgba(0,0,0,.3);
    --color-text: #000;
    --color-theme-decorative-fg: var(--color-theme-contrast,#fff);
    --color-theme-decorative: var(--color-theme);
    color: var(--color-text);
    transition: color .1s linear
}

.bg--type-black,.bg--type-dark {
    --color-border-decorative: hsla(0,0%,100%,.5);
    --color-caption-placeholder-text: #fff;
    --color-progress-track: #eaeaeb;
    --color-text: #fff
}

.bg--type-accent.bg--contrast-light,.bg--type-black,.bg--type-color.bg--contrast-light,.bg--type-dark,.bg--type-image:not(.bg--overlay-light) {
    --color-carousel-arrow: hsla(0,0%,100%,.8)
}

.bg--type-accent {
    --color-border-decorative: rgba(var(--color-theme-contrast-rgb),0.3);
    --color-caption-placeholder-text: var(--color-theme-contrast);
    --color-progress-track: rgba(var(--color-theme-contrast-complementary-rgb),0.3);
    --color-text: var(--color-theme-contrast);
    --color-theme-decorative-fg: var(--color-theme-contrast-complementary);
    --color-theme-decorative: var(--color-theme-contrast)
}

.bg--type-accent.bg--contrast-light {
    --color-border-decorative: rgba(var(--color-theme-contrast-rgb),0.5)
}

.bg--type-color {
    --color-border-decorative: rgba(var(--color-background-contrast-rgb),0.3);
    --color-caption-placeholder-text: var(--color-background-contrast);
    --color-progress-track: rgba(var(--color-background-contrast-rgb),0.3);
    --color-text: var(--color-background-contrast,#000)
}

.bg--type-color.bg--contrast-light {
    --color-border-decorative: rgba(var(--color-background-contrast-rgb),0.5)
}

.bg--type-image {
    --color-border-decorative: hsla(0,0%,100%,.8);
    --color-caption-placeholder-text: #fff;
    --color-progress-track: hsla(0,0%,100%,.5);
    --color-text: #fff;
    --color-theme-decorative-fg: #000;
    --color-theme-decorative: #fff
}

.bg--type-image.bg--overlay-light {
    --color-border-decorative: rgba(0,0,0,.6);
    --color-caption-placeholder-text: #000;
    --color-progress-track: rgba(0,0,0,.2);
    --color-text: #000;
    --color-theme-decorative-fg: #fff;
    --color-theme-decorative: #000
}

.bg--type-accent .brand--linkColor a,.bg--type-accent .brand--linkColor a:hover,.bg--type-accent a,.bg--type-accent a:hover,.bg--type-image .brand--linkColor a,.bg--type-image .brand--linkColor a:hover,.bg--type-image a,.bg--type-image a:hover {
    color: var(--color-text)!important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-timing-function: ease-in-out
}

@keyframes fadeInGrow {
    0% {
        opacity: 0;
        transform: scale3d(.9,.9,1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.fadeInGrow {
    animation-name: fadeInGrow;
    animation-timing-function: ease-in-out
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(50px,0,0)
    }

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

.fadeInRight {
    animation-name: fadeInRight;
    animation-timing-function: ease-in-out
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50px,0,0)
    }

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

.fadeInLeft {
    animation-name: fadeInLeft;
    animation-timing-function: ease-in-out
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translate3d(-25px,0,0)
    }

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

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
    animation-timing-function: ease-in-out
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,25px,0)
    }

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

.fadeInUp {
    animation-name: fadeInUp;
    animation-timing-function: ease-in-out
}

.block-statement {
    font-family: var(--font-family-body);
    font-size: 1.7rem;
    line-height: 2;
    padding: 3rem 0;
    transition: padding .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-statement {
        transition: none
    }
}

@media print {
    .block-statement {
        font-size: 1.3rem
    }
}

.block-statement__wrap {
    width: 100%
}

.block-statement 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-statement p:last-child {
    margin-bottom: 0
}

.block-statement__note-background {
    display: none
}

.block-statement__quote {
    transition: padding .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-statement__quote {
        transition: none
    }
}

.block-statement--a .block-statement__quote,.block-statement--a-custom-width-sm .block-statement__quote {
    font-weight: 700;
    padding: 3.2rem 0;
    text-align: center;
    width: 30rem
}

.block-statement--a .block-statement__quote p,.block-statement--a-custom-width-sm .block-statement__quote p {
    box-sizing: border-box
}

.block-statement--a .block-statement__quote b,.block-statement--a-custom-width-sm .block-statement__quote b {
    font-weight: inherit
}

@media print {
    .block-statement--a .block-statement__quote,.block-statement--a-custom-width-sm .block-statement__quote {
        width: inherit
    }
}

.course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--a-custom-width-med .block-statement__quote {
    width: 30rem
}

.block-statement--a .block-statement__divider-bottom,.block-statement--a .block-statement__divider-top,.block-statement--b .block-statement__divider-top,.block-statement--d .block-statement__divider-top {
    transition: width .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-statement--a .block-statement__divider-bottom,.block-statement--a .block-statement__divider-top,.block-statement--b .block-statement__divider-top,.block-statement--d .block-statement__divider-top {
        transition: none
    }
}

.block-statement--a .block-statement__divider-top {
    border-top: .1rem solid var(--color-border-decorative);
    width: 32rem
}

.block-statement--a .block-statement__divider-bottom {
    border-bottom: .1rem solid var(--color-border-decorative);
    width: 32rem
}

.block-statement--b .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote {
    font-family: var(--font-family-head);
    font-size: 2.4rem;
    font-weight: 200;
    line-height: 1.5;
    padding-top: 3rem;
    position: relative;
    text-align: center
}

@media(min-width: 45em) {
    .block-statement--b .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote {
        font-size:3.2rem
    }
}

@media print {
    .block-statement--b .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote {
        font-size: 2rem
    }
}

.block-statement--b .block-statement__quote p,.block-statement--b-custom-width-med .block-statement__quote p {
    box-sizing: border-box
}

.block-statement--b .block-statement__divider-top,.block-statement--b-divider-size-sm .block-statement__divider-top {
    background: var(--color-theme);
    background: var(--color-theme-decorative,var(--color-theme));
    height: .4rem;
    margin: auto;
    width: 7.6rem
}

@media print {
    .block-statement--b .block-statement__divider-top,.block-statement--b-divider-size-sm .block-statement__divider-top {
        height: .2rem
    }
}

.block-statement--c .block-statement__wrap {
    padding: 2rem 0 3rem
}

.block-statement--c .block-statement__quote {
    font-family: var(--font-family-head);
    font-size: 2.8rem;
    font-weight: 200;
    line-height: 1.666;
    margin: 0;
    position: relative
}

@media(min-width: 45em) {
    .block-statement--c .block-statement__quote {
        font-size:4.5rem
    }
}

@media print {
    .block-statement--c .block-statement__quote {
        font-size: 2.2rem
    }
}

.block-statement--c .block-statement__quote p {
    box-sizing: border-box
}

.block-statement--d .block-statement__wrap {
    padding: 2rem 0
}

.block-statement--d .block-statement__quote {
    font-family: var(--font-family-body);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.666;
    padding: 2.25rem 0 0;
    position: relative
}

@media print {
    .block-statement--d .block-statement__quote {
        font-size: 2rem
    }
}

.block-statement--d .block-statement__quote p {
    box-sizing: border-box
}

.block-statement--d .block-statement__quote b {
    font-weight: inherit
}

.block-statement--d .block-statement__divider-top-container {
    align-self: flex-start
}

.block-statement--d .block-statement__divider-top,.block-statement--d-divider-size-sm .block-statement__divider-top {
    background: var(--color-theme);
    background: var(--color-theme-decorative,var(--color-theme));
    height: .4rem;
    width: 7.6rem
}

.block-statement--note.bg--type-image {
    --color-note-card-border: rgba(0,0,0,.7);
    --color-theme-decorative: #000
}

.block-statement--note.bg--type-image.bg--overlay-light {
    --color-note-card-border: hsla(0,0%,100%,.7);
    --color-theme-decorative: #fff
}

.block-statement--note {
    position: relative
}

.block-statement--note .block-statement__quote,.block-statement--note-size-sm .block-statement__quote {
    color: #000;
    color: var(--color-text,#000);
    font-family: var(--font-family-head);
    font-size: 1.5rem;
    line-height: 1.666;
    padding: 2.4rem 2.4rem 2.4rem 0;
    position: relative;
    width: 100%;
    z-index: 1
}

@media print {
    .block-statement--note .block-statement__quote,.block-statement--note-size-sm .block-statement__quote {
        font-size: 1.3rem
    }
}

.block-statement--note .block-statement__quote p,.block-statement--note-size-sm .block-statement__quote p {
    margin: 0 0 2rem
}

.block-statement--note .block-statement__quote p:last-child,.block-statement--note-size-sm .block-statement__quote p:last-child {
    margin-bottom: 0
}

.block-statement--note .block-statement__note-background {
    display: block;
    inset: 0 1.5rem;
    opacity: .1;
    position: absolute;
    z-index: 0
}

@media(max-width: 52.4375em) {
    .block-statement--note .block-statement__note-background {
        left:0;
        right: 0
    }
}

.block-statement--note .block-statement__note-icon,.block-statement--note-size-sm .block-statement__note-icon {
    color: var(--color-theme);
    color: var(--color-theme-decorative,var(--color-theme));
    display: flex;
    font-size: 2.4rem;
    padding: 1.6rem 3rem 0;
    transition: font-size .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-statement--note .block-statement__note-icon,.block-statement--note-size-sm .block-statement__note-icon {
        transition: none
    }
}

.block-statement--note .block-statement__note-icon i,.block-statement--note-size-sm .block-statement__note-icon i {
    font-style: normal
}

.block-statement--note .block-statement__note-icon--off,.block-statement--note-size-sm .block-statement__note-icon--off {
    display: none
}

.block-statement--note .block-statement__note-icon--legacy {
    font-size: 2rem;
    padding-top: 2rem
}

.block-statement__note-card {
    background-color: var(--color-background);
    border: .1rem solid transparent;
    border-radius: .3rem;
    display: flex;
    flex-direction: row
}

.block-statement.bg--type-black.bg--range-light .block-statement__note-card,.block-statement.bg--type-black.bg--range-med .block-statement__note-card,.block-statement.bg--type-dark.bg--range-light .block-statement__note-card,.block-statement.bg--type-dark.bg--range-med .block-statement__note-card,.block-statement.bg--type-gray.bg--range-light .block-statement__note-card,.block-statement.bg--type-gray.bg--range-med .block-statement__note-card,.block-statement.bg--type-light.bg--range-light .block-statement__note-card,.block-statement.bg--type-light.bg--range-med .block-statement__note-card {
    border: .1rem solid var(--color-theme);
    box-shadow: none
}

.block-statement.bg--range-light .block-statement__note-card {
    box-shadow: 0 .4rem 3rem rgba(0,0,0,.102)
}

.block-statement.bg--type-image .block-statement__note-card {
    border: .1rem solid var(--color-note-card-border)
}

.block-statement.bg--type-tint .block-statement__note-card {
    border: .1rem solid rgba(0,0,0,.102)
}

.block-statement--note-size-sm-no-icon .block-statement__quote {
    padding: 2.4rem
}

.block-statement--note-size-med .block-statement__quote {
    font-size: 2rem;
    padding: 4.8rem 2.4rem 4.8rem 0
}

.block-statement--note-size-med-no-icon .block-statement__quote {
    padding: 4.8rem 2.4rem
}

.block-statement--note-size-med .block-statement__note-icon {
    font-size: 2.4rem;
    padding: 4.2rem 3rem 0
}

.block-statement--note-size-lg .block-statement__quote {
    font-size: 2.4rem;
    padding: 5.6rem 2.4rem 5.6rem 0
}

.block-statement--note-size-lg-no-icon .block-statement__quote {
    padding: 5.6rem 2.4rem
}

.block-statement--note-size-lg .block-statement__note-icon {
    font-size: 3.2rem;
    padding: 4.8rem 3rem 0
}

.block-statement--a-divider-padding-sm .block-statement__quote {
    padding: 3.2rem 0
}

.block-statement--a-divider-padding-med .block-statement__quote {
    padding: 4.8rem 0
}

.block-statement--a-divider-padding-lg .block-statement__quote {
    padding: 5.6rem 0
}

.block-statement--b-divider-padding-sm .block-statement__quote {
    padding: 3.2rem 0 0
}

.block-statement--b-divider-padding-med .block-statement__quote,.block-statement--d-divider-padding-med .block-statement__quote {
    padding: 4.8rem 0 0
}

.block-statement--b-divider-padding-lg .block-statement__quote,.block-statement--d-divider-padding-lg .block-statement__quote {
    padding: 5.6rem 0 0
}

.block-statement--d-divider-padding-sm .block-statement__quote {
    padding: 2rem 0 0
}

.block-statement--a-divider-off .block-statement__divider-bottom,.block-statement--a-divider-off .block-statement__divider-top {
    border: none
}

.block-statement--a-divider-off .block-statement__quote,.block-statement--b-divider-off .block-statement__quote,.block-statement--d-divider-off .block-statement__quote {
    padding: 0
}

.block-statement--b-divider-off .block-statement__divider-top,.block-statement--d-divider-off .block-statement__divider-top {
    background: none
}

.block-statement--b-divider-size-med .block-statement__divider-top,.block-statement--d-divider-size-med .block-statement__divider-top {
    width: 20rem
}

.block-statement--b-divider-size-lg .block-statement__divider-top,.block-statement--d-divider-size-lg .block-statement__divider-top {
    width: 32rem
}

@media(min-width: 30em) {
    .block-statement--a .block-statement__divider-bottom,.block-statement--a .block-statement__divider-top,.block-statement--a-divider-size-sm .block-statement__divider-bottom,.block-statement--a-divider-size-sm .block-statement__divider-top {
        width:46.5rem
    }
}

@media(min-width: 52.5em) {
    .block-statement--a-divider-size-med .block-statement__divider-bottom,.block-statement--a-divider-size-med .block-statement__divider-top {
        width:78rem
    }
}

@media(min-width: 75em) {
    .block-statement--a-divider-size-lg .block-statement__divider-bottom,.block-statement--a-divider-size-lg .block-statement__divider-top {
        width:120rem
    }
}

@media(min-width: 30em) {
    .course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-bottom,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-top {
        width:46.5rem
    }
}

@media(min-width: 70.625em) {
    .course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-bottom,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-med .block-statement__divider-top {
        width:78rem
    }
}

@media(min-width: 96.875em) {
    .course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-bottom,.course-navigation__sidebar--nav-open .block-statement--a-divider-size-lg .block-statement__divider-top {
        width:120rem
    }
}

.block-statement__container {
    box-sizing: 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-statement__container {
        padding-left:3rem;
        padding-right: 3rem
    }
}

@media(min-width: 60em) {
    .block-statement__container {
        padding-left:6rem;
        padding-right: 6rem
    }
}

.block-statement__row {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.block-statement--a .block-statement__col {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-items: center;
    place-items: center
}

@media(min-width: 33.75em) {
    .block-statement--b .block-statement__col,.block-statement--c .block-statement__col,.block-statement--d .block-statement__col,.block-statement--note .block-statement__col {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-items: center;
        place-items: center
    }

    .block-statement--b-custom-width-med .block-statement__quote,.block-statement--b-custom-width-sm .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--c-custom-width-sm .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--d-custom-width-sm .block-statement__divider-top-container,.block-statement--d-custom-width-sm .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card,.block-statement--note-custom-width-sm .block-statement__note-card {
        width: 52rem
    }

    .block-statement--d .block-statement__divider-top-container {
        align-self: auto
    }
}

@media(min-width: 37.5em) {
    .block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--c-custom-width-sm .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote {
        width:60rem
    }
}

@media(min-width: 45em) {
    .block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
        width:72rem
    }
}

@media(min-width: 52.5em) {
    .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--a-custom-width-med .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
        width:76rem
    }

    .course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
        width: 60rem
    }
}

@media(min-width: 62em) {
    .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card {
        width:92rem
    }
}

@media(min-width: 67.5em) {
    .course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--a-custom-width-med .block-statement__quote {
        width:76rem
    }
}

@media(min-width: 70.625em) {
    .course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
        width:76rem
    }
}

@media(min-width: 80em) {
    .course-navigation__sidebar--nav-open .block-statement--a-custom-width-lg .block-statement__quote {
        width:92rem
    }
}

@media(min-width: 90em) {
    .course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card {
        width:92rem
    }
}

.block-card {
    --color-background-image-dark: rgba(0,0,0,.7);
    --color-background-image-light: hsla(0,0%,100%,.7);
    --color-background: #fff;
    background-color: var(--color-background);
    color: var(--color-text);
    transition: background-color .1s linear
}

.block-card.bg--range-light {
    box-shadow: 0 .2rem 3rem rgba(0,0,0,.1)
}

.block-card--disabled {
    background-color: transparent
}

.bg--type-black .block-card--disabled,.bg--type-dark .block-card--disabled,.bg--type-image .block-card--disabled {
    --color-text: #fff
}

.bg--type-accent .block-card--disabled {
    --color-text: var(--color-theme-contrast,#fff)
}

.bg--type-color .block-card--disabled {
    --color-text: var(--color-background-contrast,#fff)
}

.bg--type-image.bg--overlay-light .block-card--disabled {
    --color-text: #000
}

.block-card--white {
    --color-text: #000;
    --color-theme-decorative: var(--color-theme);
    --color-theme-decorative-fg: var(--color-theme-contrast,#fff)
}

.bg--type-accent .block-card--white .brand--linkColor a,.bg--type-accent .block-card--white a,.bg--type-image .block-card--white .brand--linkColor a,.bg--type-image .block-card--white a {
    color: var(--color-theme)!important
}

.block-card--transparent {
    --color-question-draw-border: transparent
}

.bg--type-black .block-card--transparent {
    --color-background: #262626
}

.bg--type-dark .block-card--transparent {
    --color-background: #494949
}

.bg--type-accent .block-card--transparent {
    --color-text: #000;
    --color-theme-contrast-rgb: 0,0,0;
    --color-theme-contrast: #000;
    --color-theme-contrast-complementary: #fff;
    --color-theme-decorative-fg: #fff;
    --color-theme-decorative: #000
}

.bg--type-color .block-card--transparent {
    --color-text: #000
}

.bg--type-accent .block-card--transparent.block-card--contrast-light {
    --color-text: #fff;
    --color-theme-contrast-rgb: 255,255,255;
    --color-theme-contrast: #fff;
    --color-theme-contrast-complementary: #000;
    --color-theme-decorative-fg: #000;
    --color-theme-decorative: #fff
}

.bg--type-color .block-card--transparent.block-card--contrast-light {
    --color-text: #fff
}

.bg--type-image .block-card--transparent {
    --color-background: var(--color-background-image-light);
    --color-border-decorative: #000;
    --color-question-draw-border: rgba(0,0,0,.5);
    --color-text: #000;
    --color-theme-decorative-fg: #fff;
    --color-theme-decorative: #000
}

.bg--type-image.bg--overlay-light .block-card--transparent {
    --color-background: var(--color-background-image-dark);
    --color-border-decorative: #fff;
    --color-question-draw-border: hsla(0,0%,100%,.5);
    --color-text: #fff;
    --color-theme-decorative-fg: #000;
    --color-theme-decorative: #fff;
    box-shadow: 0 .2rem 3rem rgba(0,0,0,.1)
}

.block-quote {
    --color-carousel-dots: var(--color-theme-decorative);
    padding: 3rem 0;
    transition: padding .5s
}

.block-quote.bg--type-accent {
    --color-carousel-dots: var(--color-theme-contrast)
}

.block-quote.bg--type-image {
    --color-carousel-dots: #fff
}

.block-quote.bg--type-image.bg--overlay-light {
    --color-carousel-dots: #000
}

.block-quote p {
    font-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 {
    display: block;
    object-fit: cover;
    object-position: center center
}

.block-quote--a .block-quote__figure {
    padding: 4rem 0
}

.block-quote--a .block-quote__divider-top {
    border-top: .1rem solid var(--color-border-decorative)
}

.block-quote--a .block-quote__divider-bottom {
    border-bottom: .1rem solid var(--color-border-decorative)
}

.block-quote--a .block-quote__divider-bottom,.block-quote--a .block-quote__divider-top {
    transition: width .5s;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .block-quote--a .block-quote__divider-bottom,.block-quote--a .block-quote__divider-top {
        transition: none
    }
}

@media(min-width: 62em) {
    .block-quote--a .block-quote__divider-bottom,.block-quote--a .block-quote__divider-top {
        width:95rem
    }
}

.block-quote--a-divider-off .block-quote__divider-bottom,.block-quote--a-divider-off .block-quote__divider-top {
    border: none
}

.block-quote--a-divider-off .block-quote__figure {
    padding: 4.1rem 0
}

.block-quote--a .block-quote__avatar {
    border-radius: 50%;
    box-shadow: 0 .1rem 0 0 rgba(0,0,0,.12);
    height: 7rem;
    margin: 0 auto;
    width: 7rem
}

@media print {
    .block-quote--a .block-quote__avatar {
        height: 4rem;
        width: 4rem
    }
}

.block-quote--a .block-quote__text {
    text-align: center
}

.block-quote--a .block-quote__text p {
    font-family: var(--font-family-body)
}

.block-quote--a-legacy-quote-mark .block-quote__text p:first-child:before {
    content: "“";
    display: inline
}

.block-quote--a-legacy-quote-mark .block-quote__text p:last-child:after {
    content: "”";
    display: inline
}

.block-quote--a-legacy-quote-mark .block-quote__text--blank p:first-child:before,.block-quote--a-legacy-quote-mark .block-quote__text--blank p:last-child:after {
    display: none
}

.block-quote--a .block-quote__caption {
    text-align: center
}

.block-quote--a .block-quote__caption p {
    font-family: var(--font-family-head)
}

@media print {
    .block-quote--a .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--a-legacy-quote-mark .block-quote__caption p:first-child:before {
    content: "- "
}

.block-quote--a-legacy-quote-mark .block-quote__caption--blank p:first-child:before {
    display: none
}

.block-quote--b .block-quote__figure {
    padding: 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;
    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: var(--font-family-head);
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.4
}

@media print {
    .block-quote--b .block-quote__text,.block-quote--b .block-quote__text p {
        font-size: 2.6rem
    }
}

.block-quote--b .block-quote__caption {
    color: var(--color-theme-decorative);
    font-weight: 300;
    text-align: center
}

.block-quote--b .block-quote__caption p {
    font-family: var(--font-family-body)
}

@media print {
    .block-quote--b .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--b.bg--legacy-background .block-quote__caption {
    color: #000
}

.block-quote--c p {
    text-align: 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: 14.5rem;
    opacity: .027;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 13.9rem
}

.block-quote--c-quote-icon-off .block-quote__figure:before {
    background-image: none
}

.block-quote--c.bg--range-med .block-quote__figure:before {
    opacity: .08
}

.block-quote--c.bg--range-dark .block-quote__figure:before {
    opacity: .12
}

.block-quote--c.bg--range-near-black .block-quote__figure:before {
    filter: invert(1);
    opacity: .1
}

.block-quote--c.bg--type-image .block-quote__figure:before {
    filter: invert(1);
    opacity: .22
}

.block-quote--c.bg--type-image.bg--overlay-light .block-quote__figure:before {
    filter: none;
    opacity: .22
}

.block-quote--c.bg--type-dark .block-quote__figure:before {
    filter: invert(1);
    opacity: .05
}

.block-quote--c.bg--type-black .block-quote__figure:before {
    filter: invert(1);
    opacity: .1
}

.block-quote--c .block-quote__col--no-avatar .block-quote__figure:before {
    left: -7%
}

.block-quote--c .block-quote__avatar-wrap {
    height: 18.6rem;
    position: relative;
    width: 18.6rem;
    z-index: 1
}

.block-quote--c .block-quote__avatar {
    width: 100%
}

.block-quote--c .block-quote__text {
    position: relative;
    z-index: 1
}

.block-quote--c .block-quote__text p {
    font-family: var(--font-family-body);
    font-size: 1.4rem;
    line-height: 2
}

@media print {
    .block-quote--c .block-quote__text p {
        font-size: 1.3rem
    }
}

.block-quote--c-legacy-quote-mark .block-quote__text p:first-child:before {
    content: "“";
    display: inline
}

.block-quote--c-legacy-quote-mark .block-quote__text p:last-child:after {
    content: "”";
    display: inline
}

.block-quote--c-legacy-quote-mark .block-quote__text--blank p:first-child:before,.block-quote--c-legacy-quote-mark .block-quote__text--blank p:last-child:after {
    display: none
}

.block-quote--c .block-quote__figure {
    display: flex
}

.block-quote--c .block-quote__figure .block-quote__wrap {
    flex: 1 0 0
}

.block-quote--c .block-quote__caption p {
    font-family: var(--font-family-head)
}

@media print {
    .block-quote--c .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--c-legacy-quote-mark .block-quote__caption p:first-child:before {
    content: "- "
}

.block-quote--d p {
    text-align: left
}

@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
}

@media(min-width: 47.5em) {
    .block-quote--d .block-quote__text {
        padding-left:3.2rem
    }
}

@media(min-width: 62em) {
    .block-quote--d .block-quote__text {
        padding-left:7.8rem
    }
}

.block-quote--d .block-quote__text p {
    font-family: var(--font-family-body);
    font-size: 1.7rem;
    line-height: 1.75
}

@media print {
    .block-quote--d .block-quote__text p {
        font-size: 1.3rem
    }
}

.block-quote--d-legacy-quote-mark .block-quote__text p:first-child:before {
    content: "“";
    display: inline;
    position: absolute;
    transform: translateX(-110%)
}

.block-quote--d-legacy-quote-mark .block-quote__text p:last-child:after {
    content: "”";
    display: inline
}

.block-quote--d-legacy-quote-mark .block-quote__text--blank p:first-child:before,.block-quote--d-legacy-quote-mark .block-quote__text--blank p:last-child:after {
    display: none
}

.block-quote--d .block-quote__caption {
    color: var(--color-text)
}

.block-quote--d .block-quote__caption p {
    font-family: var(--font-family-head)
}

@media print {
    .block-quote--d .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--background {
    color: #fff
}

.block-quote--background p {
    color: #fff;
    font-family: merriweather,serif;
    text-align: left
}

.block-quote--background .brand--linkColor a,.block-quote--background a {
    color: var(--color-theme)!important
}

.block-quote--background .block-quote__background {
    background-blend-mode: multiply;
    background-color: hsla(215,8%,43%,.6);
    background-position: 50%;
    background-size: cover;
    padding: 3rem 0
}

@media(min-width: 45em) {
    .block-quote--background .block-quote__background {
        padding:1rem 0 0 8rem
    }
}

@media(min-width: 60em) {
    .block-quote--background .block-quote__background {
        padding:5rem 0
    }
}

.block-quote--background .block-quote__figure,.block-quote--background-align-left .block-quote__figure {
    margin-left: 4rem;
    padding-bottom: 1rem;
    position: relative
}

@media(min-width: 45em) {
    .block-quote--background .block-quote__figure,.block-quote--background-align-left .block-quote__figure {
        margin-left:0
    }
}

.block-quote--background-align-center .block-quote__figure {
    margin-left: 0
}

.block-quote--background .block-quote__avatar {
    border-radius: 50%;
    bottom: 0;
    height: 6rem;
    left: 0;
    margin: 0;
    top: 0;
    width: 6rem
}

@media print {
    .block-quote--background .block-quote__avatar {
        height: 4rem;
        width: 4rem
    }
}

.block-quote--background .block-quote__text:before,.block-quote--background-align-left .block-quote__text:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQBAMAAADkNkIoAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAEe53RKqZIt1mVTPMu4inCm5kAAAAjElEQVQI12MAggUgwhFEeKgDCdHPQILzG5Bg79kAJOcbAAmJgyC+KkhRUAGQYPsIJFg+g/jyAUCCFcRnWJ8AJJg+gJj21/7fZqj/rK/JwJD/////Df5A4gGYGQBifmSwB5IN9UDiC8N6IKnABCR+MXAAyQRmsAKW//8/FTCe//8faL/v/2gGBrn/mgwACsFCFVZJXz4AAAAASUVORK5CYII=);
    content: "";
    display: block;
    height: 16px;
    left: -4rem;
    position: absolute;
    width: 20px
}

@media(min-width: 45em) {
    .block-quote--background .block-quote__text:before,.block-quote--background-align-left .block-quote__text:before {
        left:-6rem
    }
}

.block-quote--background .block-quote__text p,.block-quote--background-align-left .block-quote__text p {
    font-family: var(--font-family-body);
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.4
}

@media print {
    .block-quote--background .block-quote__text p,.block-quote--background-align-left .block-quote__text p {
        font-size: 2rem
    }
}

.block-quote--background-quote-icon-off .block-quote__text:before {
    background-image: none
}

.block-quote--background .block-quote__caption p {
    font-family: var(--font-family-head);
    font-weight: 700
}

@media print {
    .block-quote--background .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--background-align-center .block-quote__background {
    padding-left: 0
}

.block-quote--background-align-center .block-quote__container {
    display: flex;
    justify-content: center
}

.block-quote--background-align-center .block-quote__figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-items: center;
    place-items: center
}

.block-quote--background-align-center p {
    text-align: center
}

.block-quote--background-align-center .block-quote__text:before {
    left: -2rem
}

.block-quote--background-align-right .block-quote__container {
    display: flex;
    justify-content: flex-end
}

.block-quote--background-align-right .block-quote__figure {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    place-items: flex-end
}

.block-quote--background-align-right p {
    text-align: right
}

.block-quote--background-align-right .block-quote__text:before {
    left: -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--show-border .block-quote__box {
    box-shadow: 0 .4rem 1.2rem .2rem rgba(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: var(--color-carousel-dots);
    border-radius: 2rem;
    box-shadow: 0 0 0 0 #000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 1.2rem;
    margin: 2rem 1rem;
    transition: background .2s,box-shadow .25s,width .3s,height .3s;
    width: 1.2rem
}

.block-quote--carousel .block-quote__dots-list>li.slick-active {
    background: transparent!important;
    box-shadow: 0 0 0 .2rem var(--color-carousel-dots);
    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: var(--color-carousel-arrow);
    border-style: solid solid none none;
    border-width: .3rem;
    height: 3rem;
    position: relative;
    width: 3rem
}

.block-quote--carousel .block-quote__arrow--next .block-quote__arrow-icon {
    left: .5rem;
    transform: rotate(45deg)
}

.block-quote--carousel .block-quote__arrow--prev .block-quote__arrow-icon {
    right: .5rem;
    transform: rotate(-135deg)
}

.block-quote--carousel .block-quote__figure {
    padding: 4rem 8.3333333333%
}

.block-quote--carousel .block-quote__avatar {
    border-radius: 50%;
    box-shadow: 0 .1rem 0 0 rgba(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
}

.block-quote--carousel .block-quote__text p {
    font-family: var(--font-family-body)
}

@media print {
    .block-quote--carousel .block-quote__text {
        font-size: 1.3rem
    }
}

.block-quote--carousel-legacy-quote-mark .block-quote__text p:first-child:before {
    content: "“"
}

.block-quote--carousel-legacy-quote-mark .block-quote__text p:last-child:after {
    content: "”";
    display: inline-block
}

.block-quote--carousel-legacy-quote-mark .block-quote__text--blank p:first-child:before,.block-quote--carousel-legacy-quote-mark .block-quote__text--blank p:last-child:after {
    display: none
}

.block-quote--carousel .block-quote__caption {
    color: var(--color-theme-decorative);
    margin-top: 2rem;
    text-align: center
}

.block-quote--carousel .block-quote__caption p {
    font-family: var(--font-family-head)
}

@media print {
    .block-quote--carousel .block-quote__caption p {
        font-size: 1.2rem
    }
}

.block-quote--carousel-legacy-quote-mark .block-quote__caption p:first-child:before {
    content: "- "
}

.block-quote--carousel-legacy-quote-mark .block-quote__caption--blank p:first-child:before {
    display: none
}

.block-quote--carousel.bg--legacy-background .block-quote__caption {
    color: #000
}

.block-quote--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--c-custom-width-lg .block-quote__caption,.block-quote--c-custom-width-med .block-quote__caption,.block-quote--c-custom-width-sm .block-quote__caption {
    padding-left: 4rem
}

@media(min-width: 47.5em) {
    .block-quote--d-custom-width-lg .block-quote__caption,.block-quote--d-custom-width-med .block-quote__caption,.block-quote--d-custom-width-sm .block-quote__caption {
        padding-left:3.2rem
    }
}

@media(min-width: 62em) {
    .block-quote--d-custom-width-lg .block-quote__caption,.block-quote--d-custom-width-med .block-quote__caption,.block-quote--d-custom-width-sm .block-quote__caption {
        padding-left:7.8rem
    }
}

.block-quote--a .block-quote__text,.block-quote--b .block-quote__text,.block-quote--background .block-quote__text,.block-quote--c .block-quote__text,.block-quote--d .block-quote__text {
    transition: padding .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-quote--a .block-quote__text,.block-quote--b .block-quote__text,.block-quote--background .block-quote__text,.block-quote--c .block-quote__text,.block-quote--d .block-quote__text {
        transition: none
    }
}

.block-quote--a-quote-padding-sm .block-quote__text,.block-quote--b-quote-padding-sm .block-quote__text,.block-quote--background-quote-padding-sm .block-quote__text {
    padding: 3rem 0 2rem
}

.block-quote--a-quote-padding-med .block-quote__text,.block-quote--b-quote-padding-med .block-quote__text,.block-quote--background-quote-padding-med .block-quote__text {
    padding: 4rem 0
}

.block-quote--a-quote-padding-lg .block-quote__text,.block-quote--b-quote-padding-lg .block-quote__text,.block-quote--background-quote-padding-lg .block-quote__text {
    padding: 6rem 0
}

.block-quote--c-quote-padding-sm .block-quote__text {
    padding: 0 0 2rem 4rem
}

.block-quote--c-quote-padding-med .block-quote__text {
    padding: 0 0 4rem 4rem
}

.block-quote--c-quote-padding-lg .block-quote__text {
    padding: 0 0 6rem 4rem
}

.block-quote--d-quote-padding-sm .block-quote__text {
    padding-bottom: 2rem
}

.block-quote--d-quote-padding-med .block-quote__text {
    padding-bottom: 4rem
}

.block-quote--d-quote-padding-lg .block-quote__text {
    padding-bottom: 6rem
}

.block-quote--a-avatar-size-sm .block-quote__avatar,.block-quote--b-avatar-size-sm .block-quote__avatar {
    height: 6.4rem;
    width: 6.4rem
}

.block-quote--a-avatar-size-med .block-quote__avatar,.block-quote--b-avatar-size-med .block-quote__avatar {
    height: 9.6rem;
    width: 9.6rem
}

.block-quote--a-avatar-size-lg .block-quote__avatar,.block-quote--b-avatar-size-lg .block-quote__avatar,.block-quote--background-avatar-size-lg .block-quote__avatar,.block-quote--d-avatar-size-lg .block-quote__avatar {
    height: 16rem;
    width: 16rem
}

.block-quote--c-avatar-size-sm .block-quote__avatar-wrap {
    height: 10rem;
    width: 10rem
}

.block-quote--c-avatar-size-med .block-quote__avatar-wrap {
    height: 14.8rem;
    width: 14.8rem
}

.block-quote--c-avatar-size-lg .block-quote__avatar-wrap {
    height: 18.6rem;
    width: 18.6rem
}

.block-quote--d-avatar-size-sm .block-quote__avatar {
    height: 8rem;
    width: 8rem
}

.block-quote--d-avatar-size-med .block-quote__avatar {
    height: 12rem;
    width: 12rem
}

@media(min-width: 47.5em) {
    .block-quote--d-avatar-size-lg .block-quote__caption,.block-quote--d-avatar-size-lg .block-quote__text,.block-quote--d-avatar-size-med .block-quote__caption,.block-quote--d-avatar-size-med .block-quote__text {
        padding-left:3.2rem
    }
}

@media(min-width: 62em) {
    .block-quote--d-avatar-size-lg .block-quote__caption,.block-quote--d-avatar-size-lg .block-quote__text,.block-quote--d-avatar-size-med .block-quote__caption,.block-quote--d-avatar-size-med .block-quote__text {
        padding-left:5rem
    }
}

.block-quote--background-avatar-size-sm .block-quote__avatar {
    height: 6rem;
    width: 6rem
}

.block-quote--background-avatar-size-med .block-quote__avatar {
    height: 9.6rem;
    width: 9.6rem
}

.block-quote__container {
    box-sizing: 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--carousel .block-quote__row {
        *zoom:1;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .block-quote--carousel .block-quote__row:after,.block-quote--carousel .block-quote__row:before {
        content: " ";
        display: table
    }

    .block-quote--carousel .block-quote__row:after {
        clear: both
    }

    .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-quote--a .block-quote__col,.block-quote--b .block-quote__col,.block-quote--c .block-quote__col,.block-quote--d:not(.block-quote--d-legacy) .block-quote__figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-items: center;
    place-items: center
}

.block-quote--d-quote-padding-med .block-quote__avatar {
    margin-bottom: 5rem
}

.block-quote--d-quote-padding-lg .block-quote__avatar {
    margin-bottom: 7rem
}

.block-quote--background .block-quote__col {
    display: flex;
    flex-direction: column
}

@media(min-width: 47.5em) {
    .block-quote--d .block-quote__row {
        align-items:center;
        display: flex;
        justify-items: center;
        place-items: center
    }
}

@media(min-width: 33.75em) {
    .block-quote--a-custom-width-lg .block-quote__wrap,.block-quote--a-custom-width-med .block-quote__wrap,.block-quote--a-custom-width-sm .block-quote__wrap,.block-quote--b-custom-width-lg .block-quote__wrap,.block-quote--b-custom-width-med .block-quote__wrap,.block-quote--b-custom-width-sm .block-quote__wrap,.block-quote--background-custom-width-lg .block-quote__wrap,.block-quote--background-custom-width-med .block-quote__wrap,.block-quote--background-custom-width-sm .block-quote__wrap,.block-quote--c-custom-width-lg .block-quote__figure,.block-quote--c-custom-width-med .block-quote__figure,.block-quote--c-custom-width-sm .block-quote__figure,.block-quote--d-custom-width-lg .block-quote__row,.block-quote--d-custom-width-med .block-quote__row,.block-quote--d-custom-width-sm .block-quote__row {
        width:52rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__text:before,.course-navigation__sidebar--nav-open .block-quote--background:not(.block-quote--background-align-center):not(.block-quote--background-align-right) .block-quote__text:before {
        left: -6rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__background,.course-navigation__sidebar--nav-open .block-quote--background:not(.block-quote--background-align-center):not(.block-quote--background-align-right) .block-quote__background {
        padding-left: 2rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__figure {
        padding-right: 0
    }

    .block-quote--background-align-center .block-quote__text:before {
        left: -5rem
    }
}

@media(min-width: 42.5em) {
    .course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__text:before {
        left:-3rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__background,.course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__text {
        padding-left: 2rem
    }
}

@media(min-width: 52.5em) {
    .block-quote--a-custom-width-lg .block-quote__wrap,.block-quote--a-custom-width-med .block-quote__wrap,.block-quote--b-custom-width-lg .block-quote__wrap,.block-quote--b-custom-width-med .block-quote__wrap,.block-quote--background-custom-width-lg .block-quote__wrap,.block-quote--background-custom-width-med .block-quote__wrap,.block-quote--c-custom-width-lg .block-quote__figure,.block-quote--c-custom-width-med .block-quote__figure,.block-quote--d-custom-width-lg .block-quote__row,.block-quote--d-custom-width-med .block-quote__row {
        width:76rem
    }

    .block-quote--a-legacy .block-quote__wrap {
        width: 77rem
    }

    .block-quote--c-legacy .block-quote__figure {
        width: 78rem
    }

    .course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--a-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,.course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--b-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--background-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--c-custom-width-med .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row,.course-navigation__sidebar--nav-open .block-quote--d-custom-width-med .block-quote__row {
        width: 60rem
    }
}

@media(min-width: 62em) {
    .block-quote--a-custom-width-lg .block-quote__wrap,.block-quote--background-custom-width-lg .block-quote__wrap,.block-quote--c-custom-width-lg .block-quote__figure,.block-quote--d-custom-width-lg .block-quote__row {
        width:92rem
    }

    .block-quote--b-custom-width-lg .block-quote__wrap {
        width: 95rem
    }
}

@media(min-width: 70.625em) {
    .course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--a-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,.course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--b-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--background-custom-width-med .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--c-custom-width-med .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row,.course-navigation__sidebar--nav-open .block-quote--d-custom-width-med .block-quote__row {
        width:76rem
    }

    .course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__wrap {
        width: 77rem
    }

    .course-navigation__sidebar--nav-open .block-quote--c-legacy .block-quote__figure {
        width: 78rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background .block-quote__background,.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__background {
        padding-left: 0
    }
}

@media(min-width: 90em) {
    .course-navigation__sidebar--nav-open .block-quote--a-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-legacy .block-quote__divider-top,.course-navigation__sidebar--nav-open .block-quote--background-custom-width-lg .block-quote__wrap,.course-navigation__sidebar--nav-open .block-quote--c-custom-width-lg .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-custom-width-lg .block-quote__row {
        width:92rem
    }

    .course-navigation__sidebar--nav-open .block-quote--b-custom-width-lg .block-quote__wrap {
        width: 95rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background .block-quote__text:before,.course-navigation__sidebar--nav-open .block-quote--background-align-left .block-quote__text:before {
        left: -6rem
    }

    .course-navigation__sidebar--nav-open .block-quote--background-align-center .block-quote__text:before,.course-navigation__sidebar--nav-open .block-quote--background-align-right .block-quote__text:before {
        left: -5rem
    }
}

@media(min-width: 33.75em) {
    .block-quote--a-divider-size-lg .block-quote__divider-bottom,.block-quote--a-divider-size-lg .block-quote__divider-top,.block-quote--a-divider-size-med .block-quote__divider-bottom,.block-quote--a-divider-size-med .block-quote__divider-top,.block-quote--a-divider-size-sm .block-quote__divider-bottom,.block-quote--a-divider-size-sm .block-quote__divider-top {
        width:52rem
    }
}

@media(min-width: 52.5em) {
    .block-quote--a-divider-size-lg .block-quote__divider-bottom,.block-quote--a-divider-size-lg .block-quote__divider-top,.block-quote--a-divider-size-med .block-quote__divider-bottom,.block-quote--a-divider-size-med .block-quote__divider-top {
        width:76rem
    }

    .course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-top {
        width: 60rem
    }
}

@media(min-width: 62em) {
    .block-quote--a-divider-size-lg .block-quote__divider-bottom,.block-quote--a-divider-size-lg .block-quote__divider-top {
        width:92rem
    }
}

@media(min-width: 70.625em) {
    .course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-med .block-quote__divider-top {
        width:76rem
    }
}

@media(min-width: 90em) {
    .course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-bottom,.course-navigation__sidebar--nav-open .block-quote--a-divider-size-lg .block-quote__divider-top {
        width:92rem
    }
}

.block-quote--a-lg-no-avatar .block-quote__text,.block-quote--a-med-no-avatar .block-quote__text,.block-quote--a-sm-no-avatar .block-quote__text,.block-quote--b-lg-no-avatar .block-quote__text,.block-quote--b-med-no-avatar .block-quote__text,.block-quote--b-sm-no-avatar .block-quote__text,.block-quote--background-lg-no-avatar .block-quote__text,.block-quote--background-med-no-avatar .block-quote__text,.block-quote--background-sm-no-avatar .block-quote__text {
    padding-top: 0
}

.block-quote--c-lg-no-avatar .block-quote__caption,.block-quote--c-lg-no-avatar .block-quote__text,.block-quote--c-med-no-avatar .block-quote__caption,.block-quote--c-med-no-avatar .block-quote__text,.block-quote--c-sm-no-avatar .block-quote__caption,.block-quote--c-sm-no-avatar .block-quote__text,.block-quote--d-lg-no-avatar .block-quote__caption,.block-quote--d-lg-no-avatar .block-quote__text,.block-quote--d-med-no-avatar .block-quote__caption,.block-quote--d-med-no-avatar .block-quote__text,.block-quote--d-sm-no-avatar .block-quote__caption,.block-quote--d-sm-no-avatar .block-quote__text {
    padding-left: 0
}

.block-quote--c-lg-no-avatar .block-quote__figure,.block-quote--c-med-no-avatar .block-quote__figure,.block-quote--c-sm-no-avatar .block-quote__figure,.block-quote--d-lg-no-avatar .block-quote__row,.block-quote--d-med-no-avatar .block-quote__row,.block-quote--d-sm-no-avatar .block-quote__row {
    margin: 0 auto;
    width: 40rem
}

.block-quote--c-lg-no-avatar .block-quote__figure:before,.block-quote--c-med-no-avatar .block-quote__figure:before,.block-quote--c-sm-no-avatar .block-quote__figure:before {
    left: -2.4rem
}

.block-quote--background-sm-no-avatar .block-quote__row {
    width: 40rem
}

@media(min-width: 33.75em) {
    .block-quote--c-lg-no-avatar .block-quote__figure,.block-quote--c-med-no-avatar .block-quote__figure,.block-quote--c-sm-no-avatar .block-quote__figure,.block-quote--d-lg-no-avatar .block-quote__row,.block-quote--d-med-no-avatar .block-quote__row,.block-quote--d-sm-no-avatar .block-quote__row {
        margin:0 auto;
        width: 52rem
    }

    .block-quote--background-sm-no-avatar .block-quote__row {
        width: 52rem
    }
}

@media(min-width: 45em) {
    .block-quote--c-med-no-avatar .block-quote__figure,.block-quote--d-med-no-avatar .block-quote__row {
        margin:0 auto;
        width: 60rem
    }

    .block-quote--c-lg-no-avatar .block-quote__figure,.block-quote--c-med-no-avatar:not(.block-quote-c-legacy) .block-quote__figure,.block-quote--d-lg-no-avatar .block-quote__row,.block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
        margin: 0 auto;
        width: 76rem
    }

    .block-quote--background-sm-no-avatar .block-quote__row {
        width: 60rem
    }
}

@media(min-width: 62em) {
    .block-quote--c-lg-no-avatar .block-quote__figure,.block-quote--d-lg-no-avatar .block-quote__row {
        margin:0 auto;
        width: 92rem
    }
}

@media(min-width: 52.5em) {
    .course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--c-med-no-avatar .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row,.course-navigation__sidebar--nav-open .block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
        width:60rem
    }
}

@media(min-width: 70.625em) {
    .course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--c-med-no-avatar:not(.block-quote-c-legacy) .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row,.course-navigation__sidebar--nav-open .block-quote--d-med-no-avatar:not(.block-quote-d-legacy) .block-quote__row {
        width:76rem
    }
}

@media(min-width: 90em) {
    .course-navigation__sidebar--nav-open .block-quote--c-lg-no-avatar .block-quote__figure,.course-navigation__sidebar--nav-open .block-quote--d-lg-no-avatar .block-quote__row {
        width:92rem
    }
}

.block-list {
    padding: 3rem 0;
    transition: padding .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-list {
        transition: none
    }
}

.block-list__item {
    margin-bottom: 3rem;
    position: relative
}

.block-list__item:last-child {
    margin-bottom: 0
}

.block-list__item--checkboxes {
    cursor: pointer
}

.block-list__animated-item {
    margin-bottom: 3rem
}

.block-list__animated-item:last-child {
    margin-bottom: 0
}

.block-list__content {
    margin-left: 4rem;
    transition: margin .5s
}

@media(prefers-reduced-motion:reduce) {
    .block-list__content {
        transition: none
    }
}

.block-list__content.hidden {
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap
}

.block-list__content__left {
    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
}

.block-list__number {
    --color-background: var(--color-theme-decorative);
    align-items: center;
    background-color: var(--color-background);
    border-radius: 50%;
    color: var(--color-theme-decorative-fg);
    display: flex;
    font-size: 1.8rem;
    height: 4rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -.5rem;
    width: 4rem
}

.block-list__option {
    inset: 0;
    outline-offset: .2rem;
    position: absolute
}

.block-list__checkbox {
    --color-background: var(--color-theme-decorative);
    align-items: center;
    border-color: var(--color-theme-decorative);
    border-radius: .3rem;
    border-style: solid;
    border-width: .2rem;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    top: 1em;
    transform: translateY(-50%);
    width: 2.5rem
}

.block-list__checkbox,.block-list__checkbox__icon {
    color: var(--color-theme-decorative-fg);
    display: flex
}

.block-list__checkbox__icon {
    opacity: 0
}

.block-list__option[aria-checked=true] .block-list__checkbox {
    background-color: var(--color-background)
}

.block-list__option[aria-checked=true] .block-list__checkbox__icon {
    opacity: 1
}

.block-list__checkbox-label {
    position: relative;
    z-index: 1
}

.block-list__bullet {
    border-radius: 50%;
    color: var(--color-theme-decorative);
    display: flex;
    height: 1rem;
    left: 1.5rem;
    position: absolute;
    top: 1em;
    transform: translateY(-50%);
    width: 1rem
}

.block-list__bullet>svg {
    height: auto
}

.block-list--bulleted-bullet-padding-lg .block-list__content,.block-list--bulleted-bullet-padding-med .block-list__content,.block-list--bulleted-bullet-padding-sm .block-list__content,.block-list--checkboxes-bullet-padding-lg .block-list__content,.block-list--checkboxes-bullet-padding-med .block-list__content,.block-list--checkboxes-bullet-padding-sm .block-list__content,.block-list--numbered-bullet-padding-lg .block-list__content,.block-list--numbered-bullet-padding-med .block-list__content,.block-list--numbered-bullet-padding-sm .block-list__content {
    margin-left: 6rem
}

@media(min-width: 33.75em) {
    .block-list--bulleted-bullet-padding-sm .block-list__content,.block-list--checkboxes-bullet-padding-sm .block-list__content,.block-list--numbered-bullet-padding-sm .block-list__content {
        margin-left:7rem
    }

    .block-list--bulleted-bullet-padding-med .block-list__content,.block-list--checkboxes-bullet-padding-med .block-list__content,.block-list--numbered-bullet-padding-med .block-list__content {
        margin-left: 10rem
    }

    .block-list--bulleted-bullet-padding-lg .block-list__content,.block-list--checkboxes-bullet-padding-lg .block-list__content,.block-list--numbered-bullet-padding-lg .block-list__content {
        margin-left: 14rem
    }
}

.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
    }
}

.block-list__row {
    display: flex;
    justify-content: center
}

@media(min-width: 33.75em) {
    .block-list--bulleted-custom-width-lg .block-list__item,.block-list--bulleted-custom-width-med .block-list__item,.block-list--bulleted-custom-width-sm .block-list__item,.block-list--checkboxes-custom-width-lg .block-list__item,.block-list--checkboxes-custom-width-med .block-list__item,.block-list--checkboxes-custom-width-sm .block-list__item,.block-list--numbered-custom-width-lg .block-list__item,.block-list--numbered-custom-width-med .block-list__item,.block-list--numbered-custom-width-sm .block-list__item {
        width:52rem
    }
}

@media(min-width: 45em) {
    .block-list--bulleted-custom-width-lg .block-list__item,.block-list--bulleted-custom-width-med .block-list__item,.block-list--checkboxes-custom-width-lg .block-list__item,.block-list--checkboxes-custom-width-med .block-list__item,.block-list--numbered-custom-width-lg .block-list__item,.block-list--numbered-custom-width-med .block-list__item {
        width:72rem
    }
}

@media(min-width: 52.5em) {
    .block-list--bulleted-custom-width-lg .block-list__item,.block-list--bulleted-custom-width-med .block-list__item,.block-list--checkboxes-custom-width-lg .block-list__item,.block-list--checkboxes-custom-width-med .block-list__item,.block-list--numbered-custom-width-lg .block-list__item,.block-list--numbered-custom-width-med .block-list__item {
        width:76rem
    }

    .course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-med .block-list__item,.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-med .block-list__item,.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-med .block-list__item {
        width: 60rem
    }
}

@media(min-width: 62em) {
    .block-list--bulleted-custom-width-lg .block-list__item,.block-list--checkboxes-custom-width-lg .block-list__item,.block-list--numbered-custom-width-lg .block-list__item {
        width:92rem
    }
}

@media(min-width: 80em) {
    .course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-med .block-list__item,.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-med .block-list__item,.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-med .block-list__item {
        width:76rem
    }
}

@media(min-width: 90em) {
    .course-navigation__sidebar--nav-open .block-list--bulleted-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--checkboxes-custom-width-lg .block-list__item,.course-navigation__sidebar--nav-open .block-list--numbered-custom-width-lg .block-list__item {
        width:92rem
    }
}

.block-list--numbered .block-list__row {
    padding-top: .5rem
}

.block-image {
    --color-text-aside: var(--color-text,#000);
    padding: 3rem 0;
    transition: padding .5s
}

.block-image__caption,.block-image__paragraph,.block-image__text {
    word-wrap: break-word
}

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

.block-image__text h2 p,.block-image__text h2 strong,.block-image__text h3 p,.block-image__text h3 strong,.block-image__text h4 p,.block-image__text h4 strong,.block-image__text h5 p,.block-image__text h5 strong {
    font-family: var(--font-family-head)!important;
    font-weight: 700
}

.block-image__text h2 {
    font-size: 2.8rem
}

@media(min-width: 45em) {
    .block-image__text h2 {
        font-size:3.2rem
    }
}

@media print {
    .block-image__text h2 {
        font-size: 2.2rem
    }
}

.block-image__text h3 {
    font-size: 2.2rem
}

@media(min-width: 45em) {
    .block-image__text h3 {
        font-size:2.4rem
    }
}

@media print {
    .block-image__text h3 {
        font-size: 1.8rem
    }
}

.block-image__text h4 {
    font-size: 1.8rem
}

@media(min-width: 45em) {
    .block-image__text h4 {
        font-size:2rem
    }
}

@media print {
    .block-image__text h4 {
        font-size: 1.6rem
    }
}

.block-image__text h5 {
    font-size: 1.6rem
}

@media(min-width: 45em) {
    .block-image__text h5 {
        font-size:1.8rem
    }
}

@media print {
    .block-image__text h5 {
        font-size: 1.4rem
    }
}

.block-image__text p {
    font-family: merriweather,serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 1.7rem
}
.block-image__text p {
font-size: 18px !important;
}

.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: .1rem solid var(--color-border-decorative);
    font-size: 1.2rem;
    margin: .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: .1rem solid var(--color-border-decorative);
    font-size: 1.2rem;
    margin: .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 {
        color: var(--color-text-aside);
        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.bg--type-accent .brand--linkColor a,.block-image--overlay.bg--type-accent a,.block-image--overlay.bg--type-image .brand--linkColor a,.block-image--overlay.bg--type-image a {
    color: var(--color-theme)!important
}

.block-image--overlay .block-image__figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 40rem;
    position: relative
}

.block-image--overlay .block-image__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    inset: 0;
    overflow: hidden;
    position: absolute
}

.block-image--overlay .block-image__image>img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    opacity: 0
}

.block-image--overlay .block-image__overlay {
    inset: 0;
    position: absolute
}

.block-image--overlay .block-image__caption,.block-image--text-aside .block-image__caption {
    border-bottom: .1rem solid var(--color-border-decorative);
    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: .5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 7.6rem
}

@media print {
    .block-image--overlay .block-image__paragraph:before {
        height: .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:40%
    }
}

@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 .fr-placeholder {
    color: var(--color-caption-placeholder-text)
}

.block-image.bg--legacy-background {
    --color-text-aside: #000;
    --color-caption-placeholder-text: #aaa
}

.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%,.5);
    border-radius: 3px;
    bottom: 1rem;
    box-shadow: 0 0 1px rgba(0,0,0,.5);
    display: inline-flex;
    height: 3.2rem;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 3.2rem
}

.img__btn-symbol {
    fill: #000;
    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 .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__carousel-container {
    padding: 3rem 0
}

.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: .4rem;
    width: 100%
}

.block-gallery__image img {
    display: block;
    opacity: 0;
    width: 100%
}

.block-gallery__image-btn {
    cursor: pointer;
    cursor: zoom-in;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.block-gallery .slick-track {
    display: flex!important;
    flex-direction: row
}

.block-gallery .fr-placeholder {
    color: var(--color-caption-placeholder-text)
}

.block-gallery--carousel .block-gallery__figure,.block-gallery--full-carousel .block-gallery__figure {
    margin-bottom: 0;
    padding-bottom: .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: var(--color-theme-decorative);
    border-radius: 2rem;
    box-shadow: 0 0 0 0 #000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 1.2rem;
    margin: 2rem 1rem;
    transition: background .2s,box-shadow .25s,width .3s,height .3s;
    width: 1.2rem
}

.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 .2rem var(--color-theme-decorative);
    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 {
    box-sizing: content-box;
    display: none;
    inset: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 102rem;
    padding-left: 1.9999998rem;
    padding-right: 1.9999998rem;
    pointer-events: none;
    position: absolute;
    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
}

.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 {
    border-color: var(--color-carousel-arrow);
    border-style: solid solid none none;
    border-width: .3rem;
    height: 3rem;
    position: absolute;
    top: calc(50% - 1.5rem);
    width: 3rem
}

.block-gallery--carousel .block-gallery__arrow--next .block-gallery__arrow-icon,.block-gallery--full-carousel .block-gallery__arrow--next .block-gallery__arrow-icon {
    right: .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: .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: .1rem solid var(--color-border-decorative);
    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
}

.block-gallery--full-carousel .block-gallery__controls {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.block-gallery--full-carousel .block-gallery__arrow {
    background: rgba(0,0,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: .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: -.75rem;
        margin-right: -.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: .75rem;
        padding-right: .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%
    }
    .block-gallery__col.three_column.animated.fadeIn {
        width: 33.3333%;
    }
}

@media(min-width: 48em) {
    .block-gallery--fourcol .block-gallery__col {
        width:25%
    }
}

.block-divider {
    --divider-color: rgba(0,0,0,.2);
    padding: 3rem 0;
    transition: padding .5s
}

.block-divider.bg--legacy-background {
    --divider-color: rgba(0,0,0,.1)
}

.block-divider.bg--type-black,.block-divider.bg--type-dark {
    --divider-color: hsla(0,0%,100%,.5)
}

.block-divider.bg--type-image {
    --divider-color: hsla(0,0%,100%,.8)
}

.block-divider.bg--type-image.bg--overlay-light {
    --divider-color: rgba(0,0,0,.6)
}

.block-divider.bg--type-color {
    --divider-color: var(--color-background-contrast,#fff)
}

.block-divider.bg--type-accent {
    --divider-color: rgba(var(--color-theme-contrast-rgb),0.3)
}

.block-divider.bg--type-accent.bg--contrast-light {
    --divider-color: rgba(var(--color-theme-contrast-rgb),0.5)
}

.block-divider.bg--type-color {
    --divider-color: rgba(var(--color-background-contrast-rgb),0.3)
}

.block-divider.bg--type-color.bg--contrast-light {
    --divider-color: rgba(var(--color-background-contrast-rgb),0.5)
}

.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: .1rem solid var(--divider-color);
    content: "";
    display: block;
    margin: 0 -8.3333333333%
}

.block-divider--numbered .block-divider__wrap {
    --divider-color: var(--color-theme-decorative,var(--color-theme));
    padding: 2.5rem 0
}

.block-divider--numbered .block-divider__wrap:before {
    border-top-width: .1rem;
    opacity: .3
}

.block-divider--numbered .block-divider__wrap:after {
    background-color: var(--color-theme);
    background-color: var(--color-theme-decorative,var(--color-theme));
    border-color: var(--color-theme-decorative,var(--color-theme));
    border-radius: 50%;
    color: var(--color-theme-contrast);
    color: var(--color-theme-decorative-fg,var(--color-theme-contrast));
    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;
    -webkit-user-select: none;
    -ms-user-select: none;
    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 */


    background: var(--color-theme-decorative);
    border-radius: 2rem;
    box-shadow: 0 0 0 0 #000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 1.7rem;
    margin: 2rem 1rem;
    transition: background .2s, box-shadow .25s, width .3s, height .3s;
    width: 1.7rem;

}

.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 .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 .4rem 1.2rem .2rem rgba(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 .3s,background .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 {
    --color-tabs-border: #ddd;
    --color-tabs-border-divider: #ddd;
    --box-shadow-tabs: 0 0.4rem 1.2rem 0.2rem rgba(0,0,0,.05);
    --color-tabs-hover-background: #efefef;
    --color-tabs-inactive-background: #f5f5f5;
    --color-tabs-first-gradient: #fff 0%;
    --color-tabs-second-gradient: hsla(0,0%,100%,0) 100%;
    padding: 3rem 0;
    transition: padding .5s
}

@media print {
    .blocks-tabs__description {
        font-size: 1.3rem
    }
}

.blocks-tabs__wrapper {
    box-shadow: var(--box-shadow-tabs);
    box-sizing: border-box
}

.blocks-tabs__container {
    box-sizing: 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 {
    min-height: 300px
}

.blocks-tabs__header {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    scrollbar-width: none
}

.blocks-tabs__header-wrap {
    position: relative
}

.blocks-tabs__header::-webkit-scrollbar {
    display: none
}

.blocks-tabs__header-item {
    align-items: center;
    background: var(--color-tabs-inactive-background);
    border-bottom: 1px solid var(--color-tabs-border-divider);
    border-right: 1px solid var(--color-tabs-border-divider);
    border-top: 1px solid var(--color-tabs-border);
    color: #000;
    color: var(--color-text,#000);
    cursor: pointer;
    display: flex;
    flex: 0 1 100%;
    font-size: 1.2rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .12em;
    line-height: 1.66667;
    min-height: 8rem;
    min-width: 40%;
    outline-offset: -.3rem;
    padding: 1rem .5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s,border-bottom-color .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:first-child:not(.blocks-tabs__header-item.active) {
    border-left: 1px solid var(--color-tabs-border-divider)
}

.blocks-tabs__header-item:last-child:not(.blocks-tabs__header-item.active) {
    border-right: 1px solid var(--color-tabs-border-divider)
}

.blocks-tabs__header-item:focus:not(.blocks-tabs__header-item.active),.blocks-tabs__header-item:hover:not(.blocks-tabs__header-item.active) {
    background: var(--color-tabs-hover-background)
}

.blocks-tabs__header-item--before-active {
    border-right: none
}

.blocks-tabs__header-item--after-active {
    border-left: none
}

.blocks-tabs__header-item.active {
    background: white;
    border-bottom-color: transparent;
    border-left: 1px solid var(--color-tabs-border-divider);
    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: calc(100% - 2px);
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 1px;
    transition: opacity .6s;
    width: 8%
}

.blocks-tabs__controls:before {
    background: linear-gradient(to right,var(--color-tabs-first-gradient),var(--color-tabs-second-gradient));
    border-left: 1px solid var(--color-tabs-border);
    left: -1px;
    left: var(--gradient-left-tabs,-1px)
}

.blocks-tabs__controls:after {
    background: linear-gradient(to left,var(--color-tabs-first-gradient),var(--color-tabs-second-gradient));
    border-right: 1px solid var(--color-tabs-border);
    right: 0
}

.blocks-tabs__controls.end:after,.blocks-tabs__controls.start:before {
    opacity: 0
}

.blocks-tabs__arrow {
    align-items: center;
    background: #50abf1;
    border-radius: .3rem;
    bottom: .9rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 4.4rem;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    top: .9rem;
    transition: opacity .3s,visibility .3s;
    z-index: 1
}

.blocks-tabs__arrow--prev {
    left: .9rem
}

.blocks-tabs__arrow--next {
    right: .9rem
}

.blocks-tabs__arrow.hidden,.touch .blocks-tabs__arrow {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.blocks-tabs__arrow-icon {
    color: #fff;
    color: var(--color-theme-contrast,#fff);
    transform: rotate(180deg)
}

.blocks-tabs__arrow-icon--next {
    transform: none
}

.blocks-tabs__header-wrap.mouse:not(.touch) .blocks-tabs__arrow:not(.hidden) {
    opacity: 1
}

.blocks-tabs__content {
    border: 1px solid var(--color-tabs-border);
    border-top: none;
    color: #000;
    color: var(--color-text,#000);
    font-weight: 300
}

.blocks-tabs--single .blocks-tabs__content {
    height: auto
}

.blocks-tabs__content-item {
    display: none;
    opacity: 1;
    padding: 2rem 3rem 3.5rem;
    transition: opacity .6s cubic-bezier(0,0,.3,1)
}

.blocks-tabs__content-item--will-enter {
    display: block;
    opacity: .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 var(--color-tabs-border);
    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%
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__header-item:first-child {
    border-left: transparent
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__controls:after,.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__header-item:last-child {
    border-right: transparent
}

.bg--card-transparent .blocks-tabs__content,.bg--card-transparent .blocks-tabs__controls,.bg--card-transparent .blocks-tabs__header-item {
    --color-tabs-border: transparent
}

.bg--card-transparent.bg--range-light .blocks-tabs__header-item,.bg--card-transparent.bg--type-tint .blocks-tabs__header-item {
    --color-tabs-border-divider: rgba(0,0,0,.15);
    --color-tabs-hover-background: hsla(0,0%,100%,.4);
    --color-tabs-inactive-background: hsla(0,0%,100%,.35)
}

.bg--card-transparent.bg--range-med .blocks-tabs__header-item {
    --color-tabs-border-divider: rgba(0,0,0,.4);
    --color-tabs-hover-background: rgba(0,0,0,.35);
    --color-tabs-inactive-background: rgba(0,0,0,.2)
}

.bg--card-transparent.bg--range-dark .blocks-tabs__header-item {
    --color-tabs-border: var(--color-background);
    --color-tabs-border-divider: rgba(0,0,0,.4);
    --color-tabs-hover-background: rgba(0,0,0,.4);
    --color-tabs-inactive-background: rgba(0,0,0,.35)
}

.bg--card-transparent.bg--range-near-black .blocks-tabs__header-item {
    --color-tabs-border: var(--color-background);
    --color-tabs-border-divider: hsla(0,0%,100%,.3);
    --color-tabs-hover-background: rgba(0,0,0,.6);
    --color-tabs-inactive-background: rgba(0,0,0,.5)
}

.bg--card-transparent.bg--type-gray .blocks-tabs__content,.bg--card-transparent.bg--type-gray .blocks-tabs__header-item,.bg--card-transparent.bg--type-light .blocks-tabs__content,.bg--card-transparent.bg--type-light .blocks-tabs__header-item {
    --color-tabs-border: #ddd;
    --color-tabs-border-divider: #ddd;
    --color-tabs-hover-background: #efefef;
    --color-tabs-inactive-background: #f5f5f5
}

.bg--card-transparent.bg--type-gray .blocks-tabs__controls,.bg--card-transparent.bg--type-light .blocks-tabs__controls {
    --color-tabs-border: #ddd;
    --gradient-left-tabs: 0
}

.bg--card-transparent.bg--type-image .blocks-tabs__content,.bg--card-transparent.bg--type-image .blocks-tabs__controls,.bg--card-transparent.bg--type-image .blocks-tabs__header-item {
    --color-tabs-border: rgba(0,0,0,.4);
    --color-tabs-border-divider: rgba(0,0,0,.4);
    --gradient-left-tabs: 0;
    --color-tabs-hover-background: hsla(0,0%,100%,.5);
    --color-tabs-inactive-background: hsla(0,0%,100%,.35)
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__content,.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__controls,.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__header-item {
    --color-tabs-border: hsla(0,0%,100%,.5);
    --color-tabs-border-divider: hsla(0,0%,100%,.5);
    --gradient-left-tabs: 0;
    --color-tabs-hover-background: #000;
    --color-tabs-inactive-background: rgba(0,0,0,.5)
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs--single .blocks-tabs__header-item {
    --color-tabs-border-divider: transparent
}

.bg--card-transparent:not(.bg--type-light):not(.bg--type-gray):not(.bg--type-image) .blocks-tabs__controls {
    --color-tabs-first-gradient: rgba(var(--color-background-rgb),1) 0%;
    --color-tabs-second-gradient: rgba(var(--color-background-rgb),0) 100%
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-tabs__controls {
    --color-tabs-first-gradient: #000 0%;
    --color-tabs-second-gradient: transparent 100%
}

.blocks-accordion {
    --color-accordion-item-border: rgba(0,0,0,.2);
    --color-accordion-toggle: rgba(0,0,0,.5);
    --color-accordion-toggle-hover: $font-color;
    padding: 3rem 0;
    transition: padding .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 .4rem 1.2rem .2rem rgba(0,0,0,.05);
    box-sizing: border-box;
    position: relative
}

.blocks-accordion__item {
    border-color: var(--color-accordion-item-border);
    border-radius: .3rem;
    border-style: none none solid;
    border-width: .1rem;
    box-sizing: border-box;
    transition: transform .25s cubic-bezier(0,0,.3,1)
}

.blocks-accordion__item:first-child {
    border-top-style: none
}

.blocks-accordion__item:last-child {
    border-bottom-style: none
}

.blocks-accordion__item--closed {
    border-radius: 0
}

.blocks-accordion__item.block-card.bg--range-light {
    border-radius: 0;
    box-shadow: none
}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light {
    border-style: none solid solid
}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light:first-child {
    border-top-style: solid
}

.bg--card-transparent.bg--type-black .blocks-accordion__item,.bg--card-transparent.bg--type-dark .blocks-accordion__item {
    --color-accordion-item-border: hsla(0,0%,100%,.5);
    --color-accordion-toggle: hsla(0,0%,100%,.8);
    --color-accordion-toggle-hover: #fff
}

.bg--card-transparent.bg--type-accent .blocks-accordion__item {
    --color-accordion-item-border: rgba(var(--color-theme-contrast-rgb),0.3);
    --color-accordion-toggle: rgba(var(--color-theme-contrast-rgb),0.5);
    --color-accordion-toggle-hover: var(--color-theme-contrast)
}

.bg--card-transparent.bg--type-accent .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-accent .blocks-accordion__item__item {
    --color-accordion-toggle: rgba(var(--color-theme-contrast-rgb),0.8);
    --color-accordion-item-border: rgba(var(--color-theme-contrast-rgb),0.5)
}

.bg--card-transparent.bg--type-color .blocks-accordion__item {
    --color-accordion-item-border: rgba(var(--color-background-contrast-rgb),0.3);
    --color-accordion-toggle: rgba(var(--color-background-contrast-rgb),0.5);
    --color-accordion-toggle-hover: var(--color-text,var(--color-background-contrast))
}

.bg--card-transparent.bg--type-color .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-color .blocks-accordion__item__item {
    --color-accordion-toggle: rgba(var(--color-background-contrast-rgb),0.8);
    --color-accordion-item-border: rgba(var(--color-background-contrast-rgb),0.5)
}

.bg--card-transparent.bg--type-image .blocks-accordion__item {
    --color-accordion-item-border: rgba(0,0,0,.6);
    --color-accordion-toggle: rgba(0,0,0,.6);
    --color-accordion-toggle-hover: #000
}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-accordion__item {
    --color-accordion-item-border: hsla(0,0%,100%,.8);
    --color-accordion-toggle: hsla(0,0%,100%,.8);
    --color-accordion-toggle-hover: #fff
}

.bg--image .blocks-accordion__item {
    border-style: none solid solid;
    border-width: .1rem
}

.bg--image .blocks-accordion__item:first-child {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    border-top-style: solid
}

.bg--image .blocks-accordion__item:last-child {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.bg--image .blocks-accordion__item.block-card.bg--range-light {
    border-style: none none solid
}

.bg--image .blocks-accordion__item.block-card.bg--range-light:first-child {
    border-radius: 0;
    border-top-style: none
}

.bg--image .blocks-accordion__item.block-card.bg--range-light:last-child {
    border-radius: 0
}

.blocks-accordion__header {
    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 .3s;
    width: 100%
}

@media print {
    .blocks-accordion__header {
        width: inherit
    }
}

.blocks-accordion__header:hover .blocks-accordion__toggler {
    color: var(--color-accordion-toggle-hover)
}

.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;
    color: #000;
    color: var(--color-text,#000);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
    outline: none;
    width: 100%
}

@media print {
    .blocks-accordion__title {
        font-size: 1.5rem
    }
}

.blocks-accordion__toggler {
    color: var(--color-accordion-toggle);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    margin-top: -.2rem;
    padding-left: 3rem;
    transition: color .3s
}

.blocks-accordion__content {
    border-left: 4px solid transparent;
    display: none;
    font-weight: 300;
    opacity: 1;
    padding: 0 3rem 3.5rem;
    transition: opacity .3s,border .3s
}

.blocks-accordion__content--will-enter {
    display: block;
    opacity: .01
}

.blocks-accordion__content--visible {
    display: block;
    opacity: 1
}

.blocks-accordion__content>:first-child {
    margin-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: .1rem solid var(--color-accordion-item-border);
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 3rem;
    padding: 3rem;
    width: 100%
}

.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: #000;
    --color-handle: #000;
    --color-play: #000;
    display: flex;
    flex: 1;
    padding: .3rem
}

.audio-player__housing {
    align-items: center;
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    height: 4.4rem;
    margin-bottom: 2rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.audio-player__play,.audio-player__play-icon,.audio-player__tracker-handle,.audio-player__tracker-handle-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.audio-player__play {
    height: 100%;
    margin-inline:-1rem 1rem;width: 2.5rem
}

.audio-player__tracker {
    cursor: pointer;
    flex-shrink: 100;
    height: 100%;
    margin: auto 0;
    position: relative;
    width: 100%
}

.audio-player__tracker:after {
    border-top: .1rem solid var(--color-runner);
    content: "";
    height: 0;
    inset: 0;
    margin: auto 0;
    position: absolute
}

.audio-player__tracker-bar {
    border-top: .1rem solid var(--color-track);
    display: block;
    height: 0;
    width: 0
}

.audio-player__tracker-bar,.audio-player__tracker-handle {
    bottom: 0;
    content: "";
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.audio-player__tracker-handle {
    height: 2.4rem;
    transform: translateX(-1.7rem);
    width: 2.4rem
}

.audio-player__tracker-handle-icon>svg {
    filter: drop-shadow(0 .1rem .4rem rgba(0,0,0,.2));
    height: 1.4rem;
    width: 1.4rem
}

.block-audio.bg--type-black .audio-player,.block-audio.bg--type-dark .audio-player,.block-timeline.bg--card-transparent.bg--type-black .audio-player,.block-timeline.bg--card-transparent.bg--type-dark .audio-player,.block-timeline.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player {
    --color-track: #fff;
    --color-handle: #fff;
    --color-play: #fff
}

.block-timeline.bg--card-transparent.bg--type-image .audio-player {
    --color-track: #000;
    --color-handle: #000;
    --color-play: #000
}

.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,.block-timeline.bg--type-accent .audio-player,.block-timeline.bg--type-color .audio-player {
    --color-runner: currentColor;
    --color-track: currentColor;
    --color-handle: currentColor;
    --color-play: currentColor
}

.audio-player__timer {
    cursor: default;
    font-family: lato,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 100%;
    line-height: 4.4rem;
    margin-inline-start:1.5rem;position: relative;
    white-space: nowrap
}

.embed--rich .embed__readMore,.embed__provider {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06rem;
    line-height: 1.4rem;
    margin-bottom: .6rem;
    text-transform: uppercase
}

.embed--rich .embed__readMore,.embed--rich .embed__title,.embed__provider {
    color: #000;
    color: var(--color-text,#000);
    transition: color .15s
}

.embed--rich .embed__readMore,.embed--rich .embed__title a,.embed__provider a {
    color: currentColor;
    text-decoration: none
}

.embed__providerIcon {
    display: inline-block;
    margin-right: .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: #000;
    color: var(--color-text,#000);
    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: #000;
    color: var(--color-text,#000);
    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: .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--iframe__title {
    font-weight: 800
}

.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: .5rem;
    content: "";
    left: 0;
    position: absolute;
    top: .5rem;
    width: 3px
}

.embed--rich.embed--link {
    padding-left: 0
}

.embed--rich.embed--link:before {
    display: none
}

.embed__relativeUrl--url {
    color: inherit;
    text-decoration: none
}

.embed__relativeUrl--image {
    padding-top: 1.5rem
}

.embed__relativeUrl--iframe {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.4rem;
    margin: 1rem 0
}

.embed__relativeUrl--title {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06rem;
    line-height: 1.4rem;
    margin-bottom: .6rem;
    text-transform: uppercase
}

.video-container {
    padding: .1rem .2rem .2rem .1rem;
    position: relative
}

.video-wrapper {
    height: 0;
    opacity: 0;
    padding-bottom: 56.25%;
    position: relative;
    transition: opacity .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: .8rem;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap
}

.video-wrapper .vjs-captions-menu-item {
    text-transform: capitalize
}

.seek-tooltip {
    background-color: rgba(49,53,55,.6);
    border-radius: 2rem;
    color: #fff;
    display: flex;
    font-family: lato,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    padding: .2rem 1rem;
    pointer-events: none;
    position: absolute
}

.seek-tooltip--hidden {
    visibility: hidden
}

.blocks-storyline {
    padding: 3rem 0;
    transition: padding .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: .1rem solid #eeeeef;
    border-radius: .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: #000;
    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: .2rem solid rgba(0,0,0,.5);
    border-left-color: rgba(0,0,0,.15);
    border-radius: 50%;
    height: 5.1rem;
    margin: 0 auto;
    width: 5.1rem
}

.blocks-button,.blocks-buttonstack {
    --color-button-bg: var(--color-theme-decorative,var(--color-theme));
    --color-button-border: var(--color-button-bg);
    --color-button-text: var(--color-theme-decorative-fg,var(--color-theme-contrast,#fff))
}

.blocks-button.bg--type-accent,.blocks-buttonstack.bg--type-accent {
    --color-button-bg: transparent;
    --color-button-border: var(--color-text,var(--color-theme-contrast));
    --color-button-text: var(--color-theme-contrast,#fff)
}

.blocks-button.bg--type-image,.blocks-buttonstack.bg--type-image {
    --color-button-bg: transparent;
    --color-button-border: var(--color-text);
    --color-button-text: var(--color-text)
}

.blocks-button,.blocks-buttonstack {
    padding: 3rem 0;
    transition: padding .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 .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 {
    background-color: black !important;
    border: 1px solid #001337 !important;
    box-sizing: border-box;
    color: var(--color-button-text);
    cursor: pointer;
    flex: 1;
    font-family: var(--font-family-head);
    font-size: 1.2rem;
    font-weight: 700;
    height: 4rem;
    letter-spacing: .04em;
    line-height: 3.6rem;
    max-width: 17rem;
    min-width: 10rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background .3s,border .3s,border-radius .3s,color .3s,opacity .3s;
    width: 100%
}

.blocks-button__button:hover {
    opacity: .8
}

.blocks-button__button:active {
    opacity: 1
}

@media print {
    .blocks-button__button {
        font-size: 1rem;
        height: 3rem;
        line-height: 2.6
    }
}

.blocks-button__description {
    flex: 2;
    font-family: var(--font-family-head);
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.666667;
    padding-right: 8rem;
    transition: padding .3s;
    word-break: break-word
}

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

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

.blocks-button__description h2 {
    font-size: 2.8rem
}

@media(min-width: 45em) {
    .blocks-button__description h2 {
        font-size:3.2rem
    }
}

@media print {
    .blocks-button__description h2 {
        font-size: 2.2rem
    }
}

.blocks-button__description h3 {
    font-size: 2.2rem
}

@media(min-width: 45em) {
    .blocks-button__description h3 {
        font-size:2.4rem
    }
}

@media print {
    .blocks-button__description h3 {
        font-size: 1.8rem
    }
}

.blocks-button__description h4 {
    font-size: 1.8rem
}

@media(min-width: 45em) {
    .blocks-button__description h4 {
        font-size:2rem
    }
}

@media print {
    .blocks-button__description h4 {
        font-size: 1.6rem
    }
}

.blocks-button__description h5 {
    font-size: 1.6rem
}

@media(min-width: 45em) {
    .blocks-button__description h5 {
        font-size:1.8rem
    }
}

@media print {
    .blocks-button__description h5 {
        font-size: 1.4rem
    }
}

@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 .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: .1rem solid var(--color-border-decorative);
    font-size: 1.2rem;
    line-height: 2;
    opacity: 1;
    padding-bottom: 1.5rem;
    transition: opacity .25s;
    visibility: visible;
    width: 100%
}

.block-audio__caption--hidden {
    opacity: 0;
    visibility: hidden
}

.block-audio__caption p {
    font-size: inherit
}

.block-audio .fr-placeholder {
    color: var(--color-caption-placeholder-text)
}

.block-video {
    padding: 3rem 0;
    transition: padding .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: .1rem solid var(--color-border-decorative);
    font-size: 1.2rem;
    line-height: 2;
    opacity: 1;
    padding-bottom: 1.5rem;
    transition: opacity .25s;
    visibility: visible;
    width: 100%
}

.block-video__caption--hidden {
    opacity: 0;
    visibility: hidden
}

.block-video__caption p {
    font-size: inherit
}

.block-video .fr-placeholder {
    color: var(--color-caption-placeholder-text)
}

.block-video__item {
    margin: 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 .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: .4rem;
    box-sizing: border-box;
    width: 100%
}

.block-embed__item--border {
    padding: 3rem
}

.block-embed__item--border.block-card--white {
    border: .1rem solid #ddd
}

.block-embed.bg--type-light .block-embed__item.block-card--white {
    box-shadow: none
}

.block-embed__provider {
    color: #bfbfc0;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    margin-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;
    border: .1rem solid transparent;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 3.1rem;
    text-decoration: none
}

.block-attachment--none {
    cursor: auto
}

.bg--type-gray .block-attachment.block-card--transparent,.bg--type-light .block-attachment {
    background-color: #f7f7f7
}

.bg--type-image .block-attachment {
    border: .1rem solid hsla(0,0%,100%,.498)
}

.bg--type-image.bg--overlay-light .block-attachment,.bg--type-light .block-attachment,.block-attachment.block-card--white {
    border: .1rem solid #76767c;
    box-shadow: none
}

.block-attachment__main {
    align-items: center;
    display: flex;
    flex: 1
}

.block-attachment__info {
    padding: 0 2.3rem
}

.block-attachment__icon {
    line-height: 0
}

.block-attachment__title {
    color: #000;
    color: var(--color-text,#000);
    font-size: 1.7rem;
    font-weight: 700;
    padding-bottom: .3rem
}

@media print {
    .block-attachment__title {
        font-size: 1.5rem
    }
}

.block-attachment__size {
    color: #707070;
    color: var(--color-text,#707070);
    font-size: 1.4rem;
    line-height: 1.2
}

@media print {
    .block-attachment__size {
        font-size: 1.2rem
    }
}

.block-attachment__rest {
    display: inline-flex
}

.block-attachment__rest>.i-download {
    fill: #76767c;
    fill: var(--color-text,#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%)
}

.hint-content {
    opacity: 0
}

.hint-btn--active+.hint-content,.hint-btn:focus+.hint-content,.hint-btn:hover+.hint-content {
    opacity: 1;
    pointer-events: unset
}

.partner-content-block-card {
    display: flex;
    justify-content: center;
    padding-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: .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 {
    --color-background: var(--color-theme-decorative,var(--color-theme));
    --color-button-text: var(--color-theme-decorative-fg,var(--color-theme-contrast));
    background-color: var(--color-background);
    border: .1rem solid transparent;
    border-radius: 2px;
    color: var(--color-button-text);
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .17rem;
    line-height: 1.5rem;
    padding: 2rem 3rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.continue-btn--gray {
    --color-background: #f5f5f5;
    --color-button-text: #4a4a4a
}

.continue-btn--black {
    --color-background: $font-color
}

.continue-hint {
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    display: flex;
    padding: 1.8rem 3rem;
    position: relative
}

.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 {
    display: flex;
    position: absolute
}

.continue-hint__icon>svg {
    height: auto;
    width: 1.9rem
}

.block-flashcards {
    --border-top: 0.3rem solid var(--color-theme);
    padding: 3rem 0;
    transition: padding .5s
}

.block-flashcards.bg--card-transparent.bg--type-image,.block-flashcards.bg--type-accent {
    --border-top: none
}

.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(.9) translateZ(0);
    transition: transform .5s cubic-bezier(.6,0,.4,1);
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    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;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(0deg);
    width: 100%;
    will-change: transform
}

.block-flashcards.bg--type-accent .flashcard-side,.block-flashcards.bg--type-color .flashcard-side,.block-flashcards.bg--type-gray .flashcard-side,.block-flashcards.bg--type-gray .flashcard-side.block-card.bg--range-light,.block-flashcards.bg--type-light .flashcard-side,.block-flashcards.bg--type-light .flashcard-side.block-card.bg--range-light,.block-flashcards.bg--type-tint .flashcard-side,.flashcard-side.block-card--white,.flashcard-side.block-card--white.block-card.bg--range-light {
    box-shadow: 0 .4rem 1.2rem .2rem rgba(0,0,0,.05)
}

.block-flashcards.bg--type-light .flashcard-side,.flashcard-side.block-card--white {
    border: 1px solid #ddd
}

.block-flashcards.bg--type-image .flashcard-side {
    border: .1rem solid hsla(0,0%,100%,.498)
}

.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 {
    opacity: 1;
    transition: transform .6s,left .45s,opacity .1s linear 0ms,visibility .1s linear 0ms;
    z-index: 1
}

.flashcard-side--back {
    background-color: var(--color-background);
    opacity: 0;
    transform: rotateY(180deg);
    transition: transform .6s,left .45s,opacity .1s linear .5s,visibility .1s linear .5s;
    z-index: 0
}

.flashcard-side--front.flashcard-side--flipped {
    opacity: 0;
    transform: rotateY(-180deg);
    transition: transform .6s,left .45s,opacity .1s linear .1s,visibility .1s linear .1s;
    z-index: 0
}

.flashcard-side--back.flashcard-side--flipped {
    opacity: 1;
    transform: rotateY(0deg);
    transition: transform .6s,left .45s,opacity .1s linear 0ms,visibility .1s linear 0ms;
    z-index: 1
}

.flashcard-side__content {
    color: var(--color-text);
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.flashcard-side__content--front:not(.flashcard-side__content--fullimage) {
    border-top: var(--border-top)
}

.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 {
    content: "";
    height: 5rem;
    inset: auto 2.5rem 0;
    pointer-events: none;
    position: absolute;
    transform: translateZ(0)
}

.flashcard-side--back .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after,.flashcard-side--front .flashcard-side__content--long-overflow.flashcard-side__content--long-overflow-bottom:after {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,var(--color-background) 100%)
}

.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: .8rem;
    position: absolute;
    right: .8rem;
    z-index: 1
}

.flashcard-side-flip__btn {
    align-items: center;
    background-color: hsla(0,0%,100%,.6);
    border-radius: .4rem;
    color: #000;
    display: flex;
    height: 2.6rem;
    justify-content: center;
    padding: .5rem .3rem;
    width: 2.8rem
}

.flashcard-side-flip__btn--visually-hidden {
    opacity: .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: .5rem;
    bottom: calc(100% + 1rem);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    color: #fff;
    cursor: auto;
    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: .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% - .5rem);
    position: absolute;
    top: calc(100% - .5rem);
    transform: rotate(-45deg);
    width: 1rem
}

.flashcard-side-flip__tooltip--visible {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(-50%,0,0)
}

.block-flashcards-slider {
    *zoom:1;margin-left: -.5rem;
    margin-right: -.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: .5rem;
    display: flex;
    justify-content: center;
    margin-top: .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 {
    color: var(--color-text);
    font-size: 1.4rem;
    font-style: italic;
    letter-spacing: .005em;
    line-height: 1.285714;
    margin-bottom: 1rem
}

.block-flashcards-slider__progress-line {
    border-bottom: max(.1rem,1px) solid var(--color-progress-track);
    position: relative
}

@media(forced-colors:active) {
    .block-flashcards-slider__progress-line {
        border: max(.1rem,1px) solid #eaebeb;
        padding: .2rem
    }
}

.block-flashcards-slider__progress-runner {
    border-bottom: max(.1rem,1px) solid var(--color-theme-decorative);
    left: 0;
    position: absolute;
    transition: width .3s
}

@media(forced-colors:active) {
    .block-flashcards-slider__progress-runner {
        border-bottom-width: .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 .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-theme-decorative);
    border: max(.1rem,1px) solid var(--color-theme-decorative);
    border-radius: 50%;
    color: var(--color-theme-decorative-fg);
    display: flex;
    height: 4.2rem;
    justify-content: center;
    left: 5rem;
    outline-offset: .3rem;
    pointer-events: auto;
    position: absolute;
    top: .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: .3!important
}

.block-flashcards-slider .flashcard {
    margin: 0 auto
}

.block-flashcards-slider-arrow-icon {
    height: auto;
    margin-top: .4rem;
    width: 2rem
}

.block-knowledge {
    padding: 3rem 0;
    transition: padding .5s
}

.block-knowledge__wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 6.5rem 6rem 4rem
}

.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent,.block-knowledge__wrapper.block-card--white {
    border: .1rem solid #ddd
}

.block-knowledge.bg--type-gray .block-knowledge__wrapper.block-card--transparent,.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent,.block-knowledge.bg--type-tint .block-knowledge__wrapper.block-card--transparent,.block-knowledge__wrapper.block-card--white {
    --color-quiz-fill-text: #000
}

.block-knowledge__wrapper.block-card--transparent,.block-knowledge__wrapper.block-card--white {
    --color-button-text: var(--color-theme-contrast,#fff)
}

.block-knowledge.bg--type-tint .block-knowledge__wrapper.block-card--transparent {
    --color-matching-item-background: var(--color-background)
}

.block-knowledge.bg--type-image .block-knowledge__wrapper.block-card--transparent {
    --color-background-choice-hover: rgba(0,0,0,.2);
    --color-background-feedback-frame: hsla(0,0%,100%,.7);
    --color-border-radio: rgba(0,0,0,.8);
    --color-button-text: #000;
    --color-caption-border: rgba(0,0,0,.5);
    --color-x-fill: #000;
    --color-disabled-submit-button-background: rgba(0,0,0,.2);
    --color-disabled-button-text: #000;
    --color-feedback-icon-border: #000;
    --color-feedback-icon: #000;
    --color-feedback-text: #000;
    --color-matching-unmatched-item-border: rgba(0,0,0,.5);
    --color-matching-unmatched-item-border-hover: #000;
    --color-matching-item-background: #fff;
    --color-matching-item-sortable-icon: rgba(0,0,0,.5);
    --color-matching-item-sortable-icon-hover: #000;
    --color-multiple-choice-complete-border: rgba(0,0,0,.6);
    --color-multiple-choice-correct-border: #000;
    --color-multiple-response-correct-border: #000;
    --color-multiple-response-incorrect-border: rgba(0,0,0,.4);
    --color-multiple-response-option-check: #000;
    --color-quiz-fill-border-bottom: rgba(0,0,0,.6);
    --color-quiz-fill-placeholder-text: #000;
    --color-quiz-fill-text: #000;
    --color-quiz-fill-icon-primary: transparent;
    --color-quiz-fill-icon-secondary: #000;
    --color-quiz-fill-options-text: #000;
    --color-quiz-option-dot: #000;
    --color-quiz-option-check: #000;
    --color-retake: #000;
    --color-retake-hover: rgba(0,0,0,.6);
    --color-submit-button-background: transparent;
    --border-submit-button: 1px solid #000;
    border: .1rem solid rgba(0,0,0,.498)
}

.block-knowledge.bg--type-image.bg--overlay-light .block-knowledge__wrapper.block-card--transparent {
    --color-background-choice-hover: hsla(0,0%,100%,.2);
    --color-background-feedback-frame: rgba(0,0,0,.7);
    --color-border-radio: hsla(0,0%,100%,.8);
    --color-button-text: #fff;
    --color-caption-border: hsla(0,0%,100%,.5);
    --color-x-fill: #fff;
    --color-disabled-submit-button-background: hsla(0,0%,100%,.2);
    --color-disabled-button-text: #fff;
    --color-feedback-icon-border: #fff;
    --color-feedback-icon: #fff;
    --color-feedback-text: #fff;
    --color-matching-feedback-bubble-bg: #fff;
    --color-matching-feedback-bubble-icon: #000;
    --color-matching-unmatched-item-border: hsla(0,0%,100%,.5);
    --color-matching-unmatched-item-border-hover: #fff;
    --color-matching-item-background: #000;
    --color-matching-item-sortable-icon: hsla(0,0%,100%,.5);
    --color-matching-item-sortable-icon-hover: #fff;
    --color-multiple-choice-complete-border: hsla(0,0%,100%,.6);
    --color-multiple-choice-correct-border: #fff;
    --color-multiple-response-correct-border: #fff;
    --color-multiple-response-incorrect-border: hsla(0,0%,100%,.5);
    --color-multiple-response-option-check: #fff;
    --color-quiz-fill-border-bottom: hsla(0,0%,100%,.6);
    --color-quiz-fill-placeholder-text: #fff;
    --color-quiz-fill-text: #fff;
    --color-quiz-fill-icon-primary: transparent;
    --color-quiz-fill-icon-secondary: #fff;
    --color-quiz-fill-options-text: #fff;
    --color-quiz-option-dot: #fff;
    --color-quiz-option-check: #fff;
    --color-retake: #fff;
    --color-retake-hover: hsla(0,0%,100%,.6);
    --color-submit-button-background: transparent;
    --border-submit-button: 1px solid #fff;
    border: .1rem solid hsla(0,0%,100%,.498)
}

.block-knowledge.bg--type-accent .block-knowledge__wrapper.block-card--transparent {
    --color-transparent-contrast: var(--color-text,var(--color-theme-contrast));
    --color-transparent-contrast-rgb: var(--color-theme-contrast-rgb);
    --color-transparent-contrast-opposite: var(--color-theme-contrast-complementary);
    --color-border-radio: rgba(var(--color-transparent-contrast-rgb),0.8);
    --color-button-text: var(--color-transparent-contrast);
    --color-x-fill: var(--color-transparent-contrast);
    --color-caption-border: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-disabled-button-text: var(--color-transparent-contrast);
    --color-disabled-submit-button-background: rgba(var(--color-transparent-contrast-rgb),0.2);
    --color-feedback-icon-border: var(--color-transparent-contrast);
    --color-feedback-icon: var(--color-transparent-contrast);
    --color-feedback-text: var(--color-transparent-contrast);
    --color-matching-feedback-bubble-bg: var(--color-transparent-contrast);
    --color-matching-feedback-bubble-icon: var(--color-transparent-contrast-opposite);
    --color-matching-unmatched-item-border: rgba(var(--color-transparent-contrast-rgb),0.5);
    --color-matching-unmatched-item-border-hover: var(--color-transparent-contrast);
    --color-matching-item-background: var(--color-background);
    --color-matching-item-sortable-icon: rgba(var(--color-transparent-contrast-rgb),0.5);
    --color-matching-item-sortable-icon-hover: var(--color-transparent-contrast);
    --color-multiple-choice-complete-border: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-multiple-choice-correct-border: var(--color-transparent-contrast);
    --color-multiple-response-correct-border: var(--color-transparent-contrast);
    --color-multiple-response-incorrect-border: rgba(var(--color-transparent-contrast-rgb),0.3);
    --color-multiple-response-option-check: var(--color-transparent-contrast);
    --color-quiz-fill-border-bottom: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-quiz-fill-icon-primary: var(--color-transparent-contrast-opposite);
    --color-quiz-fill-icon-secondary: var(--color-transparent-contrast);
    --color-quiz-fill-options-text: var(--color-transparent-contrast);
    --color-quiz-fill-placeholder-text: var(--color-transparent-contrast);
    --color-quiz-fill-text: var(--color-transparent-contrast);
    --color-quiz-option-dot: var(--color-transparent-contrast);
    --color-quiz-option-check: var(--color-transparent-contrast);
    --color-retake: var(--color-transparent-contrast);
    --color-retake-hover: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-submit-button-background: transparent;
    --border-submit-button: 1px solid var(--color-transparent-contrast)
}

.block-knowledge.bg--type-color .block-knowledge__wrapper.block-card--transparent {
    --color-transparent-contrast: var(--color-text,var(--color-background-contrast));
    --color-transparent-contrast-rgb: var(--color-background-contrast-rgb);
    --color-transparent-contrast-opposite: var(--color-background-contrast-complementary);
    --color-border-radio: rgba(var(--color-transparent-contrast-rgb),0.8);
    --color-button-text: var(--color-theme-contrast);
    --color-caption-border: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-x-fill: var(--color-transparent-contrast);
    --color-disabled-button-text: var(--color-transparent-contrast);
    --color-disabled-submit-button-background: rgba(var(--color-transparent-contrast-rgb),0.2);
    --color-feedback-icon-border: var(--color-transparent-contrast);
    --color-feedback-text: var(--color-transparent-contrast);
    --color-matching-feedback-bubble-bg: var(--color-transparent-contrast);
    --color-matching-feedback-bubble-icon: var(--color-transparent-contrast-opposite);
    --color-matching-unmatched-item-border: rgba(var(--color-transparent-contrast-rgb),0.5);
    --color-matching-unmatched-item-border-hover: var(--color-transparent-contrast);
    --color-matching-item-background: var(--color-background);
    --color-matching-item-sortable-icon: rgba(var(--color-transparent-contrast-rgb),0.5);
    --color-matching-item-sortable-icon-hover: var(--color-transparent-contrast);
    --color-multiple-choice-complete-border: rgba(var(--color-transparent-contrast-rgb),0.3);
    --color-multiple-response-incorrect-border: rgba(var(--color-transparent-contrast-rgb),0.3);
    --color-quiz-fill-border-bottom: rgba(var(--color-transparent-contrast-rgb),0.6);
    --color-quiz-fill-options-text: var(--color-transparent-contrast);
    --color-quiz-fill-placeholder-text: var(--color-transparent-contrast);
    --color-quiz-fill-text: var(--color-transparent-contrast);
    --color-retake: var(--color-transparent-contrast)
}

.block-knowledge.bg--type-gray .block-knowledge__wrapper.block-card--transparent,.block-knowledge.bg--type-light .block-knowledge__wrapper.block-card--transparent {
    --color-caption-border: #8f8f8f
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent {
    --color-caption-border: hsla(0,0%,100%,.7);
    --color-x-fill: #fff;
    --color-feedback-text: #fff;
    --color-feedback-icon-border: #fff;
    --color-matching-feedback-bubble-bg: #fff;
    --color-matching-feedback-bubble-icon: #000;
    --color-matching-unmatched-item-border: hsla(0,0%,100%,.7);
    --color-matching-unmatched-item-border-hover: #fff;
    --color-matching-item-background: var(--color-background);
    --color-matching-item-sortable-icon: hsla(0,0%,100%,.7);
    --color-matching-item-sortable-icon-hover: #fff;
    --color-multiple-choice-complete-border: hsla(0,0%,100%,.3);
    --color-multiple-response-incorrect-border: hsla(0,0%,100%,.3);
    --color-quiz-fill-options-text: #fff;
    --color-quiz-fill-placeholder-text: #fff;
    --color-quiz-fill-text: #fff;
    --color-retake: #fff
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-arrow>rect,.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:focus .quiz-match__item-arrow>rect,.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:hover .quiz-match__item-arrow>rect,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-arrow>rect,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:focus .quiz-match__item-arrow>rect,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:hover .quiz-match__item-arrow>rect {
    fill: #fff;
    stroke: #fff
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-sortable,.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:focus .quiz-match__item-sortable,.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:hover .quiz-match__item-sortable,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item--matched .quiz-match__item-sortable,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:focus .quiz-match__item-sortable,.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent .quiz-match__item-wrapper.draggable:hover .quiz-match__item-sortable {
    fill: #fff
}

.block-knowledge.bg--type-dark .block-knowledge__wrapper.block-card--transparent {
    --color-background-choice-hover: #515151;
    --color-background-feedback-frame: #515151
}

.block-knowledge.bg--type-black .block-knowledge__wrapper.block-card--transparent {
    --color-background-choice-hover: #313131;
    --color-background-feedback-frame: #313131
}

@media(max-width: 33.6875em) {
    .block-knowledge__wrapper {
        padding:6rem 3rem 5rem
    }
}

.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 .4s .2s,min-height .4s .2s
}

.block-knowledge__retake-container--active {
    max-height: 5rem
}

.block-knowledge__retake {
    background: transparent;
    border: 0;
    color: #000;
    color: var(--color-retake,#000);
    cursor: pointer;
    letter-spacing: .8px;
    max-width: 17rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s .9s
}

.block-knowledge__retake--active {
    opacity: 1;
    pointer-events: all
}

.block-knowledge__retake-content:hover {
    color: var(--color-retake-hover)
}

.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 {
    background: transparent;
    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: .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: .2rem
}

.block-knowledge .quiz-card__actions--proceed .quiz-card__submit {
    transition: opacity .3s,height .28s .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
}

.block-knowledge .quiz-card .quiz-match__item-arrow>polygon,.block-knowledge .quiz-card .quiz-match__item-tail>polygon {
    fill: #fff;
    fill: var(--color-matching-item-background,#fff);
    stroke: #8f8f8f;
    stroke: var(--color-caption-border,#8f8f8f)
}

@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 .3s .6s,height .3s .3s
}

.block-knowledge--retake .quiz-card__feedback {
    transition: max-height .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 .6s
}

.block-knowledge--retake .block-knowledge__retake,.block-knowledge--retake__retake-container {
    transition: opacity .6s
}

.block-knowledge--retake .quiz-multiple-choice-option__border {
    bottom: .5rem;
    top: .5rem
}

.block-knowledge--retake .quiz-multiple-choice-option__border:before {
    transition: opacity .25s,border .25s .25s,right .25s .25s
}

.block-knowledge--retake .quiz-multiple-choice-option .icon {
    transition: opacity .25s
}

.block-knowledge--retake .quiz-multiple-choice-option__input:checked+.quiz-multiple-choice-option__label .quiz-multiple-choice-option__radio:after {
    transition: 0ms .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 .5rem 1rem;
    position: relative;
    z-index: 2
}

@media(min-width: 33.75em) {
    .quiz-card {
        padding:7.5rem .5rem 1rem
    }
}

@media(min-width: 45em) {
    .quiz-card {
        padding:9rem 6rem 4rem
    }
}

.quiz-card__container {
    background: #fff;
    box-shadow: 0 .3rem 1rem rgba(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 .3s,min-height 0ms .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 .6s .6s,transform .6s .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 {
    --color-background: var(--color-background-feedback-frame,#f8f8f8);
    background-color: var(--color-background);
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    padding-top: 3rem
}

.quiz-card__feedback-icon {
    border: .2rem solid #000;
    border: .2rem solid var(--color-feedback-icon-border,#000);
    border-radius: 50%;
    color: var(--color-theme);
    color: var(--color-feedback-icon,var(--color-theme));
    display: block;
    height: 6rem;
    line-height: 7rem;
    margin: 0 auto;
    opacity: 0;
    text-align: center;
    transform: scale(1.2);
    transition: opacity .6s .9s,transform .6s .9s;
    width: 6rem
}

.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: .02em;
    margin-bottom: 2rem;
    margin-top: .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 .6s .9s,transform .6s .9s
}

.quiz-card__feedback-text {
    word-wrap: break-word;
    color: #000;
    color: var(--color-feedback-text,#000);
    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: .3rem;
    text-align: center;
    transform: translate3d(0,2rem,0);
    transition: opacity .6s 1.05s,transform .6s 1.05s
}

.quiz-card__feedback--active .quiz-card__feedback-text {
    opacity: 1;
    padding-bottom: .2rem;
    transform: translateZ(0)
}

.quiz-card__title {
    font-family: merriweather,serif;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -.02rem;
    line-height: 2;
    margin-bottom: 1rem;
    position: relative
}

@media(min-width: 45em) {
    .quiz-card__title {
        margin-bottom:2rem
    }
}

.quiz-card__description {
    color: rgba(0,0,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: .1rem solid #8f8f8f;
    border-top: .1rem solid var(--color-caption-border,#8f8f8f);
    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: .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: .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 {
    align-items: center;
    background-color: var(--color-theme);
    background-color: var(--color-submit-button-background,var(--color-theme));
    border: var(--border-submit-button,1px solid var(--color-theme));
    border-radius: 2rem;
    box-sizing: border-box;
    color: #fff;
    color: var(--color-button-text,#fff);
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: 700;
    height: 4rem;
    justify-content: center;
    letter-spacing: .04em;
    max-width: 17rem;
    min-width: 10rem;
    outline-offset: .2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: background .3s,border-color .3s,color .3s;
    width: 100%
}

@media(forced-colors:active) {
    .quiz-card__button {
        transition: opacity .3s
    }
}

.quiz-card__button--disabled {
    background-color: silver;
    background-color: var(--color-disabled-submit-button-background,silver);
    border-color: silver;
    border-color: var(--color-disabled-submit-button-background,silver);
    color: #000;
    color: var(--color-disabled-button-text,#000);
    cursor: default
}

.quiz-card .quiz-card__button {
    color: #000;
    color: var(--color-theme-contrast,#000)
}

.quiz-card__submit {
    text-align: center
}

@media(prefers-reduced-motion:no-preference) {
    .quiz-card__submit {
        height: 10rem;
        opacity: 1;
        transition: height .3s 1.5s,opacity .3s 1.5s
    }
}

.quiz-card__actions--proceed .quiz-card__submit {
    height: 0;
    margin: 0;
    opacity: 0;
    transition: height .3s,opacity .3s
}

.quiz-card__next {
    opacity: 0;
    padding: 2rem 0;
    text-align: center;
    transform: translate3d(0,2rem,0);
    transition: opacity .6s 1.2s,transform .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: -.5rem;
        margin-right: -.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: .5rem;
        padding-right: .5rem;
        width: 66.6666666667%
    }
}

.quiz-card__retake-container {
    margin-bottom: 3rem;
    max-height: 0;
    min-height: 0;
    text-align: center;
    transition: max-height .4s 1s,min-height .4s 1s
}

.quiz-card__retake-container--active {
    max-height: 5rem
}

.quiz-card__retake {
    background: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    letter-spacing: .08rem;
    max-width: 17rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s .9s
}

.quiz-card__retake--active {
    opacity: 1;
    pointer-events: all
}

.quiz-card__retake-content {
    transition: color .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;
    border-bottom: 1px solid var(--color-quiz-fill-border-bottom,#eaeaeb);
    padding-bottom: 1.25rem;
    position: relative
}

.quiz-fill__icon {
    --fa-primary-color: var(--color-quiz-fill-icon-primary,var(--color-theme-contrast,#fff));
    --fa-secondary-color: var(--color-quiz-fill-icon-secondary,var(--color-theme));
    --fa-secondary-opacity: 1;
    left: -2.5rem;
    opacity: 0;
    position: absolute;
    top: .35rem;
    transition: opacity .3s;
    visibility: hidden
}

.quiz-fill__icon--visible {
    opacity: 1;
    visibility: visible
}

.quiz-fill__icon .i-xMarkFilled {
    fill: currentColor
}

@media(min-width: 48em) {
    .quiz-fill__icon {
        left:-4rem
    }
}

.quiz-fill__input {
    background: transparent;
    border: none;
    color: #000;
    color: var(--color-quiz-fill-text,#000);
    cursor: text;
    font-family: lato,sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;
    resize: none;
    width: 100%
}

.quiz-fill__input:-ms-input-placeholder {
    color: #76767c;
    color: var(--color-quiz-fill-placeholder-text,#76767c);
    opacity: 1
}

.quiz-fill__input::placeholder {
    color: #76767c;
    color: var(--color-quiz-fill-placeholder-text,#76767c);
    opacity: 1
}

.quiz-fill__options {
    --auto-contrast-fallback: #ddd;
    color: #76767c;
    color: var(--color-quiz-fill-options-text,#76767c);
    font-size: 1.2rem;
    font-style: italic;
    margin-top: 1rem;
    opacity: 0;
    transition: opacity .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 .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,.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: .02rem;
        line-height: normal;
        margin-bottom: 3rem
    }
}

.quiz-match__item--ms_browser-focus {
    outline-style: none
}

.quiz-match__item--ms_browser-focus:focus {
    outline: .5px dashed gray;
    outline-offset: .1rem
}

.quiz-match__item-wrapper {
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 2rem;
    position: absolute;
    top: 0;
    transition: transform .3s;
    width: 100%;
    z-index: 0
}

.quiz-match__item-wrapper.draggable--dragging {
    transition: none
}

.quiz-match__item-wrapper.movable-item__will-enter-up {
    opacity: .1;
    transform: translateY(100%) translateZ(0)!important;
    transition: none
}

.quiz-match__item-wrapper.movable-item__will-enter-down {
    opacity: .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 .3s,opacity .1s
}

@media(min-width: 33.75em) {
    .quiz-match__item-wrapper {
        padding-right:3rem
    }
}

.quiz-match__item--draggable {
    margin-right: .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: .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: .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 {
    --fa-primary-color: var(--color-quiz-fill-icon-primary,var(--color-theme-contrast,#fff));
    --fa-secondary-color: var(--color-quiz-fill-icon-secondary,var(--color-theme));
    --fa-secondary-opacity: 1;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    opacity: 1;
    position: relative;
    transition: opacity .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: #000;
    background-color: var(--color-matching-feedback-bubble-bg,#000);
    border-radius: 50%;
    color: #fff;
    color: var(--color-matching-feedback-bubble-icon,#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 {
    height: 100%;
    inset: 0;
    position: absolute;
    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: #000;
    fill: var(--color-matching-unmatched-item-border-hover,#000);
    stroke: #000;
    stroke: var(--color-matching-unmatched-item-border-hover,#000)
}

.quiz-match__item-arrow>polygon,.quiz-match__item-tail>polygon {
    fill: #fff;
    fill: var(--color-matching-item-background,#fff);
    stroke: #ddd;
    stroke: var(--color-matching-unmatched-item-border,#ddd)
}

.quiz-match__item-arrow>rect {
    fill: #8f8f8f;
    fill: var(--color-matching-unmatched-item-border,#8f8f8f);
    stroke: #8f8f8f;
    stroke: var(--color-matching-unmatched-item-border,#8f8f8f)
}

.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: #8f8f8f;
    fill: var(--color-matching-item-sortable-icon,#8f8f8f);
    display: none
}

.quiz-match__item-wrapper.draggable:focus .quiz-match__item-sortable,.quiz-match__item-wrapper.draggable:hover .quiz-match__item-sortable {
    fill: #000;
    fill: var(--color-matching-item-sortable-icon-hover,#000)
}

.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: 3rem 5rem
    }
}

.quiz-multiple-choice-option-wrap:hover:not(.quiz-multiple-choice-option-wrap--complete) {
    background-color: #f7f7f8;
    background-color: var(--color-background-choice-hover,#f7f7f8);
    cursor: pointer
}

.quiz-multiple-choice-option {
    inset: 0;
    position: absolute
}

.quiz-multiple-choice-option--keyboard:focus:not(.is-complete) {
    background-color: #f7f7f8;
    background-color: var(--color-background-choice-hover,#f7f7f8)
}

.quiz-multiple-choice-option__indicator {
    align-items: center;
    border: .1rem solid #8a8c8d;
    border: .1rem solid var(--color-border-radio,#8a8c8d);
    border-radius: 50%;
    color: var(--color-theme);
    color: var(--color-quiz-option-dot,var(--color-theme));
    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: .6rem;
    transform: scale(.6);
    transition: opacity .3s,transform .3s,visibility .3s;
    width: .6rem
}

.quiz-multiple-choice-option__dot--active {
    transform: scale(1)
}

.quiz-multiple-choice-option__check,.quiz-multiple-choice-option__x {
    transition: opacity .3s,visibility .3s
}

.quiz-multiple-choice-option__check {
    color: var(--color-theme);
    color: var(--color-quiz-option-check,var(--color-theme));
    height: .7rem;
    width: .9rem
}

.quiz-multiple-choice-option__x {
    fill: #444b4e;
    fill: var(--color-x-fill,#444b4e);
    width: .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 .45s .3s;
    width: 0
}

.quiz-multiple-choice-option__border:before {
    border: 0 solid transparent;
    content: "";
    inset: 0 -.2rem 0 0;
    opacity: 0;
    position: absolute;
    transition: border .3s .3s,right 0ms .72s
}

.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border {
    bottom: .5rem;
    left: 0;
    overflow: hidden;
    top: .5rem;
    width: 100%
}

@media(min-width: 48em) {
    .quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border {
        bottom:-.5rem;
        top: -.5rem
    }
}

.quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border:before {
    border: 2px solid #707070;
    border: 2px solid var(--color-multiple-choice-complete-border,#707070);
    content: "";
    inset: 0;
    opacity: 1;
    position: absolute
}

@media(min-width: 48em) {
    .quiz-multiple-choice-option.is-complete.is-selected .quiz-multiple-choice-option__border:before {
        bottom:1rem;
        top: 1rem
    }
}

.quiz-multiple-choice-option.is-complete.is-selected.is-correct .quiz-multiple-choice-option__border:before {
    border: 2px solid var(--color-multiple-choice-correct-border,var(--color-theme))
}

.quiz-multiple-response-option-wrap {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 3rem 3.4rem;
    position: relative
}

@media(min-width: 25.875em) {
    .quiz-multiple-response-option-wrap {
        -webkit-hyphens:inherit;
        -ms-hyphens: inherit;
        hyphens: inherit;
        padding: 3rem 5rem
    }
}

.quiz-multiple-response-option-wrap:hover:not(.quiz-multiple-response-option-wrap--complete) {
    background-color: #f7f7f8;
    background-color: var(--color-background-choice-hover,#f7f7f8);
    cursor: pointer
}

.quiz-multiple-response-option {
    inset: 0;
    position: absolute
}

.quiz-multiple-response-option--keyboard:focus:not(.quiz-multiple-response-option--complete) {
    background-color: #f7f7f8;
    background-color: var(--color-background-choice-hover,#f7f7f8)
}

.quiz-multiple-response-option__indicator {
    border: .1rem solid #8a8c8d;
    border: .1rem solid var(--color-border-radio,#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 .3s,visibility .3s;
    visibility: hidden
}

.quiz-multiple-response-option--correct .quiz-multiple-response-option__check,.quiz-multiple-response-option--selected:not(.quiz-multiple-response-option--incorrect) .quiz-multiple-response-option__check {
    opacity: 1;
    visibility: visible
}

.quiz-multiple-response-option__check {
    color: var(--color-theme);
    color: var(--color-multiple-response-option-check,var(--color-theme));
    height: .7rem;
    width: .9rem
}

.quiz-multiple-response-option__x {
    fill: #444b4e;
    fill: var(--color-x-fill,#444b4e)
}

.quiz-multiple-response-option--incorrect .quiz-multiple-response-option__x {
    opacity: 1;
    visibility: visible
}

.quiz-multiple-response-option__text {
    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 .45s .3s;
    width: 0
}

.quiz-multiple-response-option__border:before {
    border: 0 solid transparent;
    content: "";
    inset: 0 -.2rem 0 0;
    opacity: 0;
    position: absolute;
    transition: border .3s .3s,right 0ms .72s
}

.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
    bottom: .5rem;
    left: 0;
    overflow: hidden;
    top: .5rem;
    width: 100%
}

@media(min-width: 48em) {
    .quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
        bottom:-.5rem;
        top: -.5rem
    }
}

.quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
    border: 2px solid var(--color-multiple-response-correct-border,var(--color-theme));
    content: "";
    inset: 0;
    opacity: 1;
    position: absolute
}

@media(min-width: 48em) {
    .quiz-multiple-response-option--correct.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
        bottom:1rem;
        top: 1rem
    }
}

.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
    bottom: .5rem;
    left: 0;
    overflow: hidden;
    top: .5rem;
    width: 100%
}

@media(min-width: 48em) {
    .quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border {
        bottom:-.5rem;
        top: -.5rem
    }
}

.quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
    border: 2px solid #707070;
    border: 2px solid var(--color-multiple-response-incorrect-border,#707070);
    content: "";
    inset: 0;
    opacity: 1;
    position: absolute
}

@media(min-width: 48em) {
    .quiz-multiple-response-option--incorrect.quiz-multiple-response-option--selected .quiz-multiple-response-option__border:before {
        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 .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: flex;
    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 .3s ease-in-out
}

.view-labeled-graphic .labeled-graphic-marker {
    transform: scale(.01);
    transition: transform .2s,box-shadow .3s
}

.view-labeled-graphic .labeled-graphic-marker--visible {
    box-shadow: 0 0 0 4rem 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: .2s
}

.map-item--animated:nth-child(3)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: .4s
}

.map-item--animated:nth-child(4)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: .6s
}

.map-item--animated:nth-child(5)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: .8s
}

.map-item--animated:nth-child(6)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 1s
}

.map-item--animated:nth-child(7)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 1.2s
}

.map-item--animated:nth-child(8)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 1.4s
}

.map-item--animated:nth-child(9)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 1.6s
}

.map-item--animated:nth-child(10)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 1.8s
}

.map-item--animated:nth-child(11)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 2s
}

.map-item--animated:nth-child(12)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 2.2s
}

.map-item--animated:nth-child(13)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 2.4s
}

.map-item--animated:nth-child(14)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 2.6s
}

.map-item--animated:nth-child(15)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 2.8s
}

.map-item--animated:nth-child(16)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 3s
}

.map-item--animated:nth-child(17)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 3.2s
}

.map-item--animated:nth-child(18)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 3.4s
}

.map-item--animated:nth-child(19)+.map-item--animated .labeled-graphic-marker--visible {
    transition-delay: 3.6s
}

.bubble {
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left
}

@media(max-width: 47.9375em) {
    .bubble {
        inset:0!important;
        margin: 0;
        position: absolute;
        z-index: 998
    }
}

.bubble__body {
    background: #fff;
    border-bottom: 0 solid #50abf1;
    border-radius: .4rem;
    box-shadow: 0 0 1rem rgba(0,0,0,.5);
    box-sizing: border-box;
    max-width: 22rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: .2s;
    transition-property: opacity,padding,top,max-width;
    visibility: hidden
}

.bubble__body:before {
    border: .6rem solid 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(.9)!important;
        transition: none;
        width: 100vw
    }
}

.bubble__body--left {
    left: 0;
    margin-left: 3.5rem
}

.bubble__body--left:before {
    border-right-color: #fff;
    left: -1.2rem
}

.bubble__body--right {
    margin-right: 3.5rem;
    right: 0
}

.bubble__body--right:before {
    border-left-color: #fff;
    right: -1.2rem
}

.bubble__body--top {
    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% - .9rem)
}

.bubble--active .bubble__body {
    border-bottom-width: .4rem;
    color: #000;
    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;
        inset: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overflow: hidden auto;
        pointer-events: auto;
        position: fixed;
        transform: scale(1)!important;
        width: 100%;
        z-index: 100
    }
}

@media(min-width: 48em) {
    .bubble--bottom .bubble__body {
        bottom:-.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: .8rem
}

@media(min-width: 48em) {
    .bubble__title {
        transition-duration:.3s;
        transition-property: font-size,font-weight,margin
    }
}

.bubble--active .bubble__title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    margin-right: 4.5rem;
    margin-top: 1rem
}

@media(max-width: 47.9375em) {
    .bubble--active .bubble__title {
        margin-right:9rem
    }
}

.bubble__content {
    font-family: merriweather,serif;
    font-size: 1.5rem;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: .4rem;
    width: 33rem
}

@media(min-width: 48em) {
    .bubble__content {
        max-height:400px;
        overflow-y: auto;
        transition-duration: 0ms,.3s;
        transition-property: opacity,width
    }
}

.bubble__content:focus {
    outline: none
}

.bubble--active .bubble__content {
    height: auto;
    opacity: 1;
    width: 100%
}

@media(min-width: 48em) {
    .bubble--active .bubble__content {
        transition-delay:.3s,.3s;
        transition-duration: .3s,0ms;
        transition-property: opacity,width
    }
}

.bubble__media:focus {
    outline: none
}

.bubble__description {
    font-weight: 300;
    letter-spacing: .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 {
    font-family: lato,sans-serif;
    font-size: 1.2rem;
    font-weight: 900;
    opacity: 0;
    position: absolute;
    right: 1rem;
    text-transform: uppercase;
    top: 2rem;
    transform: translate3d(0,-1rem,0);
    transition-delay: 0ms;
    transition-duration: .75s;
    transition-property: opacity
}

@media(max-width: 47.9375em) {
    .bubble__controls {
        right:5rem;
        transition: none
    }
}

.bubble--active .bubble__controls {
    opacity: 1;
    transform: translateZ(0);
    transition-delay: .6s
}

.bubble__next,.bubble__prev {
    align-items: center;
    color: #707070;
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    transition: color .3s;
    width: 3rem
}

.bubble__next .icon,.bubble__prev .icon {
    font-size: 1.2rem;
    transition: color .3s
}

.bubble__next:hover,.bubble__prev:hover {
    color: var(--color-lg-accent)
}

@media(max-width: 47.9375em) {
    .bubble__next,.bubble__prev {
        color:#000
    }
}

.bubble__close {
    background: #fff;
    border: none;
    display: none
}

@media(max-width: 47.9375em) {
    .bubble__close {
        align-items:center;
        cursor: pointer;
        display: flex;
        height: 4rem;
        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: flex;
    position: relative
}

.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-width: 100%
}

.labeled-graphic-canvas__alt-tag {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 900;
    height: 2rem;
    letter-spacing: .1rem;
    padding-top: .2rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 3.5rem
}

.authoring-tooltip {
    position: relative
}

.authoring-tooltip__content {
    background: #000;
    border: .1rem solid transparent;
    box-shadow: 0 .1rem .4rem .1rem rgba(0,0,0,.14);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    opacity: 0;
    padding: .8rem 1.6rem;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out;
    white-space: nowrap;
    z-index: 10
}

.runtime-tooltip .authoring-tooltip__content {
    border-radius: .6rem;
    font-weight: 400;
    max-width: 25rem;
    padding: 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: .1rem;
    content: "";
    height: 1rem;
    left: calc(50% + .5rem);
    position: absolute;
    top: calc(100% - .55rem);
    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: -.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: -.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: -.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: -.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;
    pointer-events: none;
    position: absolute;
    transition-duration: .2s;
    transition-property: opacity,transform;
    transition-timing-function: ease-in-out
}

.portal-tooltip.right {
    left: calc(100% - 1rem);
    padding-left: 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;
    pointer-events: all
}

.portal-tooltip--visible.right {
    transform: translate(.4rem,-50%)
}

.portal-tooltip--visible.above {
    transform: translate(-50%,-1.6rem)
}

.portal-tooltip__inner {
    background-color: #000;
    border: .1rem solid transparent;
    box-shadow: 0 -.2rem .4rem rgba(0,0,0,.2);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .8rem 1.6rem;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.portal-tooltip__inner:after {
    background: #000;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .1rem;
    content: "";
    height: 1rem;
    margin-left: -1rem;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 1rem
}

.right .portal-tooltip__inner:after {
    left: .6rem;
    top: calc(50% - .5rem)
}

.above .portal-tooltip__inner:after {
    bottom: -.6rem;
    left: calc(50% + .5rem)
}

@keyframes markerPulse {
    0% {
        transform: scale(.65)
    }

    to {
        transform: scale(1)
    }
}

.labeled-graphic-marker {
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(80,171,241,.9);
    height: 4rem;
    margin-left: -2rem;
    margin-top: -2rem;
    position: absolute;
    transition: transform 0ms,box-shadow .3s;
    width: 4rem;
    z-index: 3
}

.labeled-graphic-marker__pin {
    background-color: var(--color-lg-accent);
    border-radius: 50%;
    box-shadow: 0 .2rem .6rem rgba(0,0,0,.75);
    box-sizing: content-box;
    color: var(--color-lg-font);
    cursor: pointer;
    font-size: 1.3rem;
    height: 2rem;
    inset: 0;
    line-height: 2.2rem;
    margin: auto;
    position: absolute;
    text-align: center;
    transition: width .2s,height .2s,margin .2s;
    width: 2rem
}

.labeled-graphic-marker__pin:before {
    border: .2rem solid transparent;
    border-radius: 50%;
    content: "";
    inset: -.2rem;
    position: absolute;
    transition: border-color .1s
}

@media(prefers-reduced-motion:no-preference) {
    .labeled-graphic-marker__pin:after {
        animation: markerPulse 2s ease-in-out infinite alternate;
        border: 8px solid hsla(0,0%,100%,.5);
        border-radius: 50%;
        content: "";
        inset: -2.4rem;
        pointer-events: none;
        position: absolute
    }
}

.labeled-graphic-marker__pin--selected {
    background-color: var(--color-lg-font);
    color: var(--color-lg-accent)
}

.labeled-graphic-marker__pin--selected:before {
    border-color: var(--color-lg-accent)
}

@media(min-width: 48em) {
    .labeled-graphic-marker__pin {
        font-size:1.8rem;
        height: 3rem;
        line-height: 3.2rem;
        text-align: center;
        width: 3rem
    }
}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected) {
    background-color: var(--color-lg-accent);
    z-index: 10
}

.labeled-graphic-marker:hover .labeled-graphic-marker__pin:not(.labeled-graphic-marker__pin--selected):before {
    border-color: var(--color-lg-font)
}

.labeled-graphic-marker--complete .labeled-graphic-marker__pin:after {
    display: none
}

.labeled-graphic-marker--active .labeled-graphic-marker__pin,.labeled-graphic-marker--dragged .labeled-graphic-marker__pin,.labeled-graphic-marker--hint .labeled-graphic-marker__pin {
    border-width: .2rem
}

.labeled-graphic-marker--dragged .labeled-graphic-marker__pin {
    background-color: rgba(0,0,0,.5);
    cursor: none
}

.labeled-graphic-marker--active .labeled-graphic-marker__pin:after {
    display: none
}

.block-process {
    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 .3s,opacity .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,.process-card-mobile {
    --box-shadow-step: none;
    --color-step-bg: var(--color-theme-decorative,var(--color-theme));
    --color-step-text: var(--color-theme-contrast,#fff)
}

.bg--type-accent .process-card,.bg--type-accent .process-card-mobile {
    --box-shadow-step: 0 4px 5px 0px rgba(0,0,0,.2);
    --color-step-bg: var(--color-theme-contrast);
    --color-step-text: var(--color-theme-contrast-complementary)
}

.bg--type-image.bg--card-transparent .process-card,.bg--type-image.bg--card-transparent .process-card-mobile {
    --color-step-bg: #000;
    --color-step-text: #fff
}

.bg--type-image.bg--overlay-light.bg--card-transparent .process-card,.bg--type-image.bg--overlay-light.bg--card-transparent .process-card-mobile {
    --color-step-bg: #fff;
    --color-step-text: #000
}

.process-card--entered .process-card-mobile__start,.process-card--entered .process-card__start,.process-card-mobile--entered .process-card-mobile__start,.process-card-mobile--entered .process-card__start {
    max-width: 17rem;
    opacity: 1
}

.process-card--entered .process-card-mobile__start-text,.process-card--entered .process-card__start-text,.process-card-mobile--entered .process-card-mobile__start-text,.process-card-mobile--entered .process-card__start-text {
    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 {
    border: 1px solid transparent;
    box-shadow: 0 .2rem 2.4rem 0 rgba(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 {
    background-color: var(--color-step-bg);
    border: 1px solid transparent;
    border-radius: .8rem;
    box-shadow: var(--box-shadow-step);
    color: var(--color-step-text);
    display: inline-block;
    font-family: var(--font-family-head);
    left: 50%;
    max-width: 90%;
    padding: .8rem 2rem;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate3d(-50%,-50%,0)
}

.process-card-mobile__number p,.process-card__number p {
    color: var(--color-step-text);
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0
}

.process-card-mobile__title,.process-card__title {
    margin-bottom: 2rem
}

.process-card-mobile__title-heading,.process-card__title-heading {
    font-weight: 700;
    line-height: 1.25
}

.process-card-mobile__description,.process-card__description {
    margin-bottom: 2rem
}

.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: .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__start,.process-card__start {
    align-items: center;
    background-color: var(--color-theme-decorative);
    border: 2px solid transparent;
    border-radius: 2rem;
    box-sizing: border-box;
    color: var(--color-theme-decorative-fg);
    cursor: pointer;
    display: inline-flex;
    flex: 1;
    font-family: lato,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    height: 4rem;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 3.6rem;
    max-width: 10rem;
    min-width: 10rem;
    opacity: 0;
    outline-offset: .3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: opacity .3s,max-width .3s;
    width: 100%
}

@media print {
    .process-card-mobile__start,.process-card__start {
        font-size: 1rem;
        height: 3rem;
        line-height: 2.6
    }
}

.process-card-mobile__start-text,.process-card__start-text {
    display: inline-block;
    opacity: 0;
    transform: translate3d(-3rem,0,0);
    transition: opacity .6s,transform .6s
}

.process-card-mobile__start-icon,.process-card__start-icon {
    height: 1.1rem;
    margin-left: .6rem;
    transform: rotate(-90deg);
    width: 1.1rem
}

.process-card-mobile__restart,.process-card__restart {
    color: var(--color-theme-decorative);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .05rem;
    margin-bottom: 2.5rem;
    padding: 1rem;
    text-transform: uppercase
}

.process-card-mobile__restart-icon,.process-card__restart-icon {
    display: block;
    font-size: 2rem;
    margin-top: .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__help,.pdf-lesson-content .process-card-mobile__restart,.pdf-lesson-content .process-card-mobile__start,.pdf-lesson-content .process-card__help,.pdf-lesson-content .process-card__restart,.pdf-lesson-content .process-card__start {
    display: none
}

.process-card {
    left: 50%;
    margin: 0 auto;
    max-width: 89rem;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: transform .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 .3s ease-in-out,opacity 0s linear .3s
}

.process-card--initiating,.process-card--slide-fade {
    transition: none!important
}

.process-card--active {
    transform: translate3d(-50%,0,0);
    transition: transform .3s ease-in-out .3s
}

.process-card__inner {
    border-radius: .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-heading {
    font-size: 2.1rem
}

@media(min-width: 42.5em) {
    .process-card__title-heading {
        font-size:2.5rem
    }
}

@media(min-width: 67.5em) {
    .process-card__title-heading {
        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 .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-heading {
    font-size: 2.1rem
}

.process-card-mobile__description li,.process-card-mobile__description p {
    font-size: 1.4rem
}

.process-card-mobile__help {
    background-color: #000;
    border-bottom-left-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    bottom: 0;
    opacity: 0;
    padding: .4rem 2rem;
    position: absolute;
    right: 0;
    transform: translate3d(100%,50%,0);
    transition: opacity .3s,transform 0s linear .3s,visibility 0s linear .3s;
    visibility: hidden
}

.process-card-mobile__help.process-card-mobile__help--show {
    opacity: 1;
    transform: translate3d(0,50%,0);
    transition: opacity .3s linear .5s,transform .3s linear .5s,visibility 0s linear .3s;
    visibility: visible
}

.process-card-mobile__help.process-card-mobile__help--show span {
    opacity: 1;
    transform: translate3d(0,-.1rem,0)
}

.process-card-mobile__help span {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-style: italic;
    letter-spacing: .01rem;
    opacity: 0;
    transform: translate3d(-2rem,-.1rem,0);
    transition-delay: .7s;
    transition-duration: .6s;
    transition-property: opacity,transform
}

.process-card-mobile__help svg {
    fill: #fff;
    height: 1rem;
    margin-left: .2rem;
    transform: rotate(-90deg) translateX(-.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 {
    --arrow-bg-color: #000;
    --arrow-icon-color: #fff;
    align-items: center;
    background-color: var(--arrow-bg-color);
    border-radius: 50%;
    color: var(--arrow-icon-color);
    cursor: pointer;
    display: none;
    height: 5rem;
    justify-content: center;
    outline-offset: .3rem;
    position: absolute;
    top: 16rem;
    transition: opacity .20000001s linear .1s;
    width: 5rem;
    z-index: 3
}

.bg--type-accent .process-arrow {
    --arrow-bg-color: var(--color-theme-contrast);
    --arrow-icon-color: var(--color-theme-contrast-complementary)
}

.bg--type-black .process-arrow,.bg--type-dark .process-arrow,.bg--type-image:not(.bg--overlay-light) .process-arrow {
    --arrow-bg-color: hsla(0,0%,100%,.6);
    --arrow-icon-color: #000
}

.bg--type-color.bg--contrast-light .process-arrow {
    --arrow-bg-color: #fff;
    --arrow-icon-color: #000
}

.process-arrow--disabled {
    opacity: 0;
    pointer-events: none;
    transition: opacity .20000001s
}

.process-arrow--scrolling {
    position: fixed
}

.process-arrow--left {
    transform: rotate(90deg)
}

.process-arrow--right {
    transform: rotate(-90deg)
}

.process-arrow__icon {
    height: auto;
    margin-top: .6rem;
    width: 2.2rem
}

@media(min-width: 48em) {
    .process-arrow__icon {
        width:2.7rem
    }
}

.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-counter {
    --color-counter-number: rgba(0,0,0,.5);
    --color-border-color: var(--color-theme-decorative);
    bottom: 2.2rem;
    display: block;
    height: 5rem;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 0 3.5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.bg--type-color.bg--card-transparent .process-counter {
    --color-counter-number: rgba(var(--color-background-contrast-rgb),0.5)
}

.bg--type-accent.bg--card-transparent .process-counter {
    --color-border-color: var(--color-theme-contrast);
    --color-counter-number: rgba(var(--color-theme-contrast-rgb),0.5)
}

.bg--type-black.bg--card-transparent .process-counter,.bg--type-dark.bg--card-transparent .process-counter {
    --color-counter-number: hsla(0,0%,100%,.5)
}

.bg--type-image.bg--card-transparent .process-counter {
    --color-counter-number: rgba(0,0,0,.5)
}

.bg--type-image.bg--card-transparent.bg--overlay-light .process-counter {
    --color-counter-number: hsla(0,0%,100%,.5)
}

.process-counter--overflow-after:after {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%,#fff);
    content: "";
    height: 100%;
    pointer-events: none;
    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;
    pointer-events: none;
    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 {
    margin-top: 1rem;
    position: relative;
    transition: transform .3s;
    white-space: nowrap
}

.process-counter__active {
    border-color: var(--color-border-color);
    border-radius: 50%;
    border-style: solid;
    border-width: .2rem;
    height: 3rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out;
    width: 3rem
}

@media(min-width: 42.5em) {
    .process-counter__active {
        transition:opacity .3s ease-in-out .7s,transform .3s ease-in-out .5s
    }
}

.process-counter__list {
    align-items: center;
    display: inline-flex
}

.process-counter__item {
    color: var(--color-counter-number);
    font-size: 1.5rem;
    line-height: 3;
    position: relative
}

.process-counter__item--active,.process-counter__item:hover:not(.process-counter__item--mobile),.process-counter__item[focus-within] {
    color: var(--color-text)
}

.process-counter__item--active,.process-counter__item:focus-within,.process-counter__item:hover:not(.process-counter__item--mobile) {
    color: var(--color-text)
}

.process-counter__item--active .process-counter__check,.process-counter__item:hover:not(.process-counter__item--mobile) .process-counter__check,.process-counter__item[focus-within] .process-counter__check {
    color: var(--color-text)
}

.process-counter__item--active .process-counter__check,.process-counter__item:focus-within .process-counter__check,.process-counter__item:hover:not(.process-counter__item--mobile) .process-counter__check {
    color: var(--color-text)
}

@media(forced-colors:active) {
    .process-counter__item--active .process-counter__check,.process-counter__item:hover:not(.process-counter__item--mobile) .process-counter__check,.process-counter__item[focus-within] .process-counter__check {
        color: ButtonText
    }

    .process-counter__item--active .process-counter__check,.process-counter__item:focus-within .process-counter__check,.process-counter__item:hover:not(.process-counter__item--mobile) .process-counter__check {
        color: ButtonText
    }
}

.process-counter__item--large {
    padding: 0 .4rem
}

.process-counter__btn,.process-counter__item--mobile {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    width: 3rem
}

.process-counter__check {
    box-sizing: content-box;
    display: inline-block;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.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: #000;
    height: 100vh;
    max-height: 81.2rem;
    min-height: 68rem;
    overflow: hidden;
    position: relative;
    transition: opacity .39s
}

.scenario-block div {
    box-sizing: border-box
}

.scenario-block--initiated {
    opacity: 1
}

.scenario-block--loading .scenario-block__background--active,.scenario-block--loading .scenario-block__inner {
    opacity: 0
}

.scenario-block--loading .scenario-block__spinner {
    animation: scenario-spin 1.5s linear infinite;
    border: .2rem solid rgba(0,0,0,.5);
    border-left-color: rgba(0,0,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;
    filter: blur(.25rem);
    inset: -.2rem;
    opacity: 0;
    position: absolute;
    transition: opacity .39s
}

.scenario-block__background--active {
    opacity: 1
}

.scenario-block__inner {
    height: 100%;
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
    transition: opacity .39s;
    z-index: 2
}

.scenario-block__character {
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 3rem;
    transition: opacity .3s linear .1s,visibility 0s;
    visibility: visible;
    width: 38%;
    z-index: 2
}

.scenario-block__character--hidden {
    opacity: 0;
    transition: opacity .3s,visibility 0s linear .3s;
    visibility: hidden
}

.scenario-block__character__inner {
    height: 100%;
    left: 0;
    max-width: 53rem;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .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 .39s
}

.scenario-block__content--exit {
    opacity: 1
}

.scenario-block__content--exit-active {
    opacity: 0;
    transition: opacity .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: .3rem;
    box-shadow: 0 .2rem 2.5rem 0 rgba(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: .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: .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 {
    --color-background: var(--color-theme);
    background: var(--color-background);
    border: .2rem solid transparent;
    border-radius: 2rem;
    box-sizing: border-box;
    color: #fff;
    color: var(--color-theme-contrast,#fff);
    cursor: pointer;
    flex: 1;
    font-family: var(--font-family-ui);
    font-size: 1.2rem;
    font-weight: 700;
    height: 3.5rem;
    letter-spacing: .04em;
    line-height: 3rem;
    max-width: 13.5rem;
    min-width: 10rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transform: translateZ(0);
    transition: opacity .3s,max-width .3s;
    width: 100%
}

.scenario-block__text__end {
    border-top: .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: .05rem;
    text-transform: uppercase
}

.scenario-block__text__end i {
    display: block;
    font-size: 1.8rem;
    margin-top: .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: .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: .3s;
    transition-duration: .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: .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: .39s;
    transition-property: opacity,transform
}

.scenario-block__dialogue--faded {
    opacity: .5
}

.scenario-block__dialogue--response {
    justify-content: flex-end;
    left: auto;
    padding-left: 0!important;
    right: -.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 .2rem 2.5rem 0 rgba(0,0,0,.15);
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.3rem;
    letter-spacing: .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: .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: .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: .2rem solid transparent;
    border-radius: 2rem;
    bottom: 3rem;
    box-shadow: 0 .2rem 2.5rem 0 rgba(0,0,0,.15);
    box-sizing: border-box;
    color: #000;
    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: .04em;
    line-height: 3rem;
    min-width: 12rem;
    padding: .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: .6s;
    transition-duration: .39s;
    transition-property: opacity,transform
}

@media(min-width: 48em) {
    .scenario-block__dialogue__button--appear-active {
        transform:translateZ(0)
    }
}

.scenario-block__dialogue__button i {
    display: inline-block;
    font-size: 1.5rem;
    margin-left: .5rem;
    transform: rotate(180deg) translateY(-.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: .39s;
    transition-property: opacity
}

.scenario-block__response--0.scenario-block__response--appear-active {
    transition-delay: .8s
}

.scenario-block__response--1.scenario-block__response--appear-active {
    transition-delay: 1s
}

.scenario-block__response--2.scenario-block__response--appear-active {
    transition-delay: 1.2s
}

.scenario-block__response:last-child {
    margin: 0
}

.scenario-block__response__inner {
    align-items: center;
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 .2rem 2.5rem 0 rgba(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: .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: #000;
    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: .1rem solid #eaeaea;
    margin: 3rem 0;
    padding: 2rem
}

.scenario-block__pdf-details h3 {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 1rem
}

.scenario-block__pdf-details svg {
    fill: #000;
    display: inline-block;
    margin: 0 .7rem;
    opacity: .5
}

.scenario-block__pdf-details span {
    display: block;
    margin-top: .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;
    place-content: stretch space-around
}

.deck {
    --color-deck-border: rgba(0,0,0,.2);
    --color-deck-title: #000;
    --color-deck-restart-button: inherit;
    --color-deck-restart-button-hover: var(--color-theme);
    max-width: 50%;
    perspective: 50rem;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 30rem;
    z-index: 1
}

.deck__title {
    color: var(--color-deck-title);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
    text-align: center
}

.sorting-dark-theme .deck__title {
    color: #fff
}

.deck .restart-button {
    border-color: var(--color-deck-border);
    color: var(--color-deck-restart-button);
    font-family: var(--font-family-ui);
    margin-top: 2rem
}

.deck .restart-button:hover {
    color: var(--color-deck-restart-button-hover)
}

.sorting-dark-theme .deck .restart-button {
    border-color: hsla(0,0%,100%,.4);
    color: #fff
}

.sorting-dark-theme .deck .restart-button:hover {
    color: hsla(0,0%,100%,.75)!important
}

.deck .restart-button__content {
    transform: translate3d(0,-6.5rem,0);
    transition: transform .6s .2s
}

.deck--complete .restart-button__content {
    transform: translateZ(0)
}

.deck__spacer {
    height: 0;
    padding-bottom: 66.666666%;
    width: 100%
}

.deck__cardholder,.deck__content {
    inset: 0;
    pointer-events: none;
    position: absolute
}

.deck__cardholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    pointer-events: auto;
    transition: opacity .3s
}

.deck--complete .deck__cardholder {
    opacity: 1
}

.bg--type-black .deck,.bg--type-dark .deck,.bg--type-image .deck {
    --color-deck-border: hsla(0,0%,100%,.2);
    --color-deck-title: #fff
}

.bg--type-image .deck {
    --color-deck-restart-button-hover: hsla(0,0%,100%,.6)
}

.bg--type-image.bg--overlay-light .deck {
    --color-deck-border: rgba(0,0,0,.2);
    --color-deck-restart-button-hover: rgba(0,0,0,.6);
    --color-deck-title: #000
}

.bg--type-accent .deck {
    --color-deck-border: rgba(var(--color-theme-contrast-rgb,#000),0.2);
    --color-deck-restart-button: var(--color-theme-contrast);
    --color-deck-restart-button-hover: rgba(var(--color-theme-contrast-rgb,#000),0.6);
    --color-deck-title: var(--color-theme-contrast,#000)
}

.bg--type-color .deck {
    --color-deck-border: rgba(var(--color-background-contrast-rgb,#000),0.2);
    --color-deck-restart-button: var(--color-background-contrast);
    --color-deck-restart-button-hover: rgba(var(--color-background-contrast-rgb,#000),0.6);
    --color-deck-title: var(--color-background-contrast,#000)
}

.playing-card {
    --color-border-top: var(--color-theme);
    --color-content: rgba(0,0,0,.4);
    --color-handle-border: #76767c;
    --color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
    --color-title: #000;
    --color-transparent-border: hsla(0,0%,100%,.3);
    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(.96);
    transition: transform .5s,border .5s,color .5s,opacity .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: .2s;
    z-index: 3
}

.playing-card:first-child.reset {
    opacity: 0;
    transform: translate3d(0,-3rem,0) scale(1.1) rotateX(-15deg)
}

.playing-card:nth-child(2) {
    opacity: 1;
    transform: translate3d(0,.8rem,0) scale(.98) rotateX(0deg);
    transition-delay: .1s;
    z-index: 2
}

.playing-card:nth-child(2).reset {
    opacity: 0;
    transform: translate3d(0,-2rem,0) scale(1.05) rotateX(-10deg)
}

.playing-card:nth-child(3) {
    opacity: 1;
    transform: translate3d(0,1.6rem,0) scale(.96) rotateX(0deg);
    transition-delay: 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;
    background-color: var(--color-background);
    border-radius: 1.7%;
    border-top: .3rem solid var(--color-border-top);
    color: var(--color-content);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: absolute;
    transition: transform .15s,border .5s,color .5s
}

.bg--type-accent .playing-card__content,.bg--type-color .playing-card__content,.bg--type-image .playing-card__content,.bg--type-tint .playing-card__content {
    box-shadow: none
}

.bg--card-transparent.bg--type-black .playing-card__content,.bg--card-transparent.bg--type-dark .playing-card__content {
    --color-content: rgba(#fff,0.6)
}

.bg--card-transparent.bg--type-image .playing-card__content {
    --color-background: #fff;
    --color-border-top: transparent;
    --color-content: rgba(0,0,0,.4)
}

.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__content {
    --color-background: #000;
    --color-content: hsla(0,0%,100%,.6);
    --color-title: #fff
}

.bg--card-transparent.bg--type-accent .playing-card__content {
    --color-content: rgba(var(--color-theme-contrast-rgb,#000) 0.4)
}

.bg--card-transparent.bg--type-accent.bg--light-contrast .playing-card__content {
    --color-content: rgba(var(--color-theme-contrast-rgb,#000) 0.6)
}

.bg--type-accent .playing-card__content {
    --color-border-top: transparent
}

.playing-card__content:before {
    border: 1px solid var(--color-transparent-border);
    border-radius: 1.7%;
    content: "";
    inset: -.3rem 0 0;
    position: absolute
}

.bg--branded .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 {
    --color-transparent-border: rgba(#000,0.3)
}

.bg--card-transparent.bg--type-accent .playing-card__content {
    --color-transparent-contrast-rgb: var(--color-theme-contrast-rgb);
    --color-transparent-border: rgba(var(--color-theme-contrast-rgb,#000),0.3)
}

.playing-card:first-child .playing-card__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top-color: var(--color-border-top);
    color: var(--color-title)
}

.bg--card-transparent.bg--type-black .playing-card:first-child .playing-card__content,.bg--card-transparent.bg--type-dark .playing-card:first-child .playing-card__content {
    --color-title: #fff
}

.bg--type-accent .playing-card:first-child .playing-card__content {
    --color-border-top: transparent
}

.bg--card-transparent.bg--type-accent .playing-card:first-child .playing-card__content {
    --color-title: var(--color-text,var(--color-theme-contrast))
}

.bg--card-transparent.bg--type-color .playing-card:first-child .playing-card__content {
    --color-title: var(--color-text,var(--color-background-contrast))
}

.pile .playing-card:nth-child(n) {
    opacity: 1;
    transform: translateZ(0) scale(1);
    z-index: 1
}

.playing-card--moving {
    cursor: grabbing;
    transition: none;
    z-index: 3
}

.playing-card--moving .playing-card__content {
    transform: rotate(3deg)
}

.playing-card__title {
    word-wrap: break-word;
    color: var(--color-title);
    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__title--is-max-length {
    font-size: max(.9rem,min(3vw,1.8rem))
}

.bg--card-transparent.bg--type-black .playing-card__title,.bg--card-transparent.bg--type-dark .playing-card__title {
    --color-title: #fff
}

.bg--card-transparent.bg--type-accent .playing-card__title {
    --color-title: var(--color-text,var(--color-theme-contrast))
}

.bg--card-transparent.bg--type-color .playing-card__title {
    --color-title: var(--color-text,var(--color-background-contrast))
}

.playing-card__handle {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.playing-card__handle:before {
    border-bottom: .1rem solid var(--color-handle-border);
    border-top: .1rem solid var(--color-handle-border);
    bottom: 2rem;
    content: "";
    height: .5rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2.2rem
}

.playing-card__handle:after {
    background-color: var(--color-handle-border);
    bottom: 2.3rem;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 2.2rem
}

.bg--card-transparent.bg--type-black .playing-card__handle,.bg--card-transparent.bg--type-dark .playing-card__handle,.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__handle {
    --color-handle-border: hsla(0,0%,100%,.8)
}

.bg--card-transparent.bg--type-image .playing-card__handle {
    --color-handle-border: rgba(0,0,0,.8)
}

.bg--card-transparent.bg--type-accent .playing-card__handle {
    --color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
    --color-handle-border: rgba(var(--color-theme-contrast-rgb,#000),0.8)
}

.bg--card-transparent.bg--type-color .playing-card__handle {
    --color-theme-contrast-rgb: var(--color-background-contrast-rgb);
    --color-handle-border: rgba(var(--color-theme-contrast-rgb,#000),0.8)
}

@media(max-width: 29.9375em) {
    .playing-card__handle:before {
        bottom:.5rem
    }

    .playing-card__handle:after {
        bottom: .8rem
    }
}

.playing-card__status {
    --color-status-background: var(--color-theme);
    --box-shadow-status: none;
    --color-status-icon: var(--color-theme-contrast,#fff);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--color-status-background);
    border-radius: 50%;
    box-shadow: var(--box-shadow-status);
    color: var(--color-status-icon);
    height: 5.6rem;
    left: -1.8666666667rem;
    line-height: 5.6rem;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: -1.8666666667rem;
    transition: opacity .3s .3s;
    width: 5.6rem
}

.bg--type-accent .playing-card__status {
    --color-status-background: var(--color-theme-contrast);
    --box-shadow-status: 0 4px 5px 0px rgba(0,0,0,.2);
    --color-status-icon: var(--color-theme-contrast-complementary)
}

.bg--card-transparent.bg--type-image .playing-card__status {
    --color-status-background: #000;
    --color-status-icon: #fff
}

.bg--card-transparent.bg--type-image.bg--overlay-light .playing-card__status {
    --color-status-background: #fff;
    --color-status-icon: #000
}

.playing-card__status .icon-check {
    font-size: 1.7rem;
    line-height: inherit
}

.playing-card--fail .playing-card__content {
    animation: shake .4s ease-in-out 0ms
}

.restart-button {
    --restart-border-color: rgba(0,0,0,.2);
    border-top: .1rem solid var(--restart-border-color);
    color: #000;
    color: var(--deck-restart-button-color,#000);
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .08em;
    max-width: 20rem;
    min-height: 9rem;
    overflow: hidden;
    padding: 2rem 2.4rem;
    text-transform: uppercase;
    transition: color .3s
}

.restart-button [class*=icon-] {
    display: block;
    font-size: 2.2rem;
    margin-top: 1rem
}

.bg--type-black .restart-button,.bg--type-dark .restart-button,.bg--type-image .restart-button {
    --deck-restart-button-color: #fff;
    --restart-border-color: hsla(0,0%,100%,.2)
}

.bg--type-image.bg--overlay-light .restart-button {
    --deck-restart-button-color: #000;
    --restart-border-color: rgba(0,0,0,.2)
}

.bg--type-accent .restart-button {
    --restart-border-color: rgba(var(--color-theme-contrast-rgb,#000),0.2)
}

.bg--type-color .restart-button {
    --restart-border-color: rgba(var(--color-background-contrast-rgb,#000),0.2)
}

@keyframes ok {
    0% {
        transform: scale(1) translateZ(0)
    }

    30% {
        transform: scale(.8) translateZ(0)
    }

    70% {
        transform: scale(.8) translateZ(0)
    }

    to {
        transform: scale(.8) translate3d(0,40rem,0)
    }
}

@keyframes check {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.pile {
    --color-border-top: var(--color-theme);
    --color-border-dashed: rgba(0,0,0,.8);
    --color-title: rgba(49,53,55,.8);
    box-sizing: border-box;
    flex: 1 1 50%;
    margin: 0 0 1rem;
    overflow: hidden;
    padding: 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: var(--color-title);
    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--type-black .pile__title,.bg--type-dark .pile__title {
    --color-title: #fff
}

.bg--type-image .pile__title {
    --color-title: #000
}

.bg--type-image.bg--overlay-light .pile__title {
    --color-title: #fff
}

.bg--type-accent .pile__title {
    --color-title: var(--color-theme-contrast,#000)
}

.bg--type-accent.bg--card-transparent .pile__title {
    --color-title: var(--color-text,var(--color-theme-contrast))
}

.bg--type-color .pile__title {
    --color-title: var(--color-background-contrast,#000)
}

.bg--type-color.bg--card-transparent .pile__title {
    --color-title: var(--color-text,var(--color-background-contrast))
}

.pile__title--is-max-length {
    font-size: max(.9rem,min(3vw,1.8rem))
}

.pile__message {
    left: 0;
    max-height: 100%;
    padding: 0 max(0rem,min(1vw,1.5rem));
    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: .1rem dashed var(--color-border-dashed);
    border-radius: .4rem;
    padding: 1.5rem;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bg--type-accent .pile__wrap,.bg--type-black .pile__wrap,.bg--type-color .pile__wrap,.bg--type-dark .pile__wrap,.bg--type-image .pile__wrap,.bg--type-tint .pile__wrap {
    --color-background: none
}

.bg--type-black .pile__wrap,.bg--type-dark .pile__wrap {
    --color-border-dashed: hsla(0,0%,100%,.8)
}

.bg--type-image.bg--overlay-light .pile__wrap {
    --color-border-dashed: #fff
}

.bg--type-accent .pile__wrap {
    --color-theme-contrast-rgb: var(--color-theme-contrast-rgb);
    --color-border-dashed: rgba(var(--color-theme-contrast-rgb,#000),0.8)
}

.bg--type-color .pile__wrap {
    --color-theme-contrast-rgb: var(--color-background-contrast-rgb);
    --color-border-dashed: rgba(var(--color-theme-contrast-rgb,#000),0.8)
}

.pile__wrap:after {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 66.666666%
}

.pile__background {
    background: rgba(0,0,0,.1);
    border-radius: .4rem;
    inset: -.1rem;
    opacity: .99;
    position: absolute;
    transition: opacity .3s
}

.bg--range-med .pile__background {
    background: rgba(0,0,0,.35)
}

.bg--range-dark .pile__background {
    background: rgba(0,0,0,.4)
}

.bg--range-near-black .pile__background {
    background: hsla(0,0%,100%,.1)
}

.bg--type-image .pile__background {
    background: hsla(0,0%,100%,.7)
}

.bg--type-image.bg--overlay-light .pile__background {
    background: rgba(0,0,0,.7)
}

.pile__content {
    inset: 0;
    outline-offset: -.5rem;
    padding: 2.5rem;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.pile__content.drop-target+.pile__background {
    opacity: 0
}

.pile__content.drop-animating {
    outline-style: none
}

.pile__content.drop-success+.pile__background {
    opacity: 0
}

.pile .playing-card__content {
    --color-border-top: var(--color-border-top);
    color: #000
}

.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 .3s
}

.pile .playing-card {
    animation: ok 1.5s forwards;
    top: 200%;
    transform: translateZ(-3rem);
    z-index: 3
}

.pile .playing-card__status {
    animation: check .3s .2s forwards
}

.pile .playing-card__title {
    font-size: 1.2rem;
    font-weight: 700
}

@media(min-width: 37.5em) {
    .pile .playing-card__title {
        font-size:2rem
    }
}

.pile .playing-card__title--is-max-length {
    font-size: max(.8rem,min(1vw,2rem))
}

@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 {
    --color-border-connector: rgba(0,0,0,.1);
    font-family: merriweather,serif
}

.bg--range-dark .timeline,.bg--range-near-black .timeline,.bg--type-image:not(.bg--overlay-light) .timeline {
    --color-border-connector: hsla(0,0%,100%,.2)
}

.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 var(--color-border-connector);
    content: "";
    height: 6.9rem;
    left: 50%;
    position: absolute;
    top: -7rem
}

.timeline__card-wrapper:first-child:after {
    border: none
}

.timeline__card-wrapper:last-child {
    margin-bottom: 0
}

.timeline-card {
    border-radius: .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: .4rem 0 0 .4rem;
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
    content: "";
    inset: 0;
    position: absolute
}

.timeline-card__body {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: .4rem;
    box-shadow: 0 0 1rem 0 transparent;
    min-height: 21rem;
    opacity: .93;
    outline: .1rem solid transparent;
    overflow: hidden;
    padding: 3rem 2rem 4rem;
    position: relative;
    transform-style: preserve-3d;
    transition: opacity .3s
}

@media print {
    .timeline-card__body {
        opacity: 1
    }
}

.timeline-card__body:before {
    background-color: var(--color-theme);
    border-radius: .4rem 0 0 .4rem;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: .4rem
}

.bg--type-accent .timeline-card__body:before,.bg--type-image.bg--card-transparent .timeline-card__body:before {
    content: none
}

@media print {
    .timeline-card__body:before {
        opacity: 1
    }
}

.timeline-card--active .timeline-card__body {
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.timeline-card--active .timeline-card__body:before {
    opacity: 1
}

.timeline-card__main-wrap {
    opacity: .25;
    transition: opacity .3s
}

@media print {
    .timeline-card__main-wrap {
        opacity: 1
    }
}

.timeline-card--active .timeline-card__main-wrap {
    opacity: 1
}

.timeline-card__date {
    --color-date: var(--color-theme-decorative);
    color: var(--color-theme);
    color: var(--color-date,var(--color-theme));
    font-size: 2rem;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 1rem
}

.timeline-card__date.brand--body h2 {
    font-weight: 700;
    font-size: 2rem;
}

.product-id-12 .timeline-card__date.brand--body h2 , .product-id-92 .timeline-card__date.brand--body h2{
    color: #001337;
}

@media print {
    .timeline-card__date {
        font-size: 1.5rem
    }
}

.timeline-card__title {
    color: var(--color-text);
    font-family: lato,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .02rem;
    line-height: 1.85;
    margin-bottom: 1rem
}

@media print {
    .timeline-card__title {
        font-size: 1.5rem
    }
}

.timeline-card__description {
    color: var(--color-text);
    font-family: merriweather,serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.9411764706
}

@media print {
    .timeline-card__description {
        font-size: 1.3rem;
        margin-bottom: 2rem
    }
}

.timeline-card__media {
    border: none
}

.timeline-card__media--audio {
    margin-bottom: 1rem
}

.timeline-card__media--audio .audio-player__housing {
    margin: 0
}

.timeline-card__media--linkEmbed {
    margin-bottom: 2rem
}

.timeline-card__media--videoEmbed {
    margin-bottom: 3rem
}

.timeline-card__media--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: .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: .1rem solid rgba(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%,.5)
}

.block-chart__cartesianLegendItem {
    margin-bottom: 1rem
}

.block-chart__cartesianLegendItem--unfocused {
    opacity: .5
}

.block-chart__cartesianLegendDefn,.block-chart__cartesianLegendTerm {
    display: inline
}

.block-chart__cartesianLegendDefn {
    margin-left: .8rem
}

.block-chart__cartesianLegendDefnPipe {
    color: rgba(0,0,0,.5);
    margin: 0 .4rem
}

.block-chart__container--darkTheme .block-chart__cartesianLegendDefnPipe {
    color: hsla(0,0%,100%,.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
}

.block-chart__circleLegend--border .block-chart__circleLegendSymbol {
    border: 1px solid var(--color-text)
}

@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: .85rem 0;
    white-space: nowrap
}

.block-chart__circleLegendItem--unfocused {
    opacity: .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 .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-wrap--headings-flag h2,.block-chart__title-wrap--headings-flag h3,.block-chart__title-wrap--headings-flag h4,.block-chart__title-wrap--headings-flag h5 {
    font-family: var(--font-family-head)!important;
    font-weight: 700;
    line-height: 1.25;
    padding: .8rem 0
}

.block-chart__title-wrap--headings-flag h2 p,.block-chart__title-wrap--headings-flag h3 p,.block-chart__title-wrap--headings-flag h4 p,.block-chart__title-wrap--headings-flag h5 p {
    font-family: var(--font-family-head)!important;
    font-weight: 700;
    line-height: 1.25
}

.block-chart__title-wrap--headings-flag h2 {
    font-size: 2.8rem
}

@media(min-width: 45em) {
    .block-chart__title-wrap--headings-flag h2 {
        font-size:3.2rem
    }
}

@media print {
    .block-chart__title-wrap--headings-flag h2 {
        font-size: 2.2rem
    }
}

.block-chart__title-wrap--headings-flag h3 {
    font-size: 2.2rem
}

@media(min-width: 45em) {
    .block-chart__title-wrap--headings-flag h3 {
        font-size:2.4rem
    }
}

@media print {
    .block-chart__title-wrap--headings-flag h3 {
        font-size: 1.8rem
    }
}

.block-chart__title-wrap--headings-flag h4 {
    font-size: 1.8rem
}

@media(min-width: 45em) {
    .block-chart__title-wrap--headings-flag h4 {
        font-size:2rem
    }
}

@media print {
    .block-chart__title-wrap--headings-flag h4 {
        font-size: 1.6rem
    }
}

.block-chart__title-wrap--headings-flag h5 {
    font-size: 1.6rem
}

@media(min-width: 45em) {
    .block-chart__title-wrap--headings-flag h5 {
        font-size:1.8rem
    }
}

@media print {
    .block-chart__title-wrap--headings-flag h5 {
        font-size: 1.4rem
    }
}

.block-chart__title-wrap--headings-flag .block-chart__title {
    letter-spacing: inherit
}

.block-chart__title {
    font-family: var(--font-family-head);
    font-size: 2.4rem;
    letter-spacing: .05rem;
    margin: 0 2rem;
    text-align: center
}

@media(min-width: 60em) {
    .block-chart__title {
        margin:0
    }
}

.block-chart__chart {
    position: relative
}

.block-text-to-video__container {
    display: flex;
    justify-content: center
}

.block-text-to-video__placeholder-text-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: 1.5;
    padding: 0 10rem;
    width: 100%
}

.block-text-to-video__item {
    margin: 0 auto;
    max-width: 110rem;
    width: 100%
}

.block-text-to-video__item--small {
    max-width: 76rem
}

@media(min-width: 67.5em) {
    .block-text-to-video__item--small .block-video__wrapper {
        padding:0
    }
}

.block-text-to-video__item--medium {
    max-width: 110rem
}

.block-text-to-video__item--full {
    max-width: 100%
}

.block-text-to-video__thumbnail-container {
    max-width: 110rem;
    position: relative;
    width: 100%
}

.block-text-to-video__thumbnail-container--small {
    max-width: 76rem
}

.block-text-to-video__thumbnail-container--medium {
    max-width: 110rem
}

.block-text-to-video__thumbnail-container--full {
    max-width: 100%
}

.block-text-to-video__thumbnail-image {
    height: 100%;
    width: 100%
}

.block-text-to-video__thumbnail-generation-overlay {
    align-items: center;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background: hsla(0,0%,100%,.9);
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute
}

.block-text-to-video__generating-spinner {
    animation: spin 2s linear infinite;
    height: 6rem;
    width: 6rem
}

.block-text-to-video__generating-text {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.block-text-to-video__generating-text--header {
    padding: 1.5rem 0
}

.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: .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: .7rem;
    width: auto
}

.bc-dropdown {
    background: #fff;
    border-radius: .6rem;
    box-shadow: 0 .5rem 4rem rgba(0,0,0,.1);
    font-weight: 400;
    max-width: 25rem;
    padding: 2rem 0;
    transition: all .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: .3rem solid #fff;
    border-left: .3rem solid transparent;
    border-right: .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 .2s,opacity .2s,height .2s
}

.folder-tree__folderWrap>.folder-tree__folderWrap {
    max-height: 0;
    opacity: 0;
    transition: max-height .2s,opacity .2s,height .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 .2s,opacity .2s,height .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 .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: .1rem dashed #282828;
    border-radius: .4rem;
    inset: 0;
    margin: .2rem;
    position: absolute;
    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: .5rem .4rem;
    transform: rotate(-90deg);
    transition: all .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 .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 .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 .5rem
}

.addIcon svg {
    fill: #c9c9ca;
    transition: fill .2s
}

.folder {
    position: relative
}

.folder__button {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: .1rem solid #c9c9ca;
    border-radius: .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 .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 .2s
}

.folder .label {
    flex-grow: 1;
    white-space: nowrap;
    width: 12.7rem
}

.folder .label div {
    overflow: hidden;
    text-overflow: ellipsis
}

.folder__drop-mask {
    border: .1rem solid transparent;
    border-radius: .6rem;
    inset: 0;
    margin: 0 1.5rem 1.5rem 0;
    position: absolute
}

.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: .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: .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: .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: .6rem 0 0 .6rem
}

.table__thcol:last-child {
    border-radius: 0 .6rem .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: .6rem .5rem;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 .5em;
    vertical-align: calc(1ex - .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: .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: .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: .1rem solid #eee;
    font-size: 1.4rem;
    font-weight: 400;
    height: 5.5rem;
    letter-spacing: 0;
    padding-bottom: 0;
    padding-top: 0;
    transition: all .2s;
    vertical-align: middle
}

.table__td:first-child {
    border-bottom-left-radius: .6rem;
    border-top-left-radius: .6rem
}

.table__td:last-child {
    border-bottom-right-radius: .6rem;
    border-top-right-radius: .6rem
}

.lesson-main:focus {
    outline: none
}

@keyframes slideIn {
    0% {
        height: 100vh;
        transform: translateY(100%)
    }

    to {
        height: 100vh;
        transform: translate(0)
    }
}

@keyframes slideInMobile {
    0% {
        height: 100vh;
        transform: translate3d(0,100%,0)
    }

    to {
        height: 100vh;
        transform: translateZ(0)
    }
}

@keyframes slideOut {
    0% {
        height: 100vh;
        opacity: 1;
        overflow: hidden;
        transform: translate(0)
    }

    to {
        height: 100vh;
        opacity: .5;
        overflow: hidden;
        transform: translateY(-100%)
    }
}

@keyframes slideInExit {
    0% {
        height: 100vh;
        transform: translate3d(0,-100%,0)
    }

    to {
        height: 100vh;
        transform: translateZ(0)
    }
}

@keyframes slideInExitMobile {
    0% {
        height: 100vh;
        transform: translate3d(0,-100%,0)
    }

    to {
        height: 100vh;
        transform: translateZ(0)
    }
}

@keyframes slideOutExit {
    0% {
        height: 100vh;
        opacity: 1;
        overflow: hidden;
        transform: translateZ(0)
    }

    to {
        height: 100vh;
        opacity: .5;
        overflow: hidden;
        transform: translate3d(0,100%,0)
    }
}

.page-wrap {
    overflow: hidden
}

.page,.page-wrap {
    position: relative
}

.page {
    min-height: 100%
}

.page__content {
    /* opacity:0; */
    /* transform:none; */
    /* transition-duration:.6s; */
    /* transition-property:transform,opacity; */
}

.page__content--appear {
    opacity: 1;
}

.page-transition-back-enter .page__content,.page-transition-enter .page__content {
    opacity: 0;
    transform: translate3d(0,-3rem,0)
}

.page-transition-back-complete .page__content,.page-transition-complete .page__content {
    opacity: 1;
    transform: none
}

.page__wrapper {
    background-color: #f5f5f5;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    transition-duration: .75s;
    transition-property: transform
}

.page__wrapper--white {
    background-color: #fff
}

.page__container {
    min-height: 100vh
}

.page-wrap {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto
}

.page-wrap--noscroll {
    overflow-y: hidden
}

.page-view {
    height: 100%;
    overflow: hidden
}

.page-transition {
    position: relative
}

.page-transition-enter {
    position: relative;
    z-index: 1
}

.page-transition-enter .page__wrapper {
    animation: slideInMobile .75s
}

@media(min-width: 48em) {
    .page-transition-enter .page__wrapper {
        animation:slideIn .75s
    }
}

@media(max-width: 59.9375em) {
    .page-transition-enter .page__wrapper {
        animation:slideIn .75s .3s
    }
}

@media(max-width: 47.9375em) {
    .page-transition-enter .page__wrapper {
        animation:slideInMobile .75s .3s
    }
}

.page-transition-leave {
    animation: slideOut .75s forwards;
    height: 100vh;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute!important;
    right: 0;
    top: 0;
    transition: opacity .75s;
    z-index: 2
}

@media(max-width: 59.9375em) {
    .page-transition-leave {
        animation:slideOut .75s .3s forwards
    }
}

.page-transition-back {
    position: relative
}

.page-transition-back-enter {
    opacity: .99;
    position: relative;
    transition: opacity .75s;
    z-index: 1
}

.page-transition-back-enter .page__wrapper {
    animation: slideInExitMobile .75s
}

@media(min-width: 48em) {
    .page-transition-back-enter .page__wrapper {
        animation:slideInExit .75s
    }
}

@media(max-width: 59.9375em) {
    .page-transition-back-enter .page__wrapper {
        animation:slideInExit .75s .3s
    }
}

@media(max-width: 47.9375em) {
    .page-transition-back-enter .page__wrapper {
        animation:slideInExitMobile .75s .3s
    }
}

.page-transition-back-leave {
    animation: slideOutExit .75s forwards;
    height: 100vh;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute!important;
    right: 0;
    top: 0;
    transition: opacity .75s;
    z-index: 2
}

@media(max-width: 59.9375em) {
    .page-transition-back-leave {
        animation:slideOutExit .75s .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: #000;
    cursor: pointer;
    display: flex;
    left: -1rem;
    padding: 1rem;
    position: relative;
    top: -.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: #000
}

.page-lesson-wrap {
    display: flex;
    flex-direction: column;
    height: 100%
}

.page-lesson {
    flex: 1 1 auto;
    position: relative
}

.page__content--preview-nav {
    /* opacity:1; */
    /* transform:none; */
    /* transition:none; */
}

.lesson-one-page-scroll .page__content,.lesson-one-page-slides .page__content {
    opacity: 1
}

.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: #000
}

@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: .75s;
    animation-name: hidecard;
    height: 100vh;
    opacity: 1;
    overflow: hidden
}

.process__item--active {
    animation-duration: .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: .75s;
    animation-fill-mode: forwards;
    animation-name: showcardUp;
    pointer-events: auto
}

.process--reverse-animation .process__item--next {
    animation-duration: .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: .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 .8rem 1.8rem rgba(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: -.5rem;
    pointer-events: auto;
    position: absolute;
    transform: translateZ(0);
    transition-duration: .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 .1rem .1rem rgba(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: .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: .1rem solid #e7e8e8;
        color: #000;
        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: .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: #000;
        font-size: 1rem;
        font-weight: 800;
        height: 4.9rem;
        letter-spacing: .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: .8rem;
        opacity: .2
    }

    .iphone-safari .process__next [class*=icon-] {
        display: none
    }

    .process__next .process__control-content:before {
        content: attr(data-next-step);
        opacity: 1;
        transition: opacity .3s .3s
    }

    .process__previous {
        left: 0;
        text-align: left;
        z-index: 2
    }

    .process__previous [class*=icon-] {
        margin-right: .8rem;
        opacity: .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 .8rem 1.8rem rgba(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 .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 .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:.5rem
    }
}

.card__container {
    background: #fff;
    box-shadow: 0 .4rem 1rem rgba(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: -.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(0,0,0,.4);
    bottom: 0;
    content: "";
    height: .4rem;
    left: 0;
    margin: auto;
    position: absolute;
    width: 6rem
}

@media print {
    .card__title:after {
        height: .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: .8rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.2rem;
    padding: .6rem 1.2rem .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: .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: .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: .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: -.5rem;
        margin-right: -.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: .5rem;
        padding-right: .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: .5rem;
        padding-right: .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 .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 .5s .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 .5rem;
    position: relative
}

@media(min-width: 48em) {
    .process-header {
        padding:4rem 6rem
    }
}

@media(max-width: 47.9375em) {
    .lesson--preview .process-header {
        padding-top:.5rem
    }
}

.process-header__container {
    background: #fff;
    box-shadow: 0 .4rem 1rem rgba(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: .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: .3rem;
    left: 0;
    position: absolute;
    transition: background .3s;
    width: 16rem
}

@media(min-width: 48em) {
    .process-header__top-wrap {
        margin:0 0 4rem;
        padding-bottom: 3rem
    }

    .process-header__top-wrap:after {
        height: .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: .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: -.5rem;
        margin-right: -.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: .5rem;
        padding-right: .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: #000;
    font-family: Lato;
    font-size: 3.6rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .02rem;
    line-height: normal
}

@media(max-width: 42.4375em) {
    .progress-summary__header-title {
        margin-bottom:.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: .8rem;
    width: 2.2rem
}

.progress-summary__header-completion-date {
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    letter-spacing: .02rem
}

.progress-summary__header-due {
    border: .1rem solid;
    border-radius: .4rem;
    font-family: Lato;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: .04rem;
    padding: .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: #000;
    font-size: 1.5rem;
    letter-spacing: .008rem
}

.progress-summary__start-over {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-decoration: none;
    text-transform: uppercase
}

.progress-summary__start-over-icon {
    color: #000;
    font-size: 1.5rem;
    margin-top: .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 {
    background-color: var(--color-theme);
    border-radius: 8rem;
    color: #fff;
    color: var(--color-theme-contrast,#fff);
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1rem;
    padding: 1rem 3rem;
    text-transform: uppercase
}

.progress-summary__requirement {
    align-items: center;
    border-top: .1rem solid #eee;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0
}

.progress-summary__requirement:last-child {
    border-bottom: .1rem solid #eee
}

.progress-summary__requirement-stats-wrap {
    width: 100%
}

.progress-summary__requirement-title {
    color: #000;
    font-family: Lato;
    font-size: 1.8rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02rem;
    line-height: normal;
    margin-bottom: 1rem
}

@media(max-width: 29.9375em) {
    .progress-summary__requirement-title {
        font-size:1.6rem
    }
}

.progress-summary__requirement-stats {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Lato;
    font-size: 1.5rem
}

@media(max-width: 42.4375em) {
    .progress-summary__requirement-stats {
        align-items:flex-start;
        flex-direction: column
    }
}

.progress-summary__requirement-stats>:first-child {
    border-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: .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: .2rem solid #8a8c8d;
    border-radius: .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: .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: .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
}

@media(max-width: 42.4375em) {
    .progress-summary__lp-next-card {
        margin-left:0;
        margin-top: 2rem
    }
}

@media(max-width: 22.4375em) {
    .progress-summary__lp-next-card {
        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: .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-theme);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .8rem;
    height: 14.4rem;
    outline: .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: .8rem;
    height: 14.4rem;
    opacity: .5;
    position: absolute;
    width: 24.8rem
}

@media(max-width: 42.4375em) {
    .progress-summary-card__image-overlay {
        height:21.2rem;
        width: 36.6rem
    }
}

@media(max-width: 25.8125em) {
    .progress-summary-card__image-overlay {
        height:19rem;
        width: 32.7rem
    }
}

@media(max-width: 22.4375em) {
    .progress-summary-card__image-overlay {
        height:15.8rem;
        width: 27.2rem
    }
}

@media(hover: hover) {
    .progress-summary-card__card: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,.6),rgba(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,.6),rgba(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,.2),rgba(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: .5rem
}

.progress-summary-card__progress-bar-wrap {
    background: hsla(0,0%,98%,.5);
    border-radius: 10rem;
    bottom: .8rem;
    height: .5rem;
    margin-top: .8rem;
    outline: .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(0,0,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%,.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: .5rem;
    outline: .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 .75s 375ms,opacity .75s .75s
}

.quiz-item__card--done {
    opacity: 0;
    overflow: visible;
    z-index: 6
}

@media(prefers-reduced-motion:no-preference) {
    .quiz-item__card--done {
        animation: hidequizcard .9s forwards
    }
}

.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 .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 .75s 0ms,opacity .75s .3s
}

.quiz-item__card--active .quiz-item__card-wrap .quiz-card__feedback {
    visibility: hidden
}

.quiz-item__card--active .quiz-item__card-wrap .quiz-card__feedback--active {
    visibility: visible
}

.quiz-item__card--next {
    height: 100vh;
    overflow: visible;
    z-index: 4
}

.quiz-item__card--next .quiz-item__card-wrap {
    opacity: 1;
    transition: transform .75s .45s,opacity .75s 1.35s
}

@media(min-width: 33.75em)and (prefers-reduced-motion:no-preference) {
    .quiz-item__card--next .quiz-item__card-wrap {
        transform:translate3d(0,-1.5rem,-1.5rem)
    }
}

@media print {
    .quiz-item__card--next {
        display: none
    }
}

.quiz-item__card--penultimate {
    overflow: visible;
    z-index: 3
}

.quiz-item__card--penultimate .quiz-item__card-wrap {
    opacity: 1;
    transition: transform .75s 525ms,opacity .75s 1.5s
}

@media(min-width: 33.75em) {
    .quiz-item__card--penultimate .quiz-item__card-wrap {
        transform:translate3d(0,-3rem,-3rem)
    }
}

@media print {
    .quiz-item__card--penultimate {
        display: none
    }
}

@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 .5rem;
    position: relative;
    z-index: 2
}

@media(min-width: 45em) {
    .quiz-end__container {
        padding:9rem 6rem
    }
}

.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: .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 .9s .1s
}

.quiz-results__footer {
    pointer-events: none;
    text-align: center;
    transition: opacity .9s
}

.quiz-results__footer--active {
    opacity: 1;
    pointer-events: inherit
}

.quiz-results__footer--hidden {
    opacity: 0
}

.quiz-results__footer--hidden .restart-button__content {
    transform: translate3d(0,-6.5rem,0)
}

.odometer {
    max-width: 100%
}

.odometer__score {
    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 .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: .08em;
    text-align: center;
    text-transform: uppercase;
    transition: opacity .3s .3s
}

@media(min-width: 30em) {
    .odometer__score-label {
        font-size:1rem
    }
}

.odometer__fail-label,.odometer__pass-label {
    color: rgba(0,0,0,.4);
    font-size: 1.2rem;
    font-weight: 900;
    left: 0;
    letter-spacing: .08em;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .3s
}

@media(min-width: 30em) {
    .odometer__fail-label,.odometer__pass-label {
        font-size:1.4rem
    }
}

.odometer__pass-label {
    color: #50abf1
}

.odometer__fail-label {
    color: #000
}

.odometer__score--fail .odometer__fail-label,.odometer__score--pass .odometer__pass-label,.odometer__score-percent {
    opacity: 1;
    transition: opacity .3s .3s
}

.odometer__score-percent {
    font-size: 48px;
    font-weight: 200;
    line-height: 1.25;
    text-align: center
}

.odometer__score-percent--hidden {
    opacity: 0;
    transition: opacity .3s
}

@media(min-width: 22.5em) {
    .odometer__score-percent {
        font-size:64px
    }
}

@media(min-width: 30em) {
    .odometer__score-percent {
        font-size:82px
    }
}

.odometer__passmark {
    padding: 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: #000;
    display: block;
    font-family: lato,sans-serif;
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .08rem;
    line-height: 1.5;
    text-transform: uppercase
}

@media(min-width: 22.5em) {
    .odometer__passlabel {
        font-size:.8rem
    }
}

@media(min-width: 30em) {
    .odometer__passlabel {
        font-size:1rem
    }
}

@media(max-width: 44.9375em) {
    .odometer__passlabel {
        font-size:1.6rem
    }
}

.odometer__passpercent {
    color: #707070;
    font-family: merriweather,serif;
    font-size: .8rem;
    letter-spacing: .02rem
}

@media(min-width: 22.5em) {
    .odometer__passpercent {
        font-size:1rem
    }
}

@media(min-width: 30em) {
    .odometer__passpercent {
        font-size:1.2rem
    }
}

@media(max-width: 44.9375em) {
    .odometer__passpercent {
        font-size:1.4rem
    }
}

.odometer__canvas {
    display: block;
    max-width: 100%;
    position: relative;
    width: 59rem;
    z-index: 1
}

.odometer__fail,.odometer__pass {
    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 .5rem 1rem;
    position: relative;
    z-index: 3
}

@media(min-width: 33.75em) {
    .quiz-header {
        padding:7.5rem .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 .3rem 1rem rgba(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: .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: .3rem;
    left: 0;
    position: absolute;
    transition: background .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: .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: .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
}

@media(min-width: 48em) {
    .quiz-header__counter {
        font-size:1.2rem
    }
}

.quiz-header__start-quiz {
    background: none;
    border: none;
    color: #50abf1;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .1rem;
    margin-top: 3rem;
    padding-left: 0;
    text-transform: uppercase
}

.quiz-header__start-quiz [class*=icon-] {
    font-size: 1.1rem;
    margin-left: 1rem
}

@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 .6s
}

.video-lesson--visible {
    opacity: 1;
    padding-bottom: 5rem
}

@media(min-width: 45em) {
    .video-lesson--visible {
        padding-bottom:15rem
    }
}

.video-lesson__item {
    padding-bottom: .4rem;
    padding-top: .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-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 #000
}

.one-page-authors__avatar {
    background-repeat: none;
    background-size: cover
}

.one-page-authors__name {
    color: #fff;
    font-family: var(--font-family-ui);
    font-size: 1.4rem;
    line-height: 1.2
}

.one-page-authors__name--text-dark {
    color: #000
}

.one-page-cover-info {
    padding: 0 13.5rem;
    width: 100%
}

@media(max-width: 61.9375em) {
    .one-page-cover-info {
        padding:0 9rem
    }
}

@media(max-width: 47.9375em) {
    .one-page-cover-info {
        padding:0 4.5rem
    }
}

@media(max-width: 29.9375em) {
    .one-page-cover-info {
        padding:0
    }
}

.lessonNavigation__wrapper {
    height: 100vh;
    height: 100dvh
}

.lessonNavigation__wrapper--full .lesson-nav--next,.lessonNavigation__wrapper--full .lesson-nav--previous {
    display: flex
}

.lessonNavigation__wrapper--full .navButtonsFull__navPrev--hide .lesson-nav--previous {
    display: none
}

.lessonNavigation__wrapper--floating .lesson-nav--next,.lessonNavigation__wrapper--floating .lesson-nav--previous {
    display: flex
}

.lessonNavigation__wrapper--floating .lesson-nav--next,.lessonNavigation__wrapper--floating .lesson-nav--previous:not(.lesson-nav--floating-full) {
    height: 0
}

.lessonNavigation__wrapper--floating .navButtonsFloating__bottom,.lessonNavigation__wrapper--floating .navButtonsFloating__top {
    background: transparent;
    height: .2rem
}

.lessonNavigation__wrapper--floating .navButtonsFloating .lesson-nav--floating {
    display: flex;
    height: 0
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav--next,.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav--prev,.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav--next,.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav--prev {
    display: flex
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--entered .lesson-nav-link,.lessonNavigation__wrapper--floating .navButtonsFloating__prev--entered .lesson-nav-link {
    opacity: 1;
    transform: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__prev--exiting .lesson-nav-link {
    display: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__prev--exited .lesson-nav-link {
    opacity: 1;
    transform: translateY(-200%)
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--exiting .lesson-nav-link {
    display: none
}

.lessonNavigation__wrapper--floating .navButtonsFloating__next--exited .lesson-nav-link {
    opacity: 1;
    transform: translateY(200%)
}

.courseExit {
    background: none;
    border: none;
    color: #959fa5;
    cursor: pointer;
    font-family: lato,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .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: .02rem;
        padding-left: 1.8rem;
        right: 1.8rem;
        top: 0
    }
}

.courseExit--overview {
    color: #fff;
    opacity: 1;
    right: 3rem;
    top: 2rem;
    transition: opacity .3s
}

@media(max-width: 47.9375em) {
    .courseExit--overview {
        font-size:1.1rem;
        letter-spacing: .02rem;
        right: 2rem
    }
}

.overview--will-enter .courseExit--overview,.overview--will-exit .courseExit--overview {
    opacity: 0
}

.courseExit__wrapper {
    position: absolute;
    right: 0;
    top: 0;
    transition: margin .3s;
    z-index: 1000
}

.courseExit__button {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    border-radius: 4px;
    color: #000;
    display: flex;
    justify-content: center;
    margin: .8rem 2rem;
    width: 12rem
}

.nav-overlay {
    background-color: #fff;
    height: 100vh;
    inset: 0;
    position: absolute;
    transition-duration: .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 .3s,transform .3s ease .1s
}

.nav-sidebar-header--compact {
    bottom: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(100%);
    transition: transform .3s ease .1s;
    z-index: 1
}

.nav-sidebar-header--searching {
    overflow: hidden;
    transition: height .3s
}

.nav-sidebar-header--compact.nav-sidebar-header--searching {
    transition: height .3s,transform .3s ease .1s
}

@media(prefers-reduced-motion) {
    .nav-sidebar-header {
        transition: none
    }
}

.nav-sidebar-header__inner {
    position: relative
}

.nav-sidebar-header__search-btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    transition: opacity .3s .3s,transform .3s .3s,visibility 0s;
    z-index: 2
}

.nav-sidebar-header__search-btn--hidden {
    opacity: 0;
    transition: opacity .3s,transform .3s,visibility 0s .3s;
    visibility: hidden
}

@media(prefers-reduced-motion) {
    .nav-sidebar-header__search-btn {
        transition: none
    }
}

.nav-sidebar-header__search-area {
    position: absolute;
    transition: transform .3s .1s,visibility 0s;
    z-index: 1
}

.nav-sidebar-header__search-area--hidden {
    transition: transform .3s .1s,visibility 0s .3s;
    visibility: hidden
}

@media(prefers-reduced-motion) {
    .nav-sidebar-header__search-area {
        transition: none
    }
}

.nav-sidebar-header__graphic {
    background-color: var(--color-theme);
    z-index: 0
}

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

.nav-sidebar-header__content {
    opacity: 1;
    position: relative;
    transition: opacity .3s linear .3s,visibility 0s linear;
    visibility: visible;
    z-index: 1
}

.nav-sidebar-header__content--hidden {
    opacity: 0;
    position: absolute;
    transition: opacity .3s,visibility 0s linear .3s;
    visibility: hidden
}

@media(prefers-reduced-motion) {
    .nav-sidebar-header__content {
        transition: none
    }
}

.nav-sidebar-header-ghost {
    flex: 0 0 auto;
    position: absolute;
    width: 100%
}

.nav-sidebar-header-ghost--compact {
    position: static
}

@keyframes nav-sidebar-result__enter {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.nav-sidebar-result {
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: nav-sidebar-result__enter;
    animation-timing-function: ease;
    opacity: 0;
    transform: translateY(-1.5rem)
}

@media(prefers-reduced-motion) {
    .nav-sidebar-result {
        animation-delay: 0s!important;
        animation-duration: 0s
    }
}

.nav-sidebar-results--hidden {
    display: none
}

.nav-sidebar--collapsed {
    opacity: 0;
    transition: opacity 0ms .3s,visibility 0ms .3s;
    visibility: hidden
}

.nav-sidebar__content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0
}

.nav-sidebar__header {
    flex-shrink: 0
}

.nav-sidebar__body {
    flex: 1;
    position: relative;
    transform: translateZ(0)
}

.nav-sidebar__outline-list {
    transition: opacity .3s linear .4s,visibility 0s linear
}

.nav-sidebar__outline-list--disabled {
    opacity: 0;
    transition: opacity .3s,visibility 0s linear .3s;
    visibility: hidden
}

.nav-sidebar__outline-list--hidden {
    height: 0;
    overflow: hidden
}

@media(prefers-reduced-motion) {
    .nav-sidebar__outline-list {
        transition: none
    }
}

.nav-control__menu {
    margin-left: 0;
    padding: .8rem 1.2rem;
    position: absolute;
    top: 0;
    transition: margin-left .3s;
    z-index: 300
}

.lesson--preview .nav-control__menu {
    display: none
}

@media(max-width: 29.9375em) {
    .course-navigation__lessonNav--type-floating .nav-control__wrapper--navPrevVisible .courseExit__wrapper,.course-navigation__lessonNav--type-floating .nav-control__wrapper--navPrevVisible .nav-control__menu {
        margin-top:8.2rem
    }
}

.course-navigation__lessonNav--type-full .nav-control__wrapper--navPrevVisible .courseExit__wrapper,.course-navigation__lessonNav--type-full .nav-control__wrapper--navPrevVisible .nav-control__menu {
    margin-top: 6.4rem
}

.course-navigation__lessonNav--type-full .nav-control__menu {
    display: flex
}

.course-navigation__lessonNav--type-full .nav-control__menu--hide {
    display: none
}

.nav-control__button {
    align-items: center;
    background: hsla(0,0%,100%,.8);
    border-radius: 4px;
    display: flex;
    height: 2.8rem;
    justify-content: center;
    width: 2.8rem
}

.page-wrap {
    margin-left: 0;
    transition: margin .3s
}

@media(max-width: 59.9375em) {
    .page-wrap {
        width:100vw
    }
}

.course-navigation__sidebar .nav-sidebar-header,.course-navigation__sidebar .nav-sidebar__content {
    width: 0
}

.course-navigation__sidebar .nav-sidebar__content {
    margin-left: -28rem;
    transition: margin-left .3s
}

@media(max-width: 29.9375em) {
    .course-navigation__sidebar .nav-sidebar__content {
        margin-left:-26rem
    }
}

.course-navigation__sidebar .nav-sidebar__content:after {
    bottom: 0;
    box-shadow: inset -1.2rem 0 2rem -2rem rgba(0,0,0,.12);
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    z-index: 1
}

.course-navigation__sidebar--nav-open .nav-control__menu,.course-navigation__sidebar--search-open .nav-control__menu {
    margin-left: 28rem
}

@media(max-width: 29.9375em) {
    .course-navigation__sidebar--nav-open .nav-control__menu,.course-navigation__sidebar--search-open .nav-control__menu {
        margin-left:26rem
    }
}

.course-navigation__sidebar--nav-open .page-wrap,.course-navigation__sidebar--search-open .page-wrap {
    box-shadow: 0 0 4rem rgba(0,0,0,.12);
    margin-left: 28rem
}

@media(max-width: 29.9375em) {
    .course-navigation__sidebar--nav-open .page-wrap,.course-navigation__sidebar--search-open .page-wrap {
        margin-left:26rem
    }
}

.course-navigation__sidebar--nav-open .nav-sidebar__content,.course-navigation__sidebar--search-open .nav-sidebar__content {
    margin-left: 0;
    width: 28rem
}

.course-navigation__sidebar--nav-open .nav-sidebar__content .nav-sidebar-header,.course-navigation__sidebar--search-open .nav-sidebar__content .nav-sidebar-header {
    width: 100%
}

@media(max-width: 29.9375em) {
    .course-navigation__sidebar--nav-open .nav-sidebar__content,.course-navigation__sidebar--search-open .nav-sidebar__content {
        padding-bottom:4rem;
        width: 26rem
    }
}

.course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .nav-control__menu {
    display: none
}

@media(max-width: 59.9375em) {
    .course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .course-navigation__sidebar--nav-open .navButtonsFloating__next--entered .lesson-nav-link,.course-navigation__sidebar--search-open.course-navigation__sidebar--course-nav-type-overlay .course-navigation__sidebar--nav-open .navButtonsFloating__prev--entered .lesson-nav-link {
        display:none
    }
}

.lesson-one-page-slides {
    height: 100%
}

.lesson-one-page-slides .page-wrap {
    inset: 0;
    overflow-y: auto;
    position: fixed
}

.lesson-one-page-slides .page-wrap--transitioning {
    overflow: hidden
}

.lesson-one-page-slides__controls {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 2.8rem 3rem 2.8rem auto;
    justify-content: space-between;
    position: fixed;
    z-index: 11
}

.lesson-one-page-slides__controls--touch-preview {
    flex-direction: row;
    inset: auto 0 1.4rem;
    justify-content: center
}

.lesson-one-page-slides__controls--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__controls {
        flex-direction:row;
        inset: auto 0 1.4rem;
        justify-content: center
    }
}

.lesson-one-page-slides__next-btn,.lesson-one-page-slides__page-down-btn,.lesson-one-page-slides__prev-btn,.lesson-one-page-slides__restart-btn {
    align-items: center;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    display: flex;
    height: 3.6rem;
    justify-content: center;
    transition: transform .3s;
    width: 3.6rem
}

.lesson-one-page-slides__next-btn[aria-disabled=true]:not([aria-hidden=true]),.lesson-one-page-slides__page-down-btn[aria-disabled=true]:not([aria-hidden=true]),.lesson-one-page-slides__prev-btn[aria-disabled=true]:not([aria-hidden=true]),.lesson-one-page-slides__restart-btn[aria-disabled=true]:not([aria-hidden=true]) {
    cursor: default;
    opacity: .5
}

.lesson-one-page-slides__next-btn[aria-hidden=true],.lesson-one-page-slides__page-down-btn[aria-hidden=true],.lesson-one-page-slides__prev-btn[aria-hidden=true],.lesson-one-page-slides__restart-btn[aria-hidden=true] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.lesson-one-page-slides__next-btn--touch-preview,.lesson-one-page-slides__page-down-btn--touch-preview,.lesson-one-page-slides__prev-btn--touch-preview,.lesson-one-page-slides__restart-btn--touch-preview {
    height: 4.8rem;
    position: inherit;
    transition-timing-function: ease-in;
    width: 4.8rem
}

.lesson-one-page-slides__next-btn--touch-preview:active,.lesson-one-page-slides__page-down-btn--touch-preview:active,.lesson-one-page-slides__prev-btn--touch-preview:active,.lesson-one-page-slides__restart-btn--touch-preview:active {
    transform: scale(1.1458)
}

.lesson-one-page-slides__next-btn--touch-preview .lesson-one-page-slides__next-btns,.lesson-one-page-slides__page-down-btn--touch-preview .lesson-one-page-slides__next-btns,.lesson-one-page-slides__prev-btn--touch-preview .lesson-one-page-slides__next-btns,.lesson-one-page-slides__restart-btn--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__next-btn,.lesson-one-page-slides__page-down-btn,.lesson-one-page-slides__prev-btn,.lesson-one-page-slides__restart-btn {
        height:4.8rem;
        position: inherit;
        transition-timing-function: ease-in;
        width: 4.8rem
    }

    .lesson-one-page-slides__next-btn:active,.lesson-one-page-slides__page-down-btn:active,.lesson-one-page-slides__prev-btn:active,.lesson-one-page-slides__restart-btn:active {
        transform: scale(1.1458)
    }
}

@media(hover: hover) {
    .lesson-one-page-slides__next-btn:hover,.lesson-one-page-slides__page-down-btn:hover,.lesson-one-page-slides__prev-btn:hover,.lesson-one-page-slides__restart-btn:hover {
        transform:scale(1.1111)
    }
}

.lesson-one-page-slides__next-btns {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.lesson-one-page-slides__next-btns--touch-preview,.lesson-one-page-slides__next-btns--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__next-btns {
        margin-left:17.5vw
    }
}

.lesson-one-page-slides__prev-btn {
    top: 2.8rem
}

.lesson-one-page-slides__prev-btn[aria-hidden=true] {
    position: relative
}

.lesson-one-page-slides__prev-btn--touch-preview {
    margin-right: 17.5vw;
    top: unset
}

.lesson-one-page-slides__prev-btn--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__prev-btn {
        margin-right:17.5vw;
        top: unset
    }
}

.lesson-one-page-slides__next-btn,.lesson-one-page-slides__page-down-btn,.lesson-one-page-slides__restart-btn {
    bottom: 2.8rem
}

.lesson-one-page-slides__next-btn--touch-preview,.lesson-one-page-slides__page-down-btn--touch-preview,.lesson-one-page-slides__restart-btn--touch-preview {
    bottom: unset
}

.lesson-one-page-slides__next-btn--touch-preview .lesson-one-page-slides__next-btns,.lesson-one-page-slides__page-down-btn--touch-preview .lesson-one-page-slides__next-btns,.lesson-one-page-slides__restart-btn--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__next-btn,.lesson-one-page-slides__page-down-btn,.lesson-one-page-slides__restart-btn {
        bottom:unset
    }
}

.lesson-one-page-slides__gradient {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.2));
    bottom: 0;
    height: 9.2rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    transition: opacity .3s;
    z-index: 3
}

.lesson-one-page-slides__gradient--visible {
    opacity: 1
}

@media(max-width: 47.9375em) {
    .lesson-one-page-slides__gradient {
        height:6rem
    }
}

.lesson-one-page-slides__arrow-icon {
    height: 1.6rem;
    width: 1.6rem
}

.lesson-one-page-slides__arrow-icon--touch-preview {
    height: 2.2rem;
    width: 2.2rem
}

.lesson-one-page-slides__arrow-icon--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__arrow-icon {
        height:2.2rem;
        width: 2.2rem
    }
}

.lesson-one-page-slides__restart-icon {
    height: 1.6rem;
    width: 1.6rem
}

.lesson-one-page-slides__restart-icon--touch-preview {
    height: 2.8rem;
    width: 2.8rem
}

.lesson-one-page-slides__restart-icon--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .lesson-one-page-slides__restart-icon {
        height:2.8rem;
        width: 2.8rem
    }
}

@keyframes one-page-slide-up-enter {
    0% {
        opacity: 0;
        transform: translateY(100vh)
    }

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

@keyframes one-page-slide-up-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100vh)
    }
}

@keyframes one-page-slide-down-enter {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes one-page-slide-down-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.blocks-lesson-slide__wrapper--exiting {
    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: 2.4rem 0;
    position: relative
}

.blocks-lesson-slide__lesson--touch-preview {
    padding-bottom: 6.4rem;
    padding-top: 0
}

.blocks-lesson-slide__lesson--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .blocks-lesson-slide__lesson {
        padding-bottom:6.4rem;
        padding-top: 0
    }
}

.blocks-lesson-slide__background-top {
    height: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.blocks-lesson-slide__background-top--bigHalf {
    height: 55%
}

.blocks-lesson-slide__background-top--smallHalf {
    height: 45%
}

.blocks-lesson-slide__background-bottom {
    bottom: 0;
    height: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.blocks-lesson-slide__background-bottom--bigHalf {
    height: 55%
}

.blocks-lesson-slide__background-bottom--smallHalf {
    height: 45%
}

.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--legacy .block-image__caption {
    visibility: hidden
}

.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-embed__wrapper,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-flashcards-slider,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-gallery__carousel-container,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-gallery__container,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-knowledge__container,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-text__container,.blocks-lesson-slide__full-width-image--background .bg--type-image .block-video__item,.blocks-lesson-slide__full-width-image--background .bg--type-image .blocks-accordion__container,.blocks-lesson-slide__full-width-image--background .bg--type-image .blocks-storyline__wrapper,.blocks-lesson-slide__full-width-image--background .bg--type-image .process-block-wrapper,.blocks-lesson-slide__full-width-image--background .bg--type-image .scenario-block--initiated,.blocks-lesson-slide__full-width-image--background .bg--type-image.block-quote--carousel .block-quote__wrap {
    width: 100vw
}

.blocks-lesson-slide__full-width-image--background .bg--type-image--touch-preview .block-audio__item {
    padding: 0 2rem
}

.blocks-lesson-slide__full-width-image--background .bg--type-image--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .blocks-lesson-slide__full-width-image--background .bg--type-image .block-audio__item {
        padding:0 2rem
    }
}

.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 .3s;
    width: 100%;
    z-index: 4
}

.blocks-slide-controls {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    width: 4.8rem;
    z-index: 11
}

.blocks-slide-controls--touch-preview {
    display: none
}

.blocks-slide-controls--touch-preview .lesson-one-page-slides__next-btns {
    margin-left: 17.5vw
}

@media(max-width: 52.4375em),(pointer:coarse) {
    .blocks-slide-controls {
        display:none
    }
}

.blocks-slide-controls__page-control-wrapper {
    align-items: center;
    display: flex;
    flex: 1
}

.blocks-slide-controls__page-control-inner-wrapper {
    position: relative
}

.blocks-slide-controls__page-control-inner-wrapper--hidden {
    display: none
}

.blocks-slide-controls__page-control {
    border-radius: 10rem;
    max-height: 67vh;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    width: 3.2rem
}

.blocks-slide-controls__slide-dot-wrapper {
    align-items: center;
    background-color: rgba(0,0,0,.8);
    border: .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;
    transform: translateZ(0)
}

.blocks-slide-indicator__button {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    outline-offset: -.2rem;
    width: 2.4rem
}

.blocks-slide-indicator__button--active {
    border: 2px dashed 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 .3s,height .3s,width .3s;
    width: 1rem
}

.blocks-slide-indicator__button:hover .blocks-slide-indicator__circle:not(.blocks-slide-indicator__circle--disabled),.blocks-slide-indicator__circle--active {
    color: #fff;
    height: 1.6rem;
    width: 1.6rem
}

@media(prefers-reduced-motion:reduce) {
    .blocks-slide-indicator__circle {
        transition: none
    }
}

@media(forced-colors:active) {
    .blocks-slide-indicator__circle--disabled {
        stroke: ButtonText;
        stroke-width: .2rem;
        fill: none!important;
        r: 50%;
        overflow: visible
    }
}

.blocks-slide-indicator__circle--disabled,.blocks-slide-indicator__number--disabled {
    color: #5c5c5c
}

.blocks-slide-indicator-tooltip__wrapper {
    align-items: center;
    background-color: #000;
    border: 1px solid #000;
    border-radius: .4rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    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 .3s,transform .3s;
    width: -webkit-max-content;
    width: max-content;
    z-index: 11
}

.blocks-slide-indicator-tooltip__wrapper--disabled {
    height: 5.6rem;
    width: 5.6rem
}

.blocks-slide-indicator-tooltip__wrapper--visible {
    opacity: 1;
    transform: none
}

.blocks-slide-indicator-tooltip__wrapper:before {
    background-color: #000;
    border-color: #000;
    border-style: none solid solid none;
    border-width: 1px;
    content: "";
    height: 1rem;
    left: calc(100% - .5rem);
    position: absolute;
    top: calc(50% - .5rem);
    transform: rotate(-45deg);
    width: 1rem
}

.blocks-slide-indicator-tooltip__icon {
    height: 2.4rem;
    width: 2.4rem
}

.lesson-one-page-scroll {
    height: 100%
}

.lesson-one-page-scroll .page-wrap {
    overflow-y: auto
}

.blocks-lesson-restart-button {
    align-items: center;
    background-color: var(--color-theme);
    color: #fff;
    color: var(--color-theme-contrast,#fff);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 600;
    gap: .8rem;
    height: 8rem;
    justify-content: center;
    line-height: 1.6rem;
    position: relative;
    width: 100%
}

.blocks-lesson-restart-button__icon {
    height: 3rem;
    width: 3rem
}

.theme .microlearning-progress-summary__previous {
    display: flex
}

.theme .microlearning-progress-summary__content--stepped {
    transform: translateY(100%)
}

.theme .microlearning-progress-summary__content--mounted {
    opacity: 1;
    transform: none
}

@keyframes one-page-fade-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes one-page-fade-exit {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes one-page-slide-top-enter {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes one-page-slide-top-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(25%)
    }

    50% {
        transform: translateY(-25%)
    }

    to {
        transform: translateY(25%)
    }
}

.theme .one-page-cover__wrapper {
    align-items: center;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    justify-content: center;
    min-height: 0;
    min-height: auto;
    padding: 12.4rem 5rem;
    position: absolute
}

@media(max-width: 29.9375em) {
    .theme .one-page-cover__wrapper {
        padding:6.2rem 4rem
    }
}

.theme .one-page-cover__wrapper--entering-fade {
    animation: one-page-fade-enter 625ms;
    z-index: 1
}

.theme .one-page-cover__wrapper--exiting-fade {
    animation: one-page-fade-exit 625ms
}

.theme .one-page-cover__wrapper--entering-slide {
    animation: one-page-slide-top-enter 625ms;
    z-index: 1
}

.theme .one-page-cover__wrapper--exiting-slide {
    animation: one-page-slide-top-exit 625ms
}

.theme .one-page-cover__wrapper .cover__header-content {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 44.6rem;
    padding: 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: #000
}

.theme .one-page-cover__start-wrapper {
    bottom: 0;
    display: flex;
    justify-content: center;
    padding-bottom: 3rem;
    position: absolute;
    width: 100%
}

@media(max-width: 47.9375em) {
    .theme .one-page-cover__start-wrapper {
        bottom:2.4rem;
        padding-bottom: 0
    }
}

.theme .one-page-cover__start-link {
    align-items: center;
    display: flex;
    height: 7.2rem;
    justify-content: center;
    width: 7.2rem
}

.theme .one-page-cover__start-link:focus .one-page-cover__start-icon,.theme .one-page-cover__start-link:hover .one-page-cover__start-icon {
    animation-iteration-count: 1
}

.theme .one-page-cover__start-icon {
    animation: bounce 1.5s ease infinite;
    color: var(--color-one-page-cover-contrast);
    display: inline-flex;
    font-size: 3rem
}

@media(prefers-reduced-motion:reduce) {
    .theme .one-page-cover__start-icon {
        animation: none
    }
}

@keyframes shake {
    0% {
        transform: translateZ(0)
    }

    12.5% {
        transform: translate3d(-16px,0,0)
    }

    37.5% {
        transform: translate3d(12px,0,0)
    }

    62.5% {
        transform: translate3d(-8px,0,0)
    }

    87.5% {
        transform: translate3d(4px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.fail-password {
    animation: shake .4s ease-in-out 0ms
}

.share-password-dialog {
    background: #fff;
    border-radius: .3rem;
    border-top: .4rem solid #50abf1;
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.5);
    font-size: 1.7rem;
    margin: 10rem auto;
    max-width: 48rem;
    padding: 4rem;
    transition: transform .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
}

.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;
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 9000
}

.curtain__container--show-header {
    top: 5rem
}

.curtain__title {
    color: #000;
    font-size: 3.2rem;
    font-weight: 300;
    letter-spacing: -.1px;
    margin-bottom: 1.5rem
}

.curtain__description {
    color: #4a4a4a;
    font-size: 1.3rem;
    letter-spacing: .5px;
    line-height: 1.77;
    margin-bottom: 3rem;
    opacity: .8;
    width: 43rem
}

.curtain__text {
    font-size: 2.4rem;
    font-weight: 300;
    margin-top: 3rem
}

.curtain__spinner {
    animation: spin 1.5s linear infinite;
    border: .2rem solid rgba(0,0,0,.5);
    border-left-color: rgba(0,0,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)
    }
}