.moves-viewer[data-v-f309d896]{background-color:var(--surface);border-radius:calc(var(--ratio)*7.5);box-sizing:border-box;font-size:calc(var(--ratio)*18);margin-right:calc(var(--ratio)*15);max-height:calc(var(--ratio)*518.5);max-width:calc(var(--ratio)*232.5);min-width:calc(var(--ratio)*232.5);overflow-x:hidden;padding:calc(var(--ratio)*12.5) calc(var(--ratio)*10) 0 calc(var(--ratio)*20);position:relative;scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media (max-aspect-ratio:3/4){.moves-viewer[data-v-f309d896]{margin-right:0;max-height:35vh;order:2}}.moves-viewer>button[data-v-f309d896]{background-color:var(--green);border:none;border-radius:calc(var(--ratio)*5);color:var(--soft-white);cursor:pointer;font-weight:600;height:calc(var(--ratio)*25);margin-bottom:calc(var(--ratio)*7.5);margin-right:calc(var(--ratio)*7.5);min-width:calc(var(--ratio)*75);width:-moz-fit-content;width:fit-content}.moves-viewer>button[data-v-f309d896],.moves-viewer>span[data-v-f309d896]{font-size:calc(var(--ratio)*18)}.moves-viewer>.cols[data-v-f309d896]{display:flex}.moves-viewer>.cols>.move_nums>.move_num[data-v-f309d896]{display:flex;flex-direction:column}.moves-viewer>.cols>.move_nums>.move_num>.num[data-v-f309d896]{align-items:center;box-sizing:border-box;cursor:default;display:flex;font-family:var(--font-text);height:calc(var(--ratio)*34);justify-content:flex-start;pointer-events:none;text-align:start;width:calc(var(--ratio)*40)}.moves-viewer>.cols>.move_nums>.move_num>.fork_margin[data-v-f309d896]{display:flex}.moves-viewer>.cols>.move_nums>.move_num>.fork_margin>div>div[data-v-f309d896]{height:calc(var(--ratio)*34)}.moves-viewer>.cols>.moves[data-v-f309d896]{display:flex;flex-wrap:wrap;width:calc(var(--ratio)*160)}.moves-viewer>.cols>.moves>.wrap[data-v-f309d896]{width:50%}.moves-viewer>.cols>.moves>.wrap>.move[data-v-f309d896]{align-items:center;border-radius:calc(var(--ratio)*7.5);box-sizing:border-box;cursor:pointer;display:flex;height:calc(var(--ratio)*34);justify-content:center;line-height:0;transition:background-color .3s}.moves-viewer>.cols>.moves>.wrap>.move[data-v-f309d896]:hover{background-color:#31313180;opacity:1}.moves-viewer>.cols>.moves>.wrap>.move[data-v-f309d896]:not(:first-child){opacity:.5}.moves-viewer>.cols>.moves>.empty_dots[data-v-f309d896]{align-items:center;display:flex;height:calc(var(--ratio)*34);justify-content:center;width:50%}.moves-viewer>.gradient[data-v-f309d896]{background:linear-gradient(0deg,var(--surface) 0,transparent 100%);bottom:-1%;height:calc(var(--ratio)*50);left:0;pointer-events:none;position:sticky;width:100%}.context_menu[data-v-f309d896]{position:absolute;z-index:10}.context_menu>.wrap[data-v-f309d896]{background:var(--surface-3);border:2px solid var(--soft-white-faded);border-radius:calc(var(--ratio)*7.5);box-shadow:0 0 calc(var(--ratio)*50) calc(var(--ratio)*15) #0000004d;display:flex;flex-direction:column;font-size:calc(var(--ratio)*15);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--ratio)*245)}.context_menu>.wrap>.context_menu_item[data-v-f309d896]{border-bottom:2px solid var(--soft-white-faded);border-radius:calc(var(--ratio)*7.5);cursor:pointer;padding:calc(var(--ratio)*10) calc(var(--ratio)*15);text-align:center;transition:background-color .1s}.context_menu>.wrap>.context_menu_item[data-v-f309d896]:hover{background:var(--background)}.context_menu>.wrap>.nags[data-v-f309d896]{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.context_menu>.wrap>.nags>li[data-v-f309d896]{border-radius:calc(var(--ratio)*7.5);cursor:pointer;display:grid;font-size:calc(var(--ratio)*16);height:calc(var(--ratio)*30);place-content:center;width:calc(var(--ratio)*35)}.context_menu>.wrap>.nags>li[data-v-f309d896]:hover{background:var(--background)}