.general-wrapper[data-v-7dc060ba]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:calc(var(--ratio)*100) 0;padding:0 calc(var(--ratio)*15);width:100%}.board[data-v-7dc060ba]{display:flex;justify-content:center;max-width:calc(var(--ratio)*1030);width:100%}@media (max-aspect-ratio:3/4){.board[data-v-7dc060ba]{flex-wrap:wrap;justify-content:flex-start;margin-bottom:0;max-height:none}}.side[data-v-7dc060ba]{background:var(--background);box-sizing:border-box;font-size:calc(var(--ratio)*18);height:100%;margin-left:calc(var(--ratio)*15);max-height:calc(var(--ratio)*518.5);max-width:calc(var(--ratio)*250);min-height:calc(var(--ratio)*518.5);min-width:calc(var(--ratio)*250);overflow-x:hidden;position:relative;width:100%}.side>.video-link[data-v-7dc060ba]{color:var(--soft-white);display:inline-block;margin-top:calc(var(--ratio)*15)}.side>.next-lesson-btn[data-v-7dc060ba]{margin-top:calc(var(--ratio)*16)}.side>.gradient[data-v-7dc060ba]{background:linear-gradient(0deg,var(--background) 0,transparent 100%);bottom:-1%;height:calc(var(--ratio)*50);left:0;pointer-events:none;position:sticky;width:100%}.side>.turn_and_analysis[data-v-7dc060ba]{background:var(--background);box-shadow:0 0 0 calc(var(--ratio)*15) var(--background);display:flex;gap:calc(var(--ratio)*15);justify-content:space-between;left:0;margin-bottom:calc(var(--ratio)*15);position:sticky;top:0}@media (max-aspect-ratio:3/4){.side>.turn_and_analysis[data-v-7dc060ba]{flex-direction:row-reverse}.side[data-v-7dc060ba]{max-height:35vh;max-width:calc(100% - var(--ratio)*247.5);min-width:0;order:3;overflow-y:auto}}