.button-30[data-v-2733dd2b]{align-items:center;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.button-30[data-v-2733dd2b]:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.button-30[data-v-2733dd2b]:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.button-30[data-v-2733dd2b]:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.image[data-v-2733dd2b]{align-items:center;display:flex;flex-direction:row;justify-content:center;width:15%;height:auto;padding:0}.identify-box[data-v-2733dd2b]{background-color:#fff;box-shadow:2px 3px 10px 2px #d7dfff}.to-identify[data-v-2733dd2b]{background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff}.sticky[data-v-2733dd2b]{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start}.identified[data-v-2733dd2b]{background-color:#6d71fa;color:#fff}h3[data-v-2733dd2b]{margin-bottom:0}.unidentified[data-v-2733dd2b]{background-color:#fff;color:#000}.incorrect[data-v-2733dd2b]{border:1px solid #CB3434}.correct[data-v-2733dd2b]{border:1px solid #32A962}.flex-between[data-v-2733dd2b]{display:flex;flex-direction:column;margin-left:10px;margin-right:10px;align-self:flex-start;width:auto;gap:10px}.drop-zone[data-v-2733dd2b]{display:flex;min-width:20ch;max-width:60ch;margin:5px;height:fit-content;box-shadow:2px 3px 10px 2px #d7dfff;max-height:fit-content;min-height:7vh;flex-wrap:wrap;flex-direction:column;border-radius:5px;padding:5px}.outer-box[data-v-2733dd2b]{padding:5px;background-color:#f9fafe;max-width:600px;min-width:fit-content;border-radius:5px;display:flex;align-items:center;flex-direction:column}.flex-horizontal[data-v-2733dd2b]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.drag-el-horizontal[data-v-2733dd2b]{padding-left:1vh;padding-right:1vh;border-radius:5px;margin:5px;text-align:center;height:fit-content;max-width:inherit;box-shadow:2px 3px 10px 2px #d7dfff;cursor:pointer}.drop-zone-horizontal[data-v-2733dd2b]{display:flex;max-width:1000px;min-width:700px;margin:10px 10px 25px;box-shadow:2px 3px 10px 2px #d7dfff;background-color:#f9fafe;min-height:10vh;border-radius:5px;max-height:fit-content;overflow:auto;flex-wrap:wrap;flex-direction:row;padding:10px}.drag-el-horizontal[data-v-2733dd2b]:nth-last-child{margin-bottom:0}.drag-el[data-v-2733dd2b]:nth-last-child{margin-bottom:0}.flexbox[data-v-2733dd2b]{display:flex;justify-content:space-between;margin:15px;padding:15px}#buttons[data-v-2733dd2b]{margin:0;text-align:center}.relative[data-v-2733dd2b]{padding:10px;display:flex;width:100%;flex-direction:row;justify-content:space-between}.navitem[data-v-2733dd2b]{width:100px;height:50px;padding:10px;text-align:center;border:none;background-color:#272971;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;font-size:large}.navitem[data-v-2733dd2b]:hover{background-color:#fff;color:#272971;border:1px solid #272971;cursor:pointer;font-weight:700}#snackbar[data-v-2733dd2b]{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;font-size:17px}#snackbar.show[data-v-2733dd2b]{visibility:visible;-webkit-animation:fadein-2733dd2b .5s,fadeout-2733dd2b .5s 2.5s;animation:fadein-2733dd2b .5s,fadeout-2733dd2b .5s 2.5s}@-webkit-keyframes fadein-2733dd2b{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein-2733dd2b{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout-2733dd2b{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout-2733dd2b{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.modal[data-v-2733dd2b]{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content[data-v-2733dd2b]{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close[data-v-2733dd2b]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-2733dd2b]:hover,.close[data-v-2733dd2b]:focus{color:#000;text-decoration:none;cursor:pointer}.codebox{height:80%;width:60%;padding:25px;border-radius:10px;align-items:center;justify-content:center;background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff;overflow-x:hidden}#buttons{margin:0;text-align:center}.relative{padding:10px;display:flex;width:100%;flex-direction:row;justify-content:space-between;background-color:#fff}.flex-row{display:flex;flex-direction:row;gap:50px;margin:20px;background-color:#f9fafe;justify-content:flex-start;min-height:40vh}.navitem{width:100px;height:50px;padding:10px;text-align:center;border:none;background-color:#272971;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;font-size:large}.navitem:hover{background-color:#fff;color:#272971;border:1px solid #272971;cursor:pointer;font-weight:700}.content{height:80%;width:45%;padding:25px;border-radius:10px;background-color:#f9fafe;box-shadow:2px 3px 10px 2px #d7dfff;overflow-x:hidden}