.sentence-ordering[data-v-c48356e7]{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:2.4rem 3.2rem 4rem;display:flex}.sentence-ordering__hint[data-v-c48356e7]{color:#fffffff5;align-items:center;gap:1.2rem;margin-bottom:16rem;font-size:2.6rem;font-weight:400;line-height:1.2;display:inline-flex}.sentence-ordering__hint-icon[data-v-c48356e7]{flex:none;width:2.4rem;height:2.4rem}.sentence-ordering__canvas[data-v-c48356e7]{flex-direction:column;align-items:stretch;gap:3.2rem;width:94.2rem;max-width:100%;display:flex}.sentence-ordering__sentence[data-v-c48356e7]{flex:none;justify-content:center;align-items:flex-end;gap:3rem;width:100%;min-height:13.2rem;margin:0;padding:0;list-style:none;display:flex}.sentence-ordering__sentence-tray-stack[data-v-c48356e7]{flex-direction:column;flex:none;align-items:stretch;gap:2rem;width:100%;display:flex}.sentence-ordering__sentence-slot[data-v-c48356e7]{flex-direction:column;justify-content:flex-end;align-items:center;width:27.4rem;padding:0;display:flex}.sentence-ordering__tray-section[data-v-c48356e7]{flex-direction:column;flex:none;align-items:stretch;gap:0;width:100%;display:flex}.sentence-ordering__tray-panel[data-v-c48356e7]{box-sizing:border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:2rem;width:100%;height:13.2rem;padding:2rem}.sentence-ordering__options[data-v-c48356e7],.sentence-ordering__tray-panel[data-v-c48356e7]{flex:none;justify-content:center;align-items:center;display:flex}.sentence-ordering__options[data-v-c48356e7]{gap:3rem;width:auto;max-width:100%;height:9.2rem}.sentence-ordering__slot[data-v-c48356e7]{width:27.4rem;min-height:13.2rem;color:var(--on-dark);background:0 0;border:none;justify-content:center;align-items:stretch;padding:0;display:flex;position:relative}.sentence-ordering__slot[data-v-c48356e7]:disabled{cursor:default}.sentence-ordering__slot--locked[data-v-c48356e7]{pointer-events:none}.sentence-ordering__slot-line[data-v-c48356e7]{z-index:2;pointer-events:none;border:none;border-top:2px solid #fff;width:27.4rem;height:0;margin:0;display:block;position:absolute;bottom:0;left:0;right:0}.sentence-ordering__slot--active[data-v-c48356e7],.sentence-ordering__slot--filled[data-v-c48356e7],.sentence-ordering__slot--locked[data-v-c48356e7],.sentence-ordering__slot--preview[data-v-c48356e7],.sentence-ordering__slot--wrong[data-v-c48356e7]{border-radius:2rem}.sentence-ordering__option[data-v-c48356e7]{box-sizing:border-box;-webkit-backdrop-filter:blur(34.4px);backdrop-filter:blur(34.4px);width:27.4rem;height:9.2rem;color:var(--on-dark);background:#ffffff1a;border:.5px solid #ffffff80;border-radius:1.2rem;justify-content:space-between;align-items:center;gap:1.6rem;padding:.8rem 2rem;display:inline-flex;box-shadow:0 1.2rem 3.2rem #080f1f3d}.sentence-ordering__option--tray[data-v-c48356e7]{cursor:grab}.sentence-ordering__option--dragging[data-v-c48356e7]{opacity:.32}.sentence-ordering__option--inline[data-v-c48356e7]{z-index:1;position:absolute;bottom:calc(4rem + 2px);left:0;right:0}.sentence-ordering__slot--active .sentence-ordering__option--inline[data-v-c48356e7]{background:#00a92133;border:2px solid #00a921}.sentence-ordering__slot--locked .sentence-ordering__option--inline[data-v-c48356e7]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.sentence-ordering__option-copy[data-v-c48356e7]{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;min-width:0;display:inline-flex}.sentence-ordering__option-zh[data-v-c48356e7]{text-align:center;font-size:4rem;font-weight:400;line-height:4.8rem}.sentence-ordering__option--pinyin[data-v-c48356e7]{text-align:center;font-size:2rem;line-height:2.4rem}.sentence-ordering__option-audio[data-v-c48356e7]{flex:none;width:2rem;height:2rem;position:absolute;top:1.5rem;right:2rem}.sentence-ordering__ghost[data-v-c48356e7]{z-index:9999;pointer-events:none;position:absolute;top:0;left:0}@media (width<=1024px){.sentence-ordering[data-v-c48356e7]{gap:4rem;padding:2.4rem}.sentence-ordering__canvas[data-v-c48356e7]{gap:3.2rem}.sentence-ordering__options[data-v-c48356e7],.sentence-ordering__sentence[data-v-c48356e7]{gap:1.6rem}.sentence-ordering__option[data-v-c48356e7],.sentence-ordering__sentence-slot[data-v-c48356e7],.sentence-ordering__slot[data-v-c48356e7],.sentence-ordering__slot-line[data-v-c48356e7]{width:20rem}.sentence-ordering__option-zh[data-v-c48356e7]{font-size:3.2rem}}