.app[data-v-654d06e8]{height:100%;display:flex;align-content:center;justify-content:center;align-items:center}
.reference-button[data-v-79149595]{margin-right:30px;padding:5px;border-radius:5px;cursor:pointer}.open-reference[data-v-79149595],.reference-button[data-v-79149595]:hover{background-color:#0000000d}.jump-content-button[data-v-79149595]{width:100px;height:100px;position:absolute;top:-100px;left:-100px}.lesson[data-v-79149595]{width:1366px;position:absolute;border:3px solid #000}.lesson[data-v-79149595],.player[data-v-79149595]{display:flex;flex-direction:column;align-items:center}.player[data-v-79149595]{min-height:50%;max-height:100%;justify-content:center;width:80%}.no-UI-content-row[data-v-79149595]{height:768px}.content-row[data-v-79149595],.no-UI-content-row[data-v-79149595]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.content-row[data-v-79149595]{height:643px}.slide-nav[data-v-79149595]{height:100%;display:flex;justify-content:center;align-items:center}.nav-row[data-v-79149595]{width:100%;height:125px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}
.completion-banner[data-v-ee7b29ee]{width:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;height:10rem;margin:0 0 2rem;background-image:"url(../../../static/image/check.jpg"}.completion-popup[data-v-ee7b29ee]{width:30%;height:auto;padding:0 0 3%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--background)!important;border-radius:var(--rounded);width:40%!important;max-width:var(--body-width);animation:feedback2 .5s cubic-bezier(1,-.01,0,.98)}.popup-background[data-v-ee7b29ee]{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);width:1366px;height:768px;display:flex;justify-content:center;align-items:center}.completion-title[data-v-ee7b29ee]{align-self:center;margin-bottom:1rem;font-family:heading;font-size:var(--heading);border:none!important;padding:0!important;animation:none!important;background-position:0;background-repeat:no-repeat;background-size:23px}.completion-button-container[data-v-ee7b29ee]{display:flex;width:90%;align-items:center;align-content:center;justify-content:space-around}.completion-text[data-v-ee7b29ee]{font-family:body;width:75%;text-align:center;margin:0 0 2rem;color:var(--text);font-size:var(--body)}.return-home-button[data-v-ee7b29ee],.save-close-button[data-v-ee7b29ee]{border-radius:var(--rounded)!important;box-shadow:var(--raised);border:none;text-align:right;width:fit-content;padding:10px 20px 10px 60px!important;cursor:pointer;font-family:body;font-size:var(--heading);color:var(--text2)!important;margin-top:var(--margin-md)!important;background-image:url(../static/gui/check.png);background-position:top 18px left 24px;background-repeat:no-repeat;background-size:15px}.return-home-button[data-v-ee7b29ee]:hover,.save-close-button[data-v-ee7b29ee]:hover{box-shadow:var(--raised-press);transition:box-shadow .2s ease;background-color:var(--light);color:var(--text2)}
.module[data-v-2e1cfce9]{width:1366px;height:768px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border:3px solid #000}.module-image[data-v-2e1cfce9]{width:auto;height:300px}.landing[data-v-2e1cfce9]{width:75%;height:75%}.landing-row[data-v-2e1cfce9]{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.landing-column[data-v-2e1cfce9]{width:50%}
.help-panel-bg[data-v-088ceb06]{width:100dvw;height:100dvh;background-color:rgba(1,1,1,.2);position:absolute;display:flex;top:0;z-index:10;justify-content:center;align-items:center}.help-panel-main[data-v-088ceb06]{position:relative;width:60dvw;height:60dvh;background-color:#fff;color:#000;border:1px solid #000;padding:2%;overflow:visible;z-index:150}.close-button[data-v-088ceb06]{position:absolute;top:20px;right:20px;padding:5px;border:1px solid #000}.help-videos[data-v-088ceb06]{display:flex;flex-direction:row;gap:15px}.video-item[data-v-088ceb06]:hover{cursor:pointer}.left-panel[data-v-088ceb06]{display:flex;flex-direction:column;gap:5px;height:100%;overflow-y:scroll}
.feedback-popup[data-v-dca3d11c]{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.popup-background[data-v-dca3d11c]{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}
.reference-container[data-v-cf067056]{position:absolute;width:fit-content;height:fit-content;padding:20px;top:9vh;right:9vw;display:flex;flex-direction:column;font-family:heading;background-color:#fff;z-index:1;border-radius:5px;box-shadow:-3px -3px 4px 0 #fafafaa8,5px 5px 8px 0 #bfbfbfba}.reference[data-v-cf067056]{color:var(--text);text-decoration:none;padding:6px;border-radius:5px}.reference[data-v-cf067056]:hover{background-color:#0000000d}
.categories[data-v-4bae45c3]{display:flex;flex-direction:row;justify-content:center;align-items:start}.category[data-v-4bae45c3]{width:50%;padding:0 10px;display:flex;flex:grow;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row}.items-list[data-v-4bae45c3]{display:flex;padding:5px}.category-name[data-v-4bae45c3]{color:#fff}.list-group[data-v-4bae45c3]{display:flex;flex-direction:column;padding-top:10px;margin-bottom:0;flex-wrap:wrap;align-content:center;justify-content:flex-start}.first-item[data-v-4bae45c3]{min-height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:0;margin-bottom:0;width:100%;max-height:100%}
.gif-button[data-v-abf9c57c]{width:80px}.combo-3-row-text[data-v-abf9c57c],.combo-row[data-v-abf9c57c]{display:flex;flex-direction:row;align-items:center;justify-content:center}.combo-3-row-text[data-v-abf9c57c]{width:100%}.combo-3-row-image[data-v-abf9c57c]{width:100%;flex-grow:1;display:flex;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:var(--margin-md);border-radius:var(--rounded)}.three-row-combo[data-v-abf9c57c]{display:flex;flex-direction:column;height:100%;width:100%;align-items:center}.three-row-heading[data-v-abf9c57c]{font-family:heading!important;font-size:var(--heading)!important;color:var(--text);line-height:1.7rem;margin-bottom:var(--margin-md);max-width:var(--heading-width)}.combo-column[data-v-abf9c57c]{width:50%}.combo-column[data-v-abf9c57c],.three-combo-column[data-v-abf9c57c]{display:flex;flex-direction:column;align-content:center;flex-wrap:wrap}.three-combo-column[data-v-abf9c57c]{width:100%;align-items:center;justify-content:flex-start}
.hotspot img[data-v-7e4bed06]{width:100%;height:100%}.selected-hotspot img[data-v-7e4bed06]{box-sizing:border-box}.hotspot-area[data-v-7e4bed06]{position:relative}.hotspot-bg[data-v-7e4bed06]{height:100%;position:relative}.hotspot[data-v-7e4bed06]{position:absolute;cursor:pointer}
.inv-hotspot-area[data-v-5f870011]{width:500px;height:500px;position:relative;background-size:contain}.hint[data-v-5f870011]{width:10%}.inv-hotspot[data-v-5f870011]{position:absolute;cursor:pointer}
.image-slide[data-v-19751c15]{width:100%}
.intro-col[data-v-ea4cfbb8]{height:100%;left:50%;top:0;position:absolute;flex-direction:column;align-items:center;justify-content:center}.intro-image[data-v-ea4cfbb8]{position:absolute;left:0;top:0}
.sata-option[data-v-51b4a2f2]{position:static;border-radius:10px;border:none;min-width:180px;padding:0;cursor:pointer;font-family:body;display:flex;flex-direction:row;padding:0 10px;align-content:center;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.sata-text[data-v-51b4a2f2]{margin:5px;font-size:1rem;padding:10px}.sata-checkbox[data-v-51b4a2f2]{margin:5px;transform:scale(2);padding:10px}.sata-button[data-v-51b4a2f2]{position:relative;display:flex;border-radius:var(--rounded)!important;border:none;text-align:center;width:460px;padding:0 5px;cursor:pointer;font-family:body;font-size:1.1rem;height:50px;text-align:left;color:var(--text2);align-items:center}
.sorted-answers[data-v-83ba17f4]{display:flex;padding:5px 0;align-items:center;justify-content:center}.sorted-numbers[data-v-83ba17f4]{width:25px;display:flex;align-items:center;justify-content:center;border:none;text-align:center;padding:0;margin:1px;cursor:pointer;font-size:1.2rem;border-radius:var(--rounded)!important}.category-slide[data-v-83ba17f4],.sequence-slide[data-v-83ba17f4]{height:100%}.sequence[data-v-83ba17f4]{display:flex;flex-direction:row;justify-content:center}.unordered-sequence-group[data-v-83ba17f4]{display:flex;flex-direction:row;height:100%}.ordered-sequence-group[data-v-83ba17f4]{height:100%;display:flex;flex-direction:column;row-gap:var(--margin-sm)}.sequence-group[data-v-83ba17f4]{display:flex;border-radius:var(--rounded)!important;flex-direction:row;padding:0;width:450px}.sequence-image[data-v-83ba17f4]{width:100%}.sata-button[data-v-83ba17f4],.sata-unordered-button[data-v-83ba17f4]{position:relative;border:none;font-family:body;text-align:left;color:var(--text2)}.sata-button[data-v-83ba17f4]{display:flex;font-size:1.1rem;height:50px;align-items:center}.unordered-span[data-v-83ba17f4]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-end}
.canvas[data-v-8ffd2a94]{text-align:center;padding:0;position:relative}.canvas-background[data-v-8ffd2a94]{position:relative;height:100%;width:100%;color:red}.cue[data-v-8ffd2a94]{position:absolute}.image-cue[data-v-8ffd2a94]{position:absolute;left:0;top:0;height:100%;width:100%}.text-cue[data-v-8ffd2a94]{position:absolute;line-height:1.5;z-index:1}
.wrapper[data-v-306cae42]{display:flex;flex-direction:column;flex-wrap:wrap;margin:0 auto;justify-content:center;align-items:center;margin-top:20px}.disabled[data-v-306cae42]{pointer-events:none}.matched[data-v-306cae42]{border:1px solid #000;background-color:#f5f5fa;opacity:1}.selected[data-v-306cae42]{box-shadow:0 0 2px 2px #dbd8f8;border:1px solid #bdbdbd;transition-duration:.1s}.line-svg[data-v-306cae42]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:999;pointer-events:none}.wrapper-items[data-v-306cae42]{position:relative;z-index:0;height:auto;margin:0 auto}.button-wrapper[data-v-306cae42]{display:block}.left-items[data-v-306cae42]{float:left;margin-right:100px}.right-items[data-v-306cae42]{float:right}p[data-v-306cae42]:hover{border:1px solid #bdbdbd;cursor:pointer}
.multiple-choice-image-slide[data-v-0ec4e254]{display:flex;flex-direction:row}.multiple-choice-image[data-v-0ec4e254]{width:100%}