.white-card[data-v-245ca793]{background:var(--white);border-radius:8px;box-shadow:0 4px 12px #0003;color:var(--black);max-width:-moz-max-content;max-width:max-content;padding:1rem}@media screen and (max-width:768px){.white-card[data-v-245ca793]{width:92vw}}.lesson-container[data-v-765cdae5]{background-color:var(--black);color:var(--white);display:flex;flex-direction:column;height:100%}.lesson-body[data-v-765cdae5]{display:flex;flex:1;flex-direction:row}.lesson-left[data-v-765cdae5]{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:var(--size-3) var(--size-7)}.lesson-title[data-v-765cdae5]{font-family:var(--font-family-title);font-size:var(--font-xl);margin-bottom:2rem;text-transform:uppercase}.lesson-text[data-v-765cdae5]{font-size:var(--font-sm);line-height:1.2}.lesson-right[data-v-765cdae5]{align-items:center;background-color:var(--grey);border-left:1px solid var(--light-grey);display:flex;flex:1;font-family:var(--font-family-title);justify-content:center;padding:2rem;position:relative;text-transform:uppercase}.demo-note[data-v-765cdae5]{color:var(--lighter-grey);position:absolute;right:1rem;top:1rem;z-index:1}.lesson-footer[data-v-765cdae5]{border-top:1px solid var(--light-grey);padding:var(--size-4) var(--size-7);text-align:center}.footer-nav[data-v-765cdae5]{display:flex;justify-content:space-between}@media (max-width:768px){.lesson-body[data-v-765cdae5]{flex:none;flex-direction:column}.lesson-left[data-v-765cdae5],.lesson-right[data-v-765cdae5]{border:none;flex:none;padding:var(--size-3);width:100%}.lesson-right[data-v-765cdae5]{border-top:1px solid var(--light-grey);flex-direction:column}.demo-note[data-v-765cdae5]{display:none}.lesson-footer[data-v-765cdae5]{padding:var(--size-3)}}