.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-da4206e4]{background-color:var(--black);color:var(--white);display:flex;flex-direction:column;height:calc(100vh - var(--ui-header-height));max-height:calc(100vh - var(--ui-header-height));overflow:hidden}.lesson-body[data-v-da4206e4]{flex:1;flex-direction:row;overflow:hidden}.lesson-body[data-v-da4206e4],.lesson-left[data-v-da4206e4]{display:flex;min-height:0;min-width:0}.lesson-left[data-v-da4206e4]{align-items:flex-start;flex:1;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:var(--size-4) var(--size-7)}.lesson-title[data-v-da4206e4]{font-family:var(--font-family-title);font-size:var(--font-xl);margin-bottom:var(--size-4);text-transform:uppercase}.lesson-text[data-v-da4206e4]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-sm);line-height:1.2}.lesson-text[data-v-da4206e4] strong{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:800}.lesson-text[data-v-da4206e4] code{background:#ffffff1a;border-radius:3px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;overflow-wrap:anywhere;padding:.2em .4em}.lesson-right[data-v-da4206e4]{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;min-height:0;min-width:0;overflow-y:auto;padding:2rem;position:relative;text-transform:uppercase;-ms-overflow-style:none;scrollbar-width:none}.lesson-right[data-v-da4206e4]::-webkit-scrollbar{display:none}.lesson-right[data-v-da4206e4] .white-card{box-sizing:border-box;max-height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.lesson-right[data-v-da4206e4] .white-card::-webkit-scrollbar{display:none}.demo-note[data-v-da4206e4]{color:var(--lighter-grey);position:absolute;right:1rem;top:1rem;z-index:1}.lesson-footer[data-v-da4206e4]{align-items:center;border-top:1px solid var(--light-grey);box-sizing:border-box;display:flex;flex-shrink:0;min-height:var(--ui-lesson-footer-height);padding:var(--size-4) var(--size-7);text-align:center}.footer-nav[data-v-da4206e4]{display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.lesson-container[data-v-da4206e4]{height:auto;max-height:none;overflow:visible;padding-bottom:calc(var(--ui-mobile-lesson-footer-height) + var(--size-4))}.lesson-body[data-v-da4206e4]{flex:none;flex-direction:column;overflow:visible}.lesson-left[data-v-da4206e4],.lesson-right[data-v-da4206e4]{border:none;flex:none;overflow:visible;padding:var(--size-3);width:100%}.lesson-left[data-v-da4206e4]{min-height:auto;overflow-y:visible}.lesson-right[data-v-da4206e4]{border-top:1px solid var(--light-grey);flex-direction:column}.lesson-right[data-v-da4206e4] .white-card{max-height:none;overflow-y:visible}.demo-note[data-v-da4206e4]{display:none}.lesson-footer[data-v-da4206e4]{background-color:var(--black);bottom:0;left:0;min-height:var(--ui-mobile-lesson-footer-height);padding:var(--size-2) var(--size-3) calc(var(--size-2) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.footer-nav[data-v-da4206e4]{display:grid;gap:var(--size-3);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-nav[data-v-da4206e4] .button{min-width:0;width:100%}.footer-nav[data-v-da4206e4] .button>span{min-width:0;overflow-wrap:anywhere}}