.pgn-lesson[data-v-2eafd602],.pgn-lesson__board[data-v-2eafd602]{justify-content:center;width:100%;display:flex}.pgn-lesson__board[data-v-2eafd602]{max-width:calc(var(--ratio)*1030)}@media (aspect-ratio<=3/4){.pgn-lesson__board[data-v-2eafd602]{flex-wrap:wrap;justify-content:flex-start;max-height:none}}.pgn-lesson__side[data-v-2eafd602]{width:100%;height:100%;min-width:calc(var(--ratio)*250);max-width:calc(var(--ratio)*250);min-height:calc(var(--ratio)*518.5);max-height:calc(var(--ratio)*518.5);font-size:calc(var(--ratio)*18);margin-left:calc(var(--ratio)*15);box-sizing:border-box;background:var(--color-bg);position:relative}@media (aspect-ratio<=3/4){.pgn-lesson__side[data-v-2eafd602]{min-width:0;max-width:calc(100% - var(--ratio)*247.5);order:3;max-height:35vh;overflow-y:auto}}.pgn-lesson__turn[data-v-2eafd602]{z-index:1;margin-bottom:calc(var(--ratio)*15);background:var(--color-bg);box-shadow:0 0 0 calc(var(--ratio)*15) var(--color-bg);position:sticky;top:0;left:0}.pgn-lesson__gradient[data-v-2eafd602]{width:100%;height:calc(var(--ratio)*50);pointer-events:none;background:linear-gradient(0deg,var(--color-bg) 0,transparent 100%);position:sticky;bottom:-1%;left:0}